D3.js Axes

What My Height My Look Like

The example above mostly demonstrates linear and time scales. It was the first graph I made with d3.js trying to see what the basics were. It mostly just involves setting a scale for the axis using a domain and a range where the domain is the range of real values (values that are actually represented in the data) and the range represents svg values - values that should correspond to the min and the max svg values. i.e., you can use the returned axis function to transform data to get where the data should appear in the svg. Something is wrong with the labels and axes that I need to figure out.

domainminaxis(domainmin)svgmindomainmaxaxis(domainmax)svgmax\textrm{domain}_{min} \Rightarrow \textrm{axis}(\textrm{domain}_{min}) \Rightarrow \textrm{svg}_{min} \\ \textrm{domain}_{max} \Rightarrow \textrm{axis}(\textrm{domain}_{max}) \Rightarrow \textrm{svg}_{max}

Beyond setting the scale for the axes, you can also use methods on the axes to customize how the tick marks are presented. The methods can be reviewed in the documentation.