D3.svg.axis Is Not A Function. The horizontal axis or the x-axis and the vertical axis or the y-axis. The d3axisBottom function in D3js is used to create a bottom horizontal axis.
This function will construct a new bottom-oriented axis generator for the given scale with empty tick arguments a tick size of 6 and padding of 3. Unlike scales when an axis function is called it doesnt return a value but generates the visual elements of the axis including lines labels and ticks. Also note that your code is importing both the d3 default bundle and individual D3 modules such as d3-scaleThis should work if you have your bundler configured correctly but is not idiomatic.
Another selector function that well use later is d3selectAll.
This function returns the current tick values which defaults to null. D3selectbodyappendsvg attrclass axis attrwidth 1440 attrheight 30 appendg attrtransform translate030 callaxis. D3svgarc d3arc d3svgline d3line So basically d3scale is now undefined and generally replaced by. This function will construct a new left-oriented axis generator for the given scale with empty tick arguments a tick size of 6 and padding of 3.