Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
AAftab Hussain
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from Hello VizHub

This interactive bubble chart visualizes the relationship between engine horsepower, torque, and highway fuel efficiency for various vehicle makes. Each bubble is positioned along the x-axis by horsepower and the y-axis by torque, while its radius encodes highway MPG. The chart uses D3.js v7 with the `d3.csv` method to load data from bubblechart.csv, `d3.scaleLinear` for axes and bubble sizing, and `d3.schemeTableau10` for categorical color coding. Hovering over a bubble triggers a tooltip displaying exact values, with SVG circles providing the animated visual representation.

AI-generated description
MIT Licensed

Similar vizzes

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
92% match
Loading thumbnail…

Activity 6_Task 4_Question

This bubble chart visualizes the relationship between horsepower, torque, and highway fuel efficiency for various car brands. Each bubble’s x-position represents horsepower, y-position torque, and radius signifies MPG. The visualization uses the Chart.js library with a canvas rendering context, drawing data from an embedded CSV-like array. Hover effects increase bubble opacity and stroke width via CSS, while axis titles clearly label the quantitative scales.

Sshettisowmya01@gmail.com
92% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across multiple car makes. Each bubble represents a vehicle make, positioned by horsepower and torque on the x and y axes, with bubble size scaled by highway MPG and color differentiating makes. Built with D3 v7, the visualization includes axis labels, a legend for MPG values and makes, and tooltips that appear on hover. The code reads from a CSV file and uses D3's scaleLinear, scaleOrdinal, axisBottom, axisLeft, and interpolateTurbo functions to construct the chart.

SSiddhardha
92% match
Loading thumbnail…

Activity6_Task4

This animated bubble chart visualizes the correlation between average torque, horsepower, and highway MPG across 31 car makes. Each bubble’s position maps horsepower (x-axis) and torque (y-axis), while its radius encodes highway MPG and color distinguishes the make. Built with D3.js v7, the chart uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and interactive tooltips via mouseover events. Data comes from `bubblechart.csv`, rendered as SVG elements with a legend for MPG values and categorical markers.

Sskykarthik97@gmail.com
92% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across car makes, with each bubble’s position on the x-axis representing horsepower, the y-axis representing torque, and the bubble size encoding highway MPG. Color distinguishes different manufacturers. The chart uses D3 v7’s scaleLinear for axes, scaleOrdinal for color assignment, and scaleLinear for bubble size. Interactions include tooltips on hover, implemented via D3’s select and style methods. Data is loaded from a CSV file using d3.csv.

YYeruva Snehith Reddy
92% match
Loading thumbnail…

Activity_6 Tutorial 4

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.

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

Activity_6_Task_4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes. Using d3.v7, the chart maps torque to the y-axis, horsepower to the x-axis, and highway MPG to the bubble size and color via a linear scale and ordinal color scale. Built with SVG and animation, it reads from a CSV file, adds axis labels and a legend for MPG values, and includes a tooltip that displays the car make on mouseover.

LLarry Johnson
92% match