Skip to main content
SimilarExport ZIP
100%

Activity6_Task4_Question4

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

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.

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

Activity6_Task4_Question4

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`.

KKondreddy Saikiran reddy
92% match
Loading thumbnail…

Activity6_Question4

This bubble chart shows the correlation between horsepower, torque, and highway MPG across 18 motorcycle brands. Each circle represents a brand, positioned by horsepower (x-axis) and torque (y-axis), with bubble size encoding highway MPG and color distinguishing manufacturers. Built with D3 v7 and SVG, it uses d3.scaleLinear for axes and bubble size, d3.scaleOrdinal with interpolateTurbo for colors, and interactive tooltips on mouseover. A legend explains bubble size values and includes a color key for all makes. Data comes from bikes.csv.

Ssiddhubhupathi@gmail.com
91% 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
90% match
Loading thumbnail…

Activity 6 ques4

This bubble chart visualizes the correlation between a motorcycle's average engine power, torque, and fuel consumption for a variety of brands. Each circle’s position encodes its power and torque along the x and y axes, while its size represents fuel consumption, and its color identifies the brand. The visualization uses D3.js to render the SVG, scale the data, and add interactive tooltips that display the brand on hover. A legend clarifies the size mapping, and a custom color scale based on `d3.interpolateTurbo` differentiates the manufacturers.

BBhavana Sharma
89% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between torque, horsepower, and highway MPG for various car makes, using average values from a CSV dataset. Each circle is positioned by horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG with a linear scale. The visualization uses D3.js v7 to render SVG elements and includes an interactive tooltip that displays the car make on mouseover. The legend communicates bubble size for MPG values, while a color scale provides a distinct hue for each manufacturer.

Ssaishruthik2361@gmail.com
88% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's horizontal position maps to horsepower, its vertical position to torque, and its radius to highway MPG, while its color identifies the manufacturer. The chart uses D3.js v7 with SVG rendering and includes animated transitions for tooltip display. It features a legend for MPG scaling and color-coded make identification. The data originates from a CSV file containing aggregated performance metrics for 31 automotive brands.

Nnikhilthoutu24@gmail.com
88% match
Loading thumbnail…

Activity6_Task4 Question 4

This interactive bubble chart visualizes correlations between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s x-position maps to horsepower, y-position to torque, while radius encodes highway MPG and color distinguishes manufacturers. The visualization uses D3 v7 with `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for categorical colors, and SVG tooltips on mouseover. A legend with circles and labels explains the MPG encoding. Data is loaded from a local CSV file.

Vvemulasai306@gmail.com
88% match