4. Canvas
HTML5 Canvas is a 2D immediate mode rendering API that is much more low
level, but more performant than SVG.
Canvas great at drawing a significant number of objects on a relatively small
surface, e.g., non-interactive real time data visualizations like graphical
representations of weather patterns.
5. Canvas
The canvas element is the actual
DOM node that’s embedded in the
HTML page.
The canvas context is an object with
properties and methods that you
can use to render graphics inside the
canvas element.
6. Ways to use D3.js with canvas
1. You could use D3.js entirely for its functional purpose – to transform data
that you can then position onto your canvas as you see fit.
2. You could also use D3.js with some dummy HTML nodes to capture
lifecycle selections and then repainting the canvas when the data
changes.
3. You could use D3.js with some dummy HTML nodes to capture lifecycle
selections AND their animations, repainting the canvas on a draw loop.