Skip to main content
SimilarExport ZIP
100%

Task 4

✓ Published1🌍 Public
IIkram Mohammed
Last edited Oct 20, 2024
Created on Oct 20, 2024

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s x-position maps to horsepower, y-position to torque, and its radius encodes highway MPG, while color distinguishes the manufacturer. Rendered as SVG with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with an interpolated turbo color palette for categories, and a custom tooltip on mouseover. Animated hover effects and a dual legend for MPG values and color categories are included. The data comes from a CSV file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 30 car makes. Each circle’s position reflects horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and brand, respectively. Built with D3 v7 and SVG, the chart includes interactive tooltips on mouseover and a legend for bubble size and color categories. Data is loaded from an external CSV and rendered with animated transitions on hover.

Ssatvikreddy79@gmail.com
97% match
Loading thumbnail…

Task-8(part-4)

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes using data from a CSV file. Each circle’s position maps horsepower (x-axis) and torque (y-axis), while its radius encodes highway MPG and its color distinguishes car brands via a d3.scaleOrdinal with interpolateTurbo. The visualization includes interactive tooltips on mouseover, a size legend for MPG values, and a categorical color legend, all rendered as SVG elements with d3.v7.

DDivyaKota2@my.unt.edu
96% match
Loading thumbnail…

Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble sized by fuel efficiency and colored by manufacturer. The chart uses d3.csv to load the dataset, then employs D3 scales (d3.scaleLinear) for positioning and sizing, alongside d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, showing the car make. SVG circles and legends are rendered via D3’s selection and join methods, with dynamic updates on hover.

Kkandulasunny17@gmail.com
96% match
Loading thumbnail…

Task4

This bubble chart visualizes the correlation between average torque, horsepower, and highway MPG across 31 car makes, using engine specifications from a CSV dataset. Bubble position encodes horsepower (x-axis) and torque (y-axis), while bubble radius represents highway MPG and color distinguishes car makes. The visualization includes interactive tooltips that display each make's name on mouseover, plus a legend showing MPG values and color categories. Built with D3 v7, it uses SVG rendering and employs d3.scaleOrdinal, d3.interpolateTurbo, and event handlers for the interactive features.

Nnitishsurneni@gmail.com
96% match
Loading thumbnail…

Task 8-part 4

This bubble chart displays the correlation between average horsepower, average torque, and highway MPG across car makes. Each circle’s position maps horsepower and torque, while its radius encodes highway MPG, and color distinguishes the manufacturer. The visualization uses D3 v7 to append SVG elements, scales, axes, and a tooltip that reveals the car make on hover. A legend explains the bubble-size scale for MPG values, and all data comes from a CSV file loaded asynchronously.

Bbhavithamanyam@gmail.com
95% match
Loading thumbnail…

Task8_Task4

This animated bubble chart explores the correlation between average horsepower, torque, and highway MPG across numerous car makes. Each circle’s horizontal position maps to horsepower, vertical position to torque, and its radius encodes highway MPG, with color distinguishing manufacturers. Built with D3 v7, the SVG visualization includes interactive tooltips that appear on mouseover using event-driven handlers, plus a legend for MPG scaling. Data is loaded from a CSV file, and the chart uses d3.scaleLinear and d3.scaleOrdinal for axis and color mapping.

Jjyothirmai318@gmail.com
95% match
Loading thumbnail…

Task4-Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle’s position encodes horsepower and torque, while its radius represents highway MPG and its color distinguishes the manufacturer. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, and a legend explains both bubble size and color categories. The chart is rendered in SVG with hover animations and opacity changes defined in CSS.

VVenkataSaisrivishnuBatchu@my.unt.edu
95% match
Loading thumbnail…

Task 4 Quest

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, using D3.js v7 with SVG and animation. Each circle’s horizontal position maps to horsepower, vertical position to torque, and radius to highway MPG, while color encodes the vehicle make via an ordinal scale with interpolated Turbo colors. The chart includes an interactive tooltip that displays the make on hover, and a legend explains the bubble-size scale. Data is loaded from a CSV file, with axes, labels, and styling built using D3’s scaleLinear, axisBottom, and axisLeft methods.

IIkram Mohammed
95% match