Skip to main content
SimilarExport ZIP
100%

Activity6_T4

✓ Published2🌍 Public
Aaashrithas2000@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Bubble chart

This interactive bubble chart visualizes the correlation between average horsepower (x-axis), average torque (y-axis), and highway MPG (bubble size) for various car makes. Using D3.js v7, it renders SVG circles with color-coded makes and provides tooltips on hover showing the make name. The visualization includes axis labels, a legend for the MPG bubble size scale, and a categorical color legend. Data is loaded from a CSV file and rendered with SVG primitives, with transitions used for tooltip opacity.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Q4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while radius maps to highway MPG and color distinguishes vehicle brands. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, d3.scaleOrdinal with d3.interpolateTurbo for color assignment, and includes interactive tooltips on mouseover. Static SVG rendering with an animated hover effect highlights individual data points, with legends for both MPG and make categories.

Aaashrithas2000@gmail.com
96% match
Loading thumbnail…

Activity6_4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble's position encodes horsepower on the x-axis and torque on the y-axis, while its radius represents highway MPG and its color distinguishes different car manufacturers. Built with D3.js v7, the SVG visualization features hoverable bubbles that display the car make via a tooltip, along with legend markers for MPG ranges and color coding for makes. Data is loaded from a remote CSV file.

Rrishikareddy181@gmail.com
95% match
Loading thumbnail…

Activity6-task4

This bubble chart visualizes the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size and color) for various car makes. The chart uses a linear scale for both axes, with bubble size representing highway MPG and color encoding the car manufacturer. Built with D3.js v7, it renders as an SVG with animated transitions. The visualization includes interactive tooltips that display the car make on hover, along with legends for both bubble size and color categories. The data is loaded from a local CSV file.

Ssushanthkodipyaka@gmail.com
95% match
Loading thumbnail…

activity-6-a-4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 30 car makes. It uses D3.js (v7) with SVG rendering and animation, featuring interactive tooltips that display each car make on hover. The chart includes a size legend for MPG values and a color legend mapping each make to a unique color using the interpolateTurbo scale. Data is loaded from a CSV file containing aggregated vehicle specifications.

SSathishvepuri143@gmail.com
95% match
Loading thumbnail…

Activity 6 Task4

This interactive bubble chart visualizes the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size and color) for various car makes. Built with D3.js v7, the SVG renders scaled circles positioned on linear axes, with color assigned via an ordinal scale using the `d3.interpolateTurbo` function. A hovering tooltip reveals the car make, and a legend clarifies the MPG scale. Data comes from the `bubblechart.csv` file, presented with animation on hover transitions.

Kkrishi7079@gmail.com
95% match
Loading thumbnail…

activity6_t4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. D3 renders the SVG circles, with bubble size encoding highway MPG and color distinguishing vehicle makes. A tooltip appears on mouseover, revealing the specific make. The chart uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for color, and `d3.interpolateTurbo` for the color palette. Data is loaded from a CSV via `d3.csv`, and the visualization includes a legend for bubble size and color categories.

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

Activity6_Task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. The chart uses a linear scale for the x-axis (horsepower) and y-axis (torque), with circle radius and color encoding highway MPG and make, respectively. Built with D3.js v7, it renders as an SVG with an animated tooltip on mouseover. An interactive legend displays MPG values and car makes, while the chart reads data from a CSV file.

Ppadiginetivishnupriya@gmail.com
95% match