d3.js Canvas
A plugin for d3.js for rendering to HTML5 canvas.
Usage
D3 is all about binding data to elements. However, unlike SVG, canvas is driven by a JavaScript API, and not DOM elements.
d3.canvas.line (and radial)
var data = 0 1 1 1 2 2 3 3 4 5 line; // the svg wayline = d3svg;d3; // using d3.canvasline = d3canvas;d3;
d3.canvas.area
var data = x: 0 y0: 5 y1: 10 ... area; // the svg wayarea = d3svg x { return dx; } ;d3; // d3.canvasarea = d3canvas x { return dx; } ;d3;
d3.canvas.arc
var d = innerRadius: 10 outerRadius: 20 startAngle: MathPI / 3 endAngle: 5 * MathPI / 3; // svgvar arc = d3svg;d3; // canvasvar arc = d3canvas ;d3;
Todo
- d3.svg.symbolTypes
- d3.svg.chord
- d3.svg.diagonal
- d3.svg.diagonal.radial
- Axes
- Controls
- More testing (mock the canvas API!)
- Latest APIs? Haven't touched this in probably several versions of d3!