D3.js
ELI5 — The Vibe Check
D3.js turns data into beautiful, interactive visualizations. It's absurdly powerful and has a learning curve shaped like a cliff. The examples look amazing, then you try to customize one and realize you need a PhD in 'binding data to DOM elements.' Worth it, though.
Real Talk
D3.js (Data-Driven Documents) is a JavaScript library for manipulating documents based on data using SVG, Canvas, and HTML. It provides low-level building blocks for bindable data joins, scales, axes, shapes, and transitions rather than pre-built chart types.
When You'll Hear This
"D3 is overkill for a bar chart but irreplaceable for custom interactive visualizations" / "The force-directed network graph uses D3's simulation module"
Related Terms
Canvas API
The Canvas API gives you a blank rectangle and says 'draw whatever you want with code.' It's like MS Paint but controlled by JavaScript.
Chart.js
Chart.js is the 'I just need a chart and I need it now' library. Hand it some data, pick a chart type, and boom — you've got a beautiful, animated chart.
Recharts
Recharts is Chart.js's React-native cousin — built with React components so your charts feel like natural citizens of your React app.