Skip to main content
SimilarExport ZIP
100%

act 6 t4

✓ Published1🌍 Public
Ppavithranamburi24@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

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.

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…

act6 t4

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.

Sshravan.s0710@gmail.com
96% 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

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…

act6_tut4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 31 car makes. Each bubble's x-position maps to horsepower, the y-position to torque, and the bubble's radius encodes highway MPG. The color of each bubble is assigned per make using `d3.interpolateTurbo` and `d3.scaleOrdinal`. Hovering reveals a tooltip with the make name. The chart is rendered with D3.js v7 in SVG, including axes, a size legend for MPG, and a color legend. Data is loaded from a CSV file.

Ssairam.amaraneni22@gmail.com
95% match
Loading thumbnail…

ACT6-tutorial4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble's size encoding MPG and its color representing the manufacturer. Hovering over a bubble reveals the make name via a tooltip. Built with D3 v7, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for axes and bubble sizing, and `d3.scaleOrdinal` for color assignment. The SVG rendering includes axis labels, a size legend for MPG, and a color legend for car brands.

RRayabarapu Nikhitha
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_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…

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