Skip to main content
SimilarExport ZIP
100%

Task 4 Quest

✓ Published0🌍 Public
IIkram Mohammed
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Task 4 Quest

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position encodes horsepower and torque on the x- and y-axes, while its radius represents highway MPG and its color denotes the car manufacturer. The visualization uses D3.js v7’s `scaleLinear`, `scaleOrdinal`, and `d3.interpolateTurbo` for color mapping, alongside custom tooltip handlers for interaction. Data is loaded from a CSV file, and the chart also includes size and categorical legends to aid interpretation.

AI-generated description
MIT Licensed

Similar vizzes

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
97% 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…

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

Task 4 Act 6

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.

Rrohitpotluri@my.unt.edu
94% 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
94% 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
94% 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
94% match