Skip to main content
SimilarExport ZIP
100%

Fork of Activity 6 ques4

✓ Published0🌍 Public
BBhavana Sharma
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Activity 6 ques4

This bubble chart visualizes the correlation between engine power, torque, and fuel consumption across motorcycle brands using D3.js v7. Each circle’s x-position represents average engine power, its y-position average torque, and its radius encodes fuel consumption, while color distinguishes brand. The chart includes interactive tooltips on mouseover, a bubble-size legend, and a categorical color legend. Data is loaded from a CSV file, and the visualization renders as an SVG with linear scales and ordinal color mapping.

AI-generated description
MIT Licensed

Similar vizzes

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

123

This bubble chart visualizes the correlation between engine power, torque, and fuel consumption for various motorcycle brands. Each circle’s position encodes horsepower and torque, while its size represents highway MPG, and color distinguishes brand. The visualization includes an interactive tooltip that appears on hover and a legend for both bubble size and brand categories. Built with D3 v7, it uses d3.csv for data loading, d3.scaleLinear for positioning and sizing, and d3.axisBottom/axisLeft for axes, with SVG rendering and CSS-based opacity transitions for hover feedback.

1188r1a0559@gmail.com
90% match
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
88% match
Loading thumbnail…

Activity6_Question4

This bubble chart visualizes correlations among engine power, torque, and fuel efficiency for 17 automaker brands using SVG circles. The x-axis maps average horsepower, the y-axis maps average torque, while bubble size encodes fuel efficiency and color distinguishes brand. Interactive tooltips display brand names on hover. The visualization uses D3 v7 scales (linear for axes and size, ordinal for color with interpolateTurbo), axis generators, and event listeners for tooltip positioning.

MMonish Galla
88% 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
88% 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
87% match
Loading thumbnail…

Fork of Activity_6_Task4.1

This bubble chart displays the relationship between horsepower, torque, and highway fuel efficiency across automobile brands, with bubble size encoding the third variable. The visualization uses d3.csv to load the data, d3.scaleLinear for the x and y axes, and d3.scaleSqrt for bubble radius. Interactive tooltips appear on mouseover using d3-transition to fade in detailed values. SVG circles are rendered with D3 v6, and axes are generated using d3.axisBottom and d3.axisLeft.

Aamireddy.sw@gmail.com
86% match
Loading thumbnail…

Activity 6_Question 4

This interactive bubble chart visualizes the correlation between average engine power, torque, and highway fuel efficiency across various automobile makes. Each circle’s x-position maps to engine power, its y-position to torque, and its radius to fuel efficiency, with color distinguishing makers. Built with D3 v7, it uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` for encodings, plus mouse event handlers for tooltips. The SVG render includes axis labels and a legend for bubble size, sourced from automakers.csv.

MMonish Galla
86% match