SVG Shapes API

[anthonime]

LINE: DEMO: LineDemo

• [x] d3.svg.line - create a new line generator.
• [x] line - generate a piecewise linear curve, as in a line chart.
• [x] line.x - get or set the x-coordinate accessor.
• [x] line.y - get or set the y-coordinate accessor.
• [x] line.interpolate - get or set the interpolation mode.
• [x] line.tension - get or set the cardinal spline tension.
• [x] line.defined - control whether the line is defined at a given point.

LINE RADIAL (implemented but waiting for clarification from mbostock)

• [x] d3.svg.line.radial - create a new radial line generator.
• [x] line - generate a piecewise linear curve, as in a polar line chart.
• [x] line.radius - get or set the radius accessor.
• [x] line.angle - get or set the angle accessor.
• [x] line.defined - control whether the line is defined at a given point.

AREA

• [x] d3.svg.area - create a new area generator.
• [x] area - generate a piecewise linear area, as in an area chart.
• [x] area.x - get or set the x-coordinate accessors.
• [x] area.x0 - get or set the x0-coordinate (baseline) accessor.
• [x] area.x1 - get or set the x1-coordinate (topline) accessor.
• [x] area.y - get or set the y-coordinate accessors.
• [x] area.y0 - get or set the y0-coordinate (baseline) accessor.
• [x] area.y1 - get or set the y1-coordinate (topline) accessor.
• [x] area.interpolate - get or set the interpolation mode.
• [x] area.tension - get or set the cardinal spline tension.
• [x] area.defined - control whether the area is defined at a given point.

POSTPONED to #114 AREA RADIAL

• [ ] d3.svg.area.radial - create a new area generator.
• [ ] area - generate a piecewise linear area, as in a polar area chart.
• [ ] area.radius - get or set the radius accessors.
• [ ] area.innerRadius - get or set the inner radius (baseline) accessor.
• [ ] area.outerRadius - get or set the outer radius (topline) accessor.
• [ ] area.angle - get or set the angle accessors.
• [ ] area.startAngle - get or set the angle (baseline) accessor.
• [ ] area.endAngle - get or set the angle (topline) accessor.
• [ ] area.defined - control whether the area is defined at a given point.

ARC

• [x] d3.svg.arc - create a new arc generator.
• [x] arc - generate a solid arc, as in a pie or donut chart.
• [x] arc.innerRadius - get or set the inner radius accessor.
• [x] arc.outerRadius - get or set the outer radius accessor.
• [x] arc.startAngle - get or set the start angle accessor.
• [x] arc.endAngle - get or set the end angle accessor.
• [x] arc.centroid - compute the arc centroid.

SYMBOL (Tested by TestSymbol and demonstrated with SymbolDemo)

• [x] d3.svg.symbol - create a new symbol generator.
• [x] symbol - generate categorical symbols, as in a scatterplot.
• [x] symbol.type - get or set the symbol type accessor.
• [x] symbol.size - get or set the symbol size (in square pixels) accessor.
• [ ] d3.svg.symbolTypes - the array of supported symbol types. OMITTED : replaced by Symbol.Type.values() enum method

CHORD

• [x] d3.svg.chord - create a new chord generator.
• [x] chord - generate a quadratic Bézier connecting two arcs, as in a chord diagram.
• [x] chord.radius - get or set the arc radius accessor.
• [x] chord.startAngle - get or set the arc start angle accessor.
• [x] chord.endAngle - get or set the arc end angle accessor.
• [x] chord.source - get or set the source arc accessor.
• [x] chord.target - get or set the target arc accessor.

DIAGONAL

• [x] d3.svg.diagonal - create a new diagonal generator.
• [x] diagonal - generate a two-dimensional Bézier connector, as in a node-link diagram.
• [x] diagonal.source - get or set the source point accessor.
• [x] diagonal.target - get or set the target point accessor.
• [x] diagonal.projection - get or set an optional point transform.

DIAGONAL RADIAL

• [x] d3.svg.diagonal.radial - create a new diagonal generator.
• [x] diagonal - generate a two-dimensional Bézier connector, as in a node-link diagram.