Skip to main content
SimilarExport ZIP
100%

Activity-6_Tutorial-4

✓ Published0🌍 Public
VVasanth Krishna
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

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.

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

This visualization displays a bubble chart that explores the correlation between average horsepower, torque, and highway MPG across various car makes. Each bubble represents a car brand, positioned by horsepower on the x-axis and torque on the y-axis, while the bubble size encodes highway MPG and color distinguishes between manufacturers. The chart includes interactive tooltips that appear on mouse hover. Built with D3 v7 and SVG, the code uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` for color encoding, with data loaded from a CSV file.

Ssharanyabobbala@my.unt.edu
96% match
Loading thumbnail…

Activity-6 Task-4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size encoding MPG and color distinguishing manufacturers. Built with D3 v7, the SVG renders circles positioned by scaled horsepower and torque axes, using `d3.scaleLinear` for coordinates and radius, and `d3.scaleOrdinal` with `d3.interpolateTurbo` for color. Interactive tooltips appear on mouseover, and a legend explains bubble sizes and colors. Data is loaded from a CSV file.

Aarthireddykota@my.unt.edu
96% match
Loading thumbnail…

Activity 6 Tutorial 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble’s position encoding horsepower and torque, while its radius and color represent highway MPG and car make, respectively. A tooltip displays the car make on hover, and a legend explains the bubble size scale for highway MPG values. The visualization is built with D3 v7, using `d3.csv` for data loading, `d3.scaleLinear` for axes and size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color, and SVG elements for rendering.

Nnikhilapogula@my.unt.edu
96% match
Loading thumbnail…

Activity 6 Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s horizontal position encodes horsepower, vertical position encodes torque, and its size represents MPG, while color distinguishes manufacturer. The visualization uses D3 v7 with SVG rendering and includes interactive tooltips on hover. Data is loaded from a CSV file, and the chart employs `d3.scaleLinear` for axes, `d3.interpolateTurbo` for a color gradient, and `d3.axisBottom`/`d3.axisLeft` for tick marks, with a legend for bubble size and color.

Mmangilipallylaxminarayana@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…

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…

Activity6_tutorial4

This visualization presents a bubble chart exploring the relationship between average horsepower, torque, and highway MPG across various car makes. Each bubble’s position maps to horsepower and torque, while its size encodes highway MPG and color distinguishes the manufacturer. The chart reads data from a CSV file using d3.csv, employs d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, and legends detail both MPG scale and make colors.

Vvenkatdinesh5010@gmail.com
96% match
Loading thumbnail…

Activity6_tutorial4

This visualization presents a bubble chart exploring the relationship between average horsepower, torque, and highway MPG across various car makes. Each bubble’s position maps to horsepower and torque, while its size encodes highway MPG and color distinguishes the manufacturer. The chart reads data from a CSV file using d3.csv, employs d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, and legends detail both MPG scale and make colors.

Vvenkatdinesh5010@gmail.com
96% match