Skip to main content
SimilarExport ZIP
100%

Activity_6 Tutorial 4

✓ Published0🌍 Public
Mmaheshsachin1234@gmail.com
Last edited Apr 1, 2025
Created on Mar 31, 2025
Forked from Hello VizHub

This bubble chart visualizes the relationship between horsepower, torque, and highway fuel efficiency across 31 car makes. Each circle’s x-position represents horsepower, y-position represents torque, and its radius encodes highway MPG values. The visualization uses D3 v7 to create SVG elements, employing `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble sizing, and `d3.schemeTableau10` extended with additional palettes for color encoding. Data is sourced from a CSV file containing make, horsepower, torque, and highway_mpg statistics.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_6 Task 4 tutorial 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque, while its radius and color represent highway MPG and car make, respectively. The view includes interactive tooltips on hover and a legend for both bubble size and color categories. Built with D3 v7, it uses SVG rendering, scaleLinear and scaleOrdinal for mapping, and data loaded via d3.csv.

Mmaheshsachin1234@gmail.com
95% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the relationship between horsepower, torque, and highway MPG for various car makes. Each circle’s x-position represents horsepower, the y-position represents torque, and the circle radius encodes torque magnitude. The chart uses d3.csv to load data, d3.scaleLinear for axes, d3.scaleSqrt for bubble sizing, and d3.scaleOrdinal with d3.schemeCategory10 for color encoding. SVG rendering includes interactive hover effects that change circle fills, along with legends for car makes and highway MPG.

Ssahithitoomu@gmail.com
95% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the relationship between horsepower, torque, and highway MPG for 31 car makes. Each circle is positioned by horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG and its color represents the manufacturer. The chart uses d3.csv to load data and d3.scaleLinear for positioning and sizing. Hovering over a bubble triggers a tooltip displaying the make's exact specifications. A legend identifies each make, and axes are labeled with descriptive titles. The implementation uses d3.axisBottom, d3.axisLeft, and d3.schemeTableau10, rendering SVG circles with animated transitions via CSS.

Pperamranji
94% match
Loading thumbnail…

Activity6_tutorial4

This bubble chart shows the relationship between average horsepower, torque, and highway MPG for different car makes, using D3.js. The x-axis represents horsepower, the y-axis represents torque, and the size of each bubble corresponds to highway MPG. The data is loaded from a local CSV file via `d3.csv()` and rendered as SVG circles with tooltips. Color is mapped by car make using `d3.scaleOrdinal` with an `interpolateTurbo` palette, and a legend displays the MPG size scale.

Yyadlapallisaisathvik@gmail.com
94% match
Loading thumbnail…

Activity6 tutorial 4

This bubble chart shows the relationship between average horsepower, torque, and highway miles-per-gallon for various car makes. Horsepower is plotted on the x-axis, torque on the y-axis, and the bubble’s radius encodes highway MPG, with a color scale distinguishing different manufacturers. The visualization uses D3.js v7 to render an SVG with animated tooltips that display the car make on hover. A legend explains the MPG bubble sizes, and a color-coded list identifies each make. The chart is built from the `bubblechart.csv` dataset, with axes labeled and a turbo color interpolation applied to the categorical color mapping.

Kkaringusathwika@gmail.com
94% match
Loading thumbnail…

Activity6_tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle’s position encoding horsepower on the x-axis and torque on the y-axis, while radius and color represent MPG and make, respectively. Using d3.v7, the chart loads data from a CSV, renders SVG circles with tooltips on hover, and includes a legend for circle size and color. Interactive features rely on event handlers for mouseover, mousemove, and mouseleave to display tooltips.

1188r1a0559@gmail.com
94% match
Loading thumbnail…

Activity6_tutorial-4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes, with bubble position on the x- and y-axes representing horsepower and torque, and bubble size scaled by highway MPG. The chart includes interactive tooltips that display the car make upon hover. Implemented with D3 v7 (`d3.select`, `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`), the SVG rendering uses color-coded bubbles and a custom legend for MPG values, with data loaded from a CSV file.

Aamulyareddykondru01@gmail.com
94% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s x and y position corresponds to horsepower and torque, while its radius encodes highway MPG, and color distinguishes the make. Hovering reveals the make label via a D3 tooltip. Built with d3.v7, it uses SVG rendering with scales for position, size, and ordinal color, and includes legends for size and color mapping. Data comes from the included `bubblechart.csv` file.

SSreeKohaliPatel@my.unt.edu
94% match