Skip to main content
SimilarExport ZIP
100%

task-4

✓ Published0🌍 Public
Aajaykumarakula00@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This animated bubble chart visualizes the correlation between engine torque, horsepower, and highway MPG across 31 car makes. Each circle encodes horsepower on the x-axis, torque on the y-axis, and highway MPG through both bubble size and color. The visualization uses D3.js (v7) with SVG rendering, featuring an interactive tooltip that displays the car make on hover. The code includes a legend for bubble size and categorical color mapping, with data loaded from a CSV file via `d3.csv`.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

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
Loading thumbnail…

task-4

This scatter plot uses a bubble chart to visualize the correlation between average horsepower (x-axis), average torque (y-axis), and highway MPG (bubble size) across 31 car makes. The D3.js visualization, rendered with SVG, features an animated tooltip that displays the car brand on hover, while a legend maps bubble size to MPG values and a color scale distinguishes each make. Data is loaded from a CSV file and mapped to scales using `d3.scaleLinear`, with `d3.interpolateTurbo` generating the color palette.

Aajaykumarakula00@gmail.com
94% match
Loading thumbnail…

task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across vehicle makes. Each circle represents a car brand, with position on the axes showing horsepower and torque, while radius and color encode highway MPG and make identity. The visualization includes interactive tooltips, a legend for MPG bubble sizes, and a color legend for makes. It uses d3.csv for data loading, d3.scaleLinear and d3.scaleOrdinal for scaling, and SVG elements with mouse event handlers for tooltip display.

Yyashwanthkirla95@gmail.com
94% match