Skip to main content
SimilarExport ZIP
100%

Assignment #5 Bubble Chart

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

This bubble chart displays the relationship between car models, their fuel economy in miles per gallon, and engine cylinder count. Each car is represented as a circle positioned along the x-axis by car name and y-axis by economy rating, with circle radius encoding cylinder count. The visualization uses d3.csv to load sample.csv, d3.scaleBand for the categorical x-axis, d3.scaleLinear for the y-axis, and d3.scaleSqrt for the radius mapping. SVG circles are rendered directly into the DOM, with axes generated via d3.axisBottom and d3.axisLeft.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment #5 Bubble Chart

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.

Mmhzahdeh@dons.usfca.edu
93% match
Loading thumbnail…

Activity6_question4

A bubble chart plots engine displacement against fuel economy for various car models, with the bubble size encoding vehicle weight and the color encoding the number of cylinders via a categorical color scheme. The visualization uses D3 v7 to load CSV data, apply linear scales for the axes and a square-root scale for bubble radii, and render SVG circles. It also includes a legend showing the cylinder count categories.

Mmaneeshraja47@gmail.com
85% match
Loading thumbnail…

Bubble chart - Engine Displacement vs. Fuel Economy - Bubble size = weigth, Color = Num Cylinders

A bubble chart displays engine displacement against fuel economy for a dataset of cars loaded via `d3.csv`. Circle radius encodes vehicle weight using `d3.scaleSqrt`, while color, mapped through `d3.scaleOrdinal` with `d3.schemeCategory10`, distinguishes cylinder counts. Axes and labels are generated with `d3.axisBottom` and `d3.axisLeft`, and the SVG rendering includes a hover effect that increases opacity. A legend lists cylinder categories with colored swatches. The chart uses D3 v7 to bind data and render circles within an SVG container sized to the window.

Kkfhujosefsson@dons.usfca.edu
84% match
Loading thumbnail…

A5-Bubble Chart

This bubble chart visualizes the relationship between car engine horsepower and highway MPG, using bubble size to encode vehicle length and color to categorize city MPG fuel efficiency into low, medium, and high groups. Built with D3 v6, it loads a CSV file from a GitHub Gist, filters the data to 50 random samples, and renders an SVG with axes, a legend, and circles. The visualization uses `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` for color categories.

SSukhraj Singh
82% match
Loading thumbnail…

Activity6 Q4

This bubble chart visualizes the correlation between the number of cylinders, engine displacement, and city MPG for various car models. Each circle represents a car, with its x-position mapped to cylinders, y-position to displacement, and circle size encoding city MPG, while color differentiates car brands. The visualization includes interactive tooltips on hover, a legend for city MPG values, and a color legend for brands. Built with D3.js v7, the code uses SVG rendering, scaleLinear for axes and bubble size, and scaleOrdinal for color mapping.

Vvishnutejareddyambati@my.unt.edu
82% match
Loading thumbnail…

interactive Bubble chart - Engine

This interactive bubble chart visualizes the relationship between engine displacement and fuel economy for a dataset of cars, sourced from a CSV file. Each bubble’s size encodes vehicle weight, while its color represents the number of cylinders. Built with D3 v7, the SVG chart uses `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal` to map data to positions, radius, and color. Hovering a bubble triggers a tooltip, and the chart includes axes, gridlines, and a legend for filtering by cylinder count.

NNita
82% match
Loading thumbnail…

Act6_Q4

A bubble chart displays car makes by average horsepower on the x-axis and torque on the y-axis, with bubble size encoding highway MPG and color encoding vehicle category. The visualization labels each bubble with the car make and includes a categorized legend. Built with D3 v7, it uses `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal` to map data, renders SVG circles and text, and loads its data from a CSV file.

JJean
82% match
Loading thumbnail…

Assignment 5 - Bubble Chart

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car brands. The x-axis represents horsepower, the y-axis represents torque, and the bubble size encodes highway MPG, with color distinguishing each brand. Built with D3 v7, the SVG visualization includes interactive tooltips that appear on mouseover, showing the car make. A legend explains the bubble size scaling for highway MPG values. The chart uses ordinal color scaling via `d3.interpolateTurbo` and linear scales for positioning and sizing, with data loaded from a CSV file.

Vvishusikka
81% match