Skip to main content
SimilarExport ZIP
100%

act6 t4

✓ Published1🌍 Public
Sshravan.s0710@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. The code uses D3 v7 to load CSV data and render an SVG visualization. Bubble position encodes horsepower and torque on the axes, while bubble size and color represent highway MPG and car manufacturer, respectively. The chart includes interactive tooltips on mouseover and a custom legend indicating the MPG scale.

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…

act 6 t4

A bubble chart shows the correlation between average horsepower, torque, and highway MPG across car makes, with bubble size encoding MPG and color distinguishing manufacturers. The visualization, rendered as SVG with animation, loads D3 from UNPKG and uses `d3.csv` to import data. It builds axes with `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, while `d3.scaleOrdinal` and `d3.interpolateTurbo` assign colors. Interactive tooltips appear on hover via mouse events, and a legend scales bubble sizes for MPG values.

Ppavithranamburi24@gmail.com
96% match
Loading thumbnail…

Act6

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s position reflects horsepower and torque, while its size encodes highway MPG and its color identifies the manufacturer. The D3.js v7 code uses `d3.scaleLinear` for axes and bubble scaling, `d3.scaleOrdinal` for color mapping, and an interactive tooltip that appears on mouseover. Animated SVG elements and a legend for MPG values are also included.

Aarisha.asma@gmail.com
95% match
Loading thumbnail…

activity6_t4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. D3 renders the SVG circles, with bubble size encoding highway MPG and color distinguishing vehicle makes. A tooltip appears on mouseover, revealing the specific make. The chart uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for color, and `d3.interpolateTurbo` for the color palette. Data is loaded from a CSV via `d3.csv`, and the visualization includes a legend for bubble size and color categories.

Bbhavyamoturi2509@gmail.com
95% match
Loading thumbnail…

act6_task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across multiple car makes. Each circle represents a car model, with its x-position mapped to horsepower, y-position to torque, and bubble size scaled by highway MPG via d3.scaleLinear. The SVG rendering uses d3.axisBottom and d3.axisLeft for axes, while d3.scaleOrdinal assigns colors from d3.interpolateTurbo by make. Mouseover events trigger tooltips, and fixed legend circles indicate MPG size values. Data loads from an external CSV file.

Ssravani1969@gmail.com
94% match
Loading thumbnail…

act 6 tutorial 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Circles are positioned by horsepower (x-axis) and torque (y-axis), with their radius and color encoding highway MPG using a linear scale and a turbo-interpolated ordinal color scale, respectively. Built with D3 v7, the SVG graphic includes interactive tooltips on hover and a legend for bubble sizes. Data is sourced from a local CSV file.

Kkaringusathwika@gmail.com
94% match
Loading thumbnail…

ACT6_TUT4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s x-position represents horsepower, y-position represents torque, and its radius encodes highway MPG, with color distinguishing car brands. Built with D3 v7, the SVG renders animated mouseover tooltips displaying the make. The chart includes axes with labels, a size legend for MPG values, and a color legend, using scales such as `d3.scaleLinear` and `d3.scaleOrdinal` applied to data from `bubblechart.csv`.

RRevanth putta
94% match
Loading thumbnail…

A6_T4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s x-position encodes horsepower, the y-axis represents torque, and the circle’s radius scales with highway MPG, while color distinguishes the manufacturer. Implemented with D3 v7, the chart renders as SVG with animated transitions and tooltips on hover, using `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` for color mapping. A legend displays the MPG scale and make colors. Data is loaded from a local CSV via `d3.csv`.

DDee
94% match
Loading thumbnail…

act6_task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position reflects horsepower and torque, while its size encodes highway MPG and its color distinguishes the car make. Built with D3.js v7, the chart uses d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/Left, with SVG rendering. Hovering reveals a tooltip, and a legend displays MPG size values and make colors. Data comes from the bundled bubblechart.csv.

Ssravani1969@gmail.com
94% match