Creating an Axis

The d3plus-axis module expands on the ideas presented in d3-axis, most notably by adding grid lines and fitting the axis within the allotted space. To create a bottom aligned axis in an SVG group defined like this:

<svg width=600 height=300>
  <g id="my-axis"></g>

Here is the javascript needed:

var bottom = new d3plus.AxisBottom()
  .domain([0, 10])

All four orientations available as shorthand methods for the generalized Axis class that they all extend. These axis classes are used to create the x/y plot in d3plus-plot visualizations.