Skip to main content
SimilarExport ZIP
100%

Activity6_Task4_Question4

✓ Published0🌍 Public
KKondreddy Saikiran reddy
Last edited Apr 5, 2024
Created on Apr 5, 2024

This visualization presents a bubble chart exploring the correlation between engine CC (cubic capacity), maximum speed, and highway MPG for various motorcycle models. Each bubble’s horizontal position maps to CC, its vertical position to max speed, and its size encodes highway MPG, while color distinguishes vehicle makes. Built using D3.js v7 with SVG and animation, the chart includes an interactive tooltip that reveals the vehicle make on hover, plus a size legend illustrating MPG value thresholds. Data is loaded from a CSV file using `d3.csv` and scales are computed with `d3.scaleLinear` and `d3.scaleOrdinal`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Task4_Question4

This bubble chart visualizes the correlation between engine displacement (CC), maximum speed, and highway MPG across a dataset of motorcycles, with bubble size representing MPG and color indicating the manufacturer. Built with D3.js v7, it renders as SVG and uses a linear scale for both axes. Interactivity includes tooltips on mouseover, implemented with event handlers that adjust the tooltip’s position and opacity, while legends detail the MPG scale and manufacturer color coding. The data is loaded from a CSV file named `bubblechart.csv`.

KKondreddy Saikiran reddy
95% match
Loading thumbnail…

Activity6_Task4_Question4

This bubble chart visualizes correlations between average engine displacement (cc), torque, and highway MPG for motorcycle makes from a CSV dataset. Circle positions map torque against cc on linear scales, while bubble size encodes MPG values and colors distinguish motorcycle brands. Built with D3 v7, the SVG visualization includes interactive tooltips on mouseover and legend circles for MPG scaling. Hover effects and animated opacity transitions highlight individual data points, with axes labeled and colored by manufacturer using an interpolated color scale.

KKondreddy Saikiran reddy
92% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Bubble size encodes highway MPG, while color distinguishes car brand. The visualization uses D3 v7 to render SVG circles, with a tooltip displaying the make on hover. It incorporates a legend for bubble size and color, using scales like `d3.scaleLinear` and `d3.scaleOrdinal`, and reads data from a CSV file.

KKondreddy Saikiran reddy
89% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Bubble size encodes highway MPG, while color distinguishes car brand. The visualization uses D3 v7 to render SVG circles, with a tooltip displaying the make on hover. It incorporates a legend for bubble size and color, using scales like `d3.scaleLinear` and `d3.scaleOrdinal`, and reads data from a CSV file.

KKondreddy Saikiran reddy
89% match
Loading thumbnail…

task 4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various motorcycle makes. Each bubble’s position is determined by its horsepower and torque values, while its size and color encode highway MPG and the manufacturer, respectively. Tooltips reveal the make on hover. Built with D3.js v7, the visualization uses ordinal color scaling with an interpolated Turbo palette and linear scales for axes and bubble radius. A legend encodes bubble size for MPG values and color for categorical makes, with SVG rendering and CSS-based hover effects for enhanced interactivity.

Vvenkatabhaskaratetali@my.unt.edu
88% match
Loading thumbnail…

Activity6 Task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s position encodes the first two numeric variables, its radius scales with highway MPG, and its color maps to the manufacturer’s make. The visualization, built with D3 v7, includes axis labels, a size legend for MPG, and interactive tooltips that reveal the car make on hover. Data is loaded from a CSV file, and the chart uses SVG rendering with animated transitions for the tooltip’s opacity and position.

Ppslharika@gmail.com
88% match
Loading thumbnail…

Activity_6 task4

A bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. The visualization uses D3.js (v7) with SVG and animation, reading data from a CSV file. Bubble position maps horsepower and torque, while bubble size and color encode highway MPG and car make, respectively. Interactive tooltips appear on mouseover, showing the car make. The chart includes legends for both bubble size (MPG) and color-coded makes, rendered through D3's `scaleLinear` and `scaleOrdinal` APIs.

HHarinathChakali33@gmail.com
88% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble’s size encoding highway MPG and its color representing the manufacturer. Built with D3 v7, the SVG visualization uses `d3.scaleLinear` for axes and bubble sizing, and `d3.scaleOrdinal` for color mapping. Hovering over a bubble triggers a custom tooltip via `mouseover`, `mousemove`, and `mouseleave` events, while a legend shows MPG values and make colors.

UUday Vandanapu
87% match