Skip to main content
SimilarExport ZIP
100%

Activity 7 Task 5

✓ Published0🌍 Public
MmNamratha25
Last edited Jul 17, 2023
Created on Jul 17, 2023
Forked from Hello VizHub

This visualization displays a bubble chart correlating average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG and color distinguishes car brands. The chart includes interactive tooltips on hover, a legend for MPG sizing, and a color-coded brand legend. Rendered as SVG with D3 v7, it uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.interpolateTurbo`, and `d3.csv` to load data from a local CSV file.

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…

Activity 7 Task 5

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position reflects horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG, with color distinguishing car brands. Hovering reveals a tooltip showing the make. The visualization uses D3 v7’s `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.csv` to load data, with a legend for MPG values and a categorical color scale. SVG rendering and CSS transitions enhance interactivity.

MMichael Biancardi
96% match
Loading thumbnail…

Activity 7 task 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle’s position mapping to horsepower and torque while its size and color encode highway MPG and brand identity. The visualization uses D3.js v7 with SVG rendering, scaling bubble radius via d3.scaleLinear and assigning colors through a d3.scaleOrdinal. Hovering reveals a tooltip with the make name, and animated transitions adjust its opacity. A legend conveys MPG values through circle sizes and make-specific color swatches from the CSV dataset.

Ssreekarthanda@gmail.com
96% match
Loading thumbnail…

Activity 7 Task 5

This example shows the correlation between average horsepower, torque, and highway MPG across 31 car makes using a bubble chart. 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 includes interactive tooltips on mouseover and a legend for both bubble size and color categories. Built with D3.v7 and SVG, it uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and loads data from a local CSV file.

AArun Pratap
96% match
Loading thumbnail…

Activty7 Task5

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle is positioned by horsepower on the x-axis and torque on the y-axis, while its size encodes highway MPG. The chart uses D3.js v7 with SVG rendering and includes interactive tooltips that display the car make on hover. A legend communicates the MPG scale, and a color scale differentiates brands. The data is loaded via `d3.csv` from a local CSV file, with axes, scales, and animation built using `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`.

HHarshithaAmbilpur
95% match
Loading thumbnail…

Activity7_task5

This interactive bubble chart displays the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque, while its radius represents highway MPG, and color distinguishes the make. The visualization includes a tooltip showing the make on hover, plus legends for bubble size and color categories. Built with D3 v7, it loads data from a CSV file, uses SVG rendering, and implements hover interactions through mouse events and D3 transitions.

HHemanthh81
95% match
Loading thumbnail…

Activity7 Task5

This bubble chart displays the correlation between average horsepower (x-axis), average torque (y-axis), and highway MPG (bubble size) for various car makes. Built with d3.v7, it renders SVG circles with animated hover interactions. The chart uses `d3.scaleLinear` for positioning and sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for categorical coloring, and custom tooltips showing the make. A legend maps bubble size to MPG values and color to car brands.

Mmn0658
95% match
Loading thumbnail…

ACTIVITY 7 Task 5

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque, while its radius scales with highway MPG and its color distinguishes the manufacturer. Built with D3 v7, the SVG rendering includes axis labels, a bubble-size legend, and a color legend. Hovering over a bubble triggers a tooltip that displays the car make, implemented with mouseover, mousemove, and mouseleave event handlers. Data comes from the provided CSV file.

Ssuryavamsi00024
94% match
Loading thumbnail…

Fork of Activity 7 task 5

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG. Color distinguishes different car manufacturers, with a legend for MPG values and a categorical color key. Built with D3 v7, the SVG visualization uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette. Interactive tooltips, implemented with mouseover events, display the car make for each data point.

Ssreekarthanda@gmail.com
94% match