My d3 process goes like this: raw data -> d3 processing (grouping, reducing) -> d3 makes data points as SVGs (rendering, animating)
A web-developer like me will try to apply habits and mental models from different* web technologies. I’ve encountered two big mental hurdles so far;
- API: d3 vs jQuery
- Elements/styling: SVG vs HTML
Below I describe the differences that I struggle with. Hopefully they help you learn d3!