Skip to main content
SimilarExport ZIP
100%

Question-4 Task-4

✓ Published0🌍 Public
Ddaneeshchowdary18@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This bubble chart shows the correlation between engine displacement, horsepower, and top speed for a dataset of motorcycles, with each bubble's area encoding top speed and its color representing the brand. Built with D3 v7, the visualization maps engine displacement to the x-axis and horsepower to the y-axis, using linear scales for both. It renders as an SVG, with tooltips displaying detailed specifications on hover. The color scale uses `d3.scaleOrdinal` with the `schemeCategory10` palette, and the chart is generated from a CSV file.

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
86% 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
84% 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
84% 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
83% 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
82% 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
82% 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
82% match
Loading thumbnail…

question 4

This bubble chart shows the correlation between average horsepower and torque for different car makes, with bubble size encoding highway MPG and color distinguishing manufacturers. The visualization uses d3.csv to load the data, d3.scaleLinear for positioning and sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color assignment. Interactive tooltips appear on mouseover, and SVG circles render the data with animated hover effects via CSS transitions.

SSreeKohaliPatel@my.unt.edu
82% match