D3 Examples - Bubble Chart, Line Chart, & Scatterplot Matrix
This example presents three distinct D3.js v7 visualizations side by side: a bubble chart, a line chart, and a scatterplot matrix, all derived from a CSV dataset that maps car makes to torque and miles-per-gallon values. The bubble chart uses force simulation for layout, with hover effects that increase opacity and stroke width, while a tooltip provides additional detail. The line chart and scatterplot matrix render the same data through separate script files, with each chart loaded into its own DOM container. All three rely on D3’s core API for scales, axes, and data binding from the external `stripechart.csv` file.