Skip to main content
SimilarExport ZIP
100%

Activity-6-Task-4

✓ Published0🌍 Public
Nnaveen.dodda4321@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes, using the D3.js library (v7). Circle size encodes MPG values, while color distinguishes each make, and hovering reveals a tooltip with the car brand. The chart includes labeled axes, a bubble size legend, and a color legend. It renders as SVG and loads data from a CSV file using `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…

Activity6_Task4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for 31 car makes. Each circle's position encodes horsepower and torque on the x and y axes, while its size and color represent highway MPG and car make, respectively. Built with D3.js v7, the SVG visualization includes hover tooltips, a bubble size legend, and a color-coded categorical legend for each manufacturer. Data is loaded from a local CSV file using `d3.csv`.

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

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes, using circle size to encode MPG and color to distinguish makes. Built with D3 v7, it renders as an SVG with animated dots that respond to mouseover events, displaying a tooltip with the car make. The chart includes a legend for MPG values and color-coded make categories, reading data from a CSV file and using scales such as `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color, and `d3.interpolateTurbo` for the color palette.

Lleelakrishnadivi7@gmail.com
96% match
Loading thumbnail…

activity8-task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position encodes horsepower on the x-axis and torque on the y-axis, while its size represents highway MPG and its color indicates the car brand. The D3.js v7 example loads data from a CSV file and renders the visualization as an SVG. It includes interactive tooltips on mouseover that display the car make, along with custom legends for both bubble size and categorical color assignments using `d3.scaleOrdinal`.

Bbobbymeyermsis@gmail.com
96% match
Loading thumbnail…

Activity6-Task4

This interactive bubble chart visualizes the correlation between average torque, horsepower, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque, while its radius maps to highway MPG and color distinguishes the manufacturer. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` for colors, and SVG animations for hover effects. A tooltip with mouse events displays the car make, and dual legends show the MPG bubble-size scale and the color-coded brands. Data is loaded from an external CSV file.

Mmeenam1106@gmail.com
96% match
Loading thumbnail…

Activity 6_task4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across 31 car makes, with each bubble representing a make. The chart plots horsepower on the x-axis and torque on the y-axis, while bubble size encodes highway MPG and color distinguishes car brands. Built with D3 v7, the visualization includes an SVG-based tooltip that displays the make name on mouseover, along with a size legend for MPG values and color legend for brands. Data comes from a CSV file, and the tooltip responds to mouse events for interactive exploration.

Jjampani921@gmail.com
96% match
Loading thumbnail…

activity6_task 4

This interactive bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle represents a vehicle make, positioned by its horsepower and torque values, with the circle size encoding highway MPG and color distinguishing makes. The chart uses D3.js v7 with SVG for rendering and includes a tooltip that displays the make on mouseover, plus legends for bubble size and color categories. Data is loaded from a CSV file, and D3 scales and axes are used to map the quantitative fields.

Llingaladineshteja23@gmail.com
96% match
Loading thumbnail…

Activity-6-Task-4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes from a CSV file. The x-axis shows horsepower and the y-axis shows torque, while bubble size encodes highway MPG and color distinguishes car makes. Built with D3 v7, the visualization uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`/`d3.axisLeft` for the axes, and includes interactive tooltips on mouseover. A legend displays the MPG range using scaled circles.

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

activity 6 task 4.1

This bubble chart visualizes the relationship between average horsepower and torque for various car makes, with bubble size encoding highway MPG and color distinguishing the vehicle makes. The visualization employs D3.js v7 to render SVG elements, using linear scales for the x and y axes. Animated tooltips appear on mouseover, displaying the make name, while a legend communicates the MPG scale. The data is loaded from a CSV file, and the D3 `scaleLinear` and `scaleOrdinal` APIs handle the mappings for size and color, respectively.

Ssairamisetti3829@gmail.com
96% match