Skip to main content
SimilarExport ZIP
100%

Activty7 Task5

✓ Published0🌍 Public
HHarshithaAmbilpur
Last edited Jul 21, 2023
Created on Jul 9, 2023
Forked from Hello VizHub

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`.

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 bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across multiple car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius scales with highway MPG and its color distinguishes the manufacturer. Built with D3 v7, the SVG visualization uses `scaleLinear` for axes and bubble size, `scaleOrdinal` with `interpolateTurbo` for color mapping, and `axisBottom`/`axisLeft` for labels. Interactive tooltips appear on mouseover via D3 event handlers, showing the car make. The legend displays MPG values as circle sizes and includes a color-coded list of all makes.

Ssowmyaammula.sdv@gmail.com
95% 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
95% match
Loading thumbnail…

Activity-8_Task-4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle represents a make, positioned by horsepower on the x-axis and torque on the y-axis, with the circle radius encoding highway MPG and color distinguishing each brand via `d3.scaleOrdinal`. The visualization uses `d3.csv` to load data, `d3.axisBottom` and `d3.axisLeft` for axes, and interactive tooltips triggered by mouseover events. A legend with scaled circles and labels explains the MPG encoding. Data is rendered as SVG with color mapping via `d3.interpolateTurbo`.

Ttharunramula@gmail.com
95% 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
95% match
Loading thumbnail…

Activity_6Task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes its make’s horsepower (x-axis) and torque (y-axis), while the radius scales with highway MPG and color categorizes the brand. Built with D3 v7’s `scaleLinear` and `scaleOrdinal` APIs, it renders as an SVG with an interactive tooltip that appears on mouseover. The data is loaded from a local CSV file, and a legend explains the MPG bubble sizes and color-coded makes.

JJaiyaGhanta@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task4

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 on the x- and y-axes, while its radius and color represent highway MPG and car make, respectively. Built with D3 v7, the SVG visualization includes a tooltip on hover, a size legend for MPG values, and color-coded makes. Data is loaded from a local CSV file, with scales and axes created via `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`.

SSiddhartha Alwala
95% match
Loading thumbnail…

activity6 task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle represents a car brand, positioned by its horsepower and torque values, with circle size encoding highway MPG and color distinguishing makes. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble scaling, and d3.scaleOrdinal with d3.interpolateTurbo for coloring. Interactive tooltips appear on mouseover, and a legend shows MPG circle sizes and color-coded makes. The SVG is rendered with d3.v7 and includes axis labels and a title.

Bbrahmateja.edu2023@gmail.com
95% match
Loading thumbnail…

Activity 7 Task 5

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.

MmNamratha25
95% match