Skip to main content
SimilarExport ZIP
100%

Man Task 4

✓ Published0🌍 Public
Mmanojapopuri@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Fork of Man Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes, with each bubble's size representing fuel efficiency and its color indicating the manufacturer. Built with D3 v7, the visualization uses SVG rendering and animated transitions, implementing linear scales for the x- and y-axes and an ordinal color scale with the `interpolateTurbo` palette. Interactive tooltips appear on hover using D3's `.on()` event handlers, while a legend demonstrates bubble size scaling and color-coded car makes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Man Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle’s position maps horsepower and torque, while its radius encodes highway MPG and color distinguishes automotive brands using the D3 `scaleLinear`, `scaleOrdinal`, and `interpolateTurbo` color scale. The visualization includes axis labels, a legend for MPG values, and a color-coded make legend. Interactive tooltips appear on mouseover, implemented with D3 event handlers, while the data comes from the embedded CSV file and is rendered as SVG with hover animations.

Mmanojapopuri@gmail.com
97% match
Loading thumbnail…

Fork of Man Task 4

This animated bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes torque and horsepower, its radius scales with highway MPG, and color distinguishes the manufacturer. The chart is built with D3 v7, using `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color, and SVG elements. Interactive tooltips appear on mouseover via `d3.select` event handlers, while the legend maps both the bubble-size scale and make-specific colors.

Mmanojapopuri@gmail.com
95% match
Loading thumbnail…

Man SDV Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG and its color distinguishes the manufacturer. Built with D3 v7, the SVG renders circles with a color scale using `d3.interpolateTurbo` and `d3.scaleOrdinal`. Interactive tooltips appear on mouseover via D3 event handlers, and a legend shows bubble size mapping and make colors, all based on data from `bubblechart.csv`.

Mmanojapopuri@gmail.com
95% match
Loading thumbnail…

Man SDV Task 4

This visualization shows the correlation between average horsepower, torque, and highway MPG for 31 car makes, with each bubble positioned by horsepower (x-axis) and torque (y-axis), while its size encodes highway MPG. A tooltip appears on hover to reveal the car make. The code uses D3.js v7 with SVG, employing `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color encoding, and hover event handlers for the tooltip. Data comes from an external CSV file, and a legend displays both bubble size values and color-coded makes.

Mmanojapopuri@gmail.com
94% 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…

Activity-8_Task-4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes, using a third dataset. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG, and its color distinguishes the car manufacturer. Built with D3 v7, the SVG visualization includes interactive tooltips that appear on mouseover, showing the vehicle’s make. The chart also features a legend for bubble sizes and color categories, with all axes and labels rendered using D3’s scale and axis functions.

Mmanideepchinna25@gmail.com
93% match
Loading thumbnail…

Fork of Man SDV Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. The x-axis represents horsepower, the y-axis represents torque, and the size of each bubble encodes highway MPG. A legend maps bubble size to MPG values and color to car brand. Built with D3.js v7, the SVG visualization uses `d3.scaleLinear` for all axes and bubble size, and includes interactive tooltips on mouseover events. Data is loaded from the `bubblechart.csv` file.

Mmanojapopuri@gmail.com
92% match
Loading thumbnail…

ACT6_TASK4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. The x-axis maps horsepower, the y-axis maps torque, while the size of each bubble encodes highway MPG and the color distinguishes different car manufacturers. A legend showing the MPG scale is on the right, and color-coded dots identify each make. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, and `d3.interpolateTurbo` to assign a color to each make. The SVG render includes an interactive tooltip that appears on mouseover, displaying the car make. Data is loaded from a local CSV file.

RRevanth putta
92% match