Skip to main content
SimilarExport ZIP
100%

Activity6_tutorial4

✓ Published0🌍 Public
Yyadlapallisaisathvik@gmail.com
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes, with bubble size encoding MPG and color distinguishing makes. Built with D3 v7, it uses SVG circles positioned by linear scales for torque and horsepower, with a legend for MPG values and a tooltip displaying car make on hover. The chart also includes a color legend for all makes, and data is loaded from a CSV file.

Yyadlapallisaisathvik@gmail.com
97% 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
96% match
Loading thumbnail…

Activity6_tutorial4

This visualization presents a bubble chart exploring the relationship between average horsepower, torque, and highway MPG across various car makes. Each bubble’s position maps to horsepower and torque, while its size encodes highway MPG and color distinguishes the manufacturer. The chart reads data from a CSV file using d3.csv, employs d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, and legends detail both MPG scale and make colors.

Vvenkatdinesh5010@gmail.com
96% match
Loading thumbnail…

Activity6_tutorial4

This visualization presents a bubble chart exploring the relationship between average horsepower, torque, and highway MPG across various car makes. Each bubble’s position maps to horsepower and torque, while its size encodes highway MPG and color distinguishes the manufacturer. The chart reads data from a CSV file using d3.csv, employs d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, and legends detail both MPG scale and make colors.

Vvenkatdinesh5010@gmail.com
96% match
Loading thumbnail…

Activity6_tutorial4

This visualization presents a bubble chart exploring the relationship between average horsepower, torque, and highway MPG across various car makes. Each bubble’s position maps to horsepower and torque, while its size encodes highway MPG and color distinguishes the manufacturer. The chart reads data from a CSV file using d3.csv, employs d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, and legends detail both MPG scale and make colors.

Vvenkatdinesh5010@gmail.com
96% 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
96% match
Loading thumbnail…

Activity 6_tutorial 4

This bubble chart shows the relationship between average horsepower and torque across car makes, with bubble size encoding highway MPG. It is built with D3 v7, rendering SVG circles positioned by linear scales for the x- and y-axes. A color scale, using d3.interpolateTurbo, distinguishes car makes, and the chart includes a legend for highway MPG. Interactive tooltips appear on mouseover, displaying the make of each car. Data is loaded from a CSV file, and the visualization updates dynamically with hover effects.

Ssairohithchada@gmail.com
96% match
Loading thumbnail…

Activity6_Tutorial_4

This D3.js bubble chart visualizes the correlation between average horsepower (x-axis), average torque (y-axis), and highway MPG (bubble size and color) for various car makes. The chart uses an SVG renderer with a tooltip that displays the car make on hover. The code relies on D3's scale functions (`d3.scaleLinear`, `d3.scaleOrdinal`) and the `d3.interpolateTurbo` color scheme. A legend maps bubble size to MPG values, and a categorical color legend identifies each car make. Data is loaded from a CSV file.

Aadityatrip9899@gmail.com
96% match