Skip to main content
SimilarExport ZIP
100%

Activity8_Tutorial4

✓ Published1🌍 Public
Aanusharamana0@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Bubble chart

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, using circle size to represent fuel efficiency and color to distinguish brands. Built with D3 v7, it renders as an SVG with smooth transitions, displaying a tooltip on hover that names each make. The chart uses `d3.scaleLinear` for axes and bubble radius, `d3.scaleOrdinal` for color mapping via `d3.interpolateTurbo`, and includes a legend showing MPG values and color-coded brand markers.

AI-generated description
MIT Licensed

Similar vizzes

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_tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, using bubble size to encode MPG and color to distinguish brands. The interactive D3.js v7 visualization renders SVG circles in a scatterplot, with tooltips displaying each make on hover. Data is loaded from a CSV file, and the code implements linear scales, a color ordinal scale using `d3.interpolateTurbo`, and legend elements with `d3.axisBottom` and `d3.axisLeft`.

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

activity8tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque, while its radius and color encode highway MPG and make, respectively. The chart uses d3.csv to load data, d3.scaleLinear for axes and bubble size, d3.scaleOrdinal with d3.interpolateTurbo for color, and SVG circles with mouseover tooltips. A legend for MPG values and make colors is included, and hover effects use opacity transitions.

BBindumadhavi
95% match
Loading thumbnail…

Activity6_Tutorial4

This bubble chart visualizes correlations between average horsepower, torque, and highway MPG for 31 car makes, using bubble size to encode MPG and color to distinguish brands. It reads data from a CSV file and renders circles via D3 v7’s SVG API, with interactive tooltips triggered by mouse events. The visualization includes axis labels, a size legend for MPG, and a color category legend, all positioned within an SVG canvas using D3 scales and ordinal color mapping.

Ggnanendra097@gmail.com
95% 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_tutorial4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with circle position encoding the first two variables, size encoding MPG, and color distinguishing each manufacturer. The visualization uses d3.csv to load data and d3.scaleLinear for x, y, and radius mappings, with d3.axisBottom and d3.axisLeft generating axes. Interactive tooltips appear on mouseover using D3 event handling, while a legend displays MPG circle sizes and color-coded make labels. Rendering uses D3 v7 with SVG, including a custom color scale via d3.scaleOrdinal and d3.interpolateTurbo.

Vvenkatdinesh5010@gmail.com
94% match
Loading thumbnail…

Activity6-Task4

This interactive bubble chart visualizes the correlation between average torque, horsepower, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque, while its radius maps to highway MPG and color distinguishes the manufacturer. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` for colors, and SVG animations for hover effects. A tooltip with mouse events displays the car make, and dual legends show the MPG bubble-size scale and the color-coded brands. Data is loaded from an external CSV file.

Mmeenam1106@gmail.com
94% match