Skip to main content
100%

D3 Examples - Bubble Chart, Line Chart, & Scatterplot Matrix

✓ Published0🌍 Public
Ddodoi25
Last edited Feb 28, 2022
Created on Feb 28, 2022
Forked from Stripe Chart

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.

AI-generated description
MIT Licensed

Similar vizzes