Skip to main content
SimilarExport ZIP
100%

activity 6 tutorial 4

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

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for different car makes. Each circle’s position is determined by its horsepower and torque values, while its size scales with highway MPG and its color indicates the car brand. Built with D3.js (v7), the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color mapping, and SVG circles. Hovering over a bubble triggers a tooltip that displays the make, implemented with mouse event handlers and D3 transitions.

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 6 tutorial 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while the radius represents highway MPG and color distinguishes the car brand. The visualization uses d3.csv to load the data, d3.scaleLinear for positioning and sizing, and d3.scaleOrdinal for color mapping. Interactive tooltips appear on mouseover using D3 event handlers, with a legend showing MPG values and car-make color codes.

AAamani Chamarthi
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 interactive bubble chart visualizes 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 bubble size encoding highway MPG and color distinguishing car brands via `d3.scaleOrdinal`. Hovering reveals a tooltip with the make name. The visualization uses SVG rendering with `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleLinear` for scales, plus a custom legend for size and color. Data comes from the bundled `bubblechart.csv` file.

Ssumanthpenna0221@gmail.com
96% match
Loading thumbnail…

Activity6_Tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle represents a car brand, positioned by horsepower and torque, with its size encoding highway MPG and color distinguishing makes. The visualization uses D3.js v7’s `scaleLinear` for axes and bubble scaling, `scaleOrdinal` with `interpolateTurbo` for colors, and SVG rendering with interactive tooltips on hover. A legend shows bubble size values, while color coding identifies each make.

Ggreeshmareddy135@gmail.com
96% match
Loading thumbnail…

activity 6 tutorial 4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble represents a make, with its x-position mapped to horsepower, y-position to torque, and bubble size scaled by highway MPG. The visualization uses an SVG renderer with D3 v7, employing `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color mapping, and interactive tooltips. A legend encodes both bubble size and car make, while data comes from `bubblechart.csv`.

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

Activity-6_Tutorial-4

This interactive bubble chart visualizes correlations between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position encodes horsepower and torque, while its radius represents highway MPG and color distinguishes the manufacturer. Built with D3 v7, the visualization renders SVG elements and includes an interactive tooltip on hover. The code uses d3.scaleLinear, d3.scaleOrdinal, and d3.interpolateTurbo for color mapping. Data is loaded from the included bubblechart.csv file, with axis labels and a legend for bubble sizing.

VVasanth Krishna
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