Skip to main content
SimilarExport ZIP
100%

Task 4 Act 6

✓ Published0🌍 Public
Rrohitpotluri@my.unt.edu
Last edited Oct 25, 2024
Created on Oct 25, 2024

This animated bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position encodes horsepower and torque, its size represents highway MPG, and its color maps to the car manufacturer. The visualization includes interactive tooltips on mouseover and a legend for bubble size and color categories. Built with D3.js v7, it uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom` to render SVG elements, with data loaded from a CSV file.

AI-generated description
MIT Licensed

Similar vizzes

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
96% match
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
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…

act6_task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across multiple car makes. Each circle represents a car model, with its x-position mapped to horsepower, y-position to torque, and bubble size scaled by highway MPG via d3.scaleLinear. The SVG rendering uses d3.axisBottom and d3.axisLeft for axes, while d3.scaleOrdinal assigns colors from d3.interpolateTurbo by make. Mouseover events trigger tooltips, and fixed legend circles indicate MPG size values. Data loads from an external CSV file.

Ssravani1969@gmail.com
95% match
Loading thumbnail…

act6_task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle’s position encodes horsepower on the x-axis and torque on the y-axis, while its radius and color represent highway MPG and car make, respectively. The visualization uses D3.js v7 with SVG rendering and includes interactive tooltips on mouseover, plus legends for both bubble size and categorical colors. Data is loaded from a CSV file, and the implementation uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.interpolateTurbo`, and `d3.axisBottom`/`d3.axisLeft` for scales and axes.

Ssravani1969@gmail.com
95% match
Loading thumbnail…

Task 4

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.

IIkram Mohammed
95% match
Loading thumbnail…

act6_task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position reflects horsepower and torque, while its size encodes highway MPG and its color distinguishes the car make. Built with D3.js v7, the chart uses d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/Left, with SVG rendering. Hovering reveals a tooltip, and a legend displays MPG size values and make colors. Data comes from the bundled bubblechart.csv.

Ssravani1969@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