Skip to main content
SimilarExport ZIP
100%

Fork of Activity 6 Tutorial 4

✓ Published0🌍 Public
Nnikhilapogula@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024

This interactive bubble chart reveals the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble sized by fuel efficiency and colored by manufacturer. The visualization uses D3.js v7 with SVG rendering and animation, loading data from a CSV file. Hovering over bubbles triggers tooltips showing the car make, while a legend displays MPG values and color-coded makes. The chart employs d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/Left to map data dimensions and axes.

AI-generated description
MIT Licensed

Similar vizzes

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
95% match
Loading thumbnail…

Fork of Activity-6-Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle’s size encoding MPG and color distinguishing the brand. Hovering reveals the make via a tooltip. Built with d3.v7, it uses d3.csv to load data, d3.scaleLinear for axes and bubble radius, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. The SVG also includes a custom legend for MPG values and brand color swatches, with mouseover, mousemove, and mouseleave events driving the tooltip interactions.

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

Fork of Activity6_Question4

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 represents highway MPG, and color distinguishes the manufacturer. The visualization includes interactive tooltips that display the car make on hover. Built with D3 v7, the code uses `d3.csv` for data loading, `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and SVG for rendering with mouse event handlers.

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

Fork of Activity 7 task 5

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG. Color distinguishes different car manufacturers, with a legend for MPG values and a categorical color key. Built with D3 v7, the SVG visualization uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette. Interactive tooltips, implemented with mouseover events, display the car make for each data point.

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

Activtiy-6-tutorial-4

This bubble chart visualization explores the correlation between average horsepower, torque, and highway MPG across 31 car makes. The size of each bubble encodes the highway MPG value, while color distinguishes the car brand. The chart is built with D3 v7, rendering as an SVG with interactive tooltips that display the car make on hover. A legend on the right explains the bubble size scale, and the data is loaded from a local CSV file.

Sswapnadabburi@my.unt.edu
94% 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