Skip to main content
100%

Assignment #5 Bubble Chart

✓ Published0🌍 Public
Mmhzahdeh@dons.usfca.edu
Last edited Feb 24, 2025
Created on Feb 24, 2025

This bubble chart compares fuel economy (mpg) against the number of cylinders for eight car models from a CSV file, with each car positioned along the x-axis and its economy value plotted on the y-axis. The visualization uses D3 v7's `scaleBand` for the categorical x-axis, `scaleLinear` for the y-axis, and `axisBottom`/`axisLeft` to render axes. Instead of traditional bars, it draws a line path using `d3.line`, mapping car names to x-coordinates and economy values to y-coordinates, with the y-axis explicitly sized to cylinder counts via a second linear scale. The SVG output is styled with steelblue strokes, and the chart title is displayed above the plotting area.

AI-generated description
MIT Licensed

Similar vizzes