Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
JJhansi Balla
Last edited Oct 24, 2024
Created on Oct 24, 2024
Forked from HTML Starter

This bubble chart visualizes the correlation between average horsepower and torque for various car manufacturers, where the size of each bubble represents the highway MPG and the color encodes the car make. The chart maps horsepower on the x-axis and torque on the y-axis, with numeric axes and a legend for circle sizes. Built with D3.js v7, it uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for generating a color palette. Interactive tooltips appear on hover, displaying the make of each vehicle, while the visualization is rendered as SVG with a static dataset from a CSV file.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps horsepower and torque on the x- and y-axes, while its radius and color encode highway MPG and manufacturer, respectively. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, and a legend communicates both MPG scale and make-specific colors. The SVG rendering includes animated hover effects that enhance opacity and stroke width.

Jjaswanthreddy2715@gmail.com
97% 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 x-position represents horsepower, its y-position represents torque, and its size encodes highway MPG. The color of each circle distinguishes the car manufacturer. Built with the D3.js v7 framework, the visualization uses SVG rendering for the plot and animation for tooltips. It employs `d3.scaleLinear` for axes and bubble radius, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color, and interactive tooltips on mouseover.

KKhushi Desai
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. The x-axis represents average horsepower, the y-axis shows average torque, while bubble size encodes highway MPG and color distinguishes each manufacturer. Built with D3 v7, the visualization uses SVG rendering with `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette. Interactive tooltips appear on hover, and a legend explains the bubble size scale for MPG values.

Vvamsikrishnakanchukommala@my.unt.edu
96% match
Loading thumbnail…

Activity6-Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across multiple car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius scales with highway MPG and its color distinguishes the manufacturer. Built with D3 v7, the SVG visualization uses `scaleLinear` for axes and bubble size, `scaleOrdinal` with `interpolateTurbo` for color mapping, and `axisBottom`/`axisLeft` for labels. Interactive tooltips appear on mouseover via D3 event handlers, showing the car make. The legend displays MPG values as circle sizes and includes a color-coded list of all makes.

Ssowmyaammula.sdv@gmail.com
96% match
Loading thumbnail…

Activity_6_Task_4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble's position mapped to horsepower and torque axes while its radius encodes fuel efficiency. The color of each bubble distinguishes the car manufacturer. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color mapping, and includes interactive tooltips that display the car make on mouseover. Data is loaded from a CSV file and rendered as SVG with animated hover effects.

TTarshit Vupperla
96% 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 torque (y-axis) and horsepower (x-axis), while its size reflects highway MPG and its color distinguishes the car maker. The visualization uses D3 v7 with SVG rendering, including interactive tooltips that display a car’s make on hover. It also provides a legend for bubble size and color, with data sourced from a CSV file. The chart employs `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`, and `d3.interpolateTurbo` for scales, colors, and axes.

Ssudheervnarasimha1@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle's horizontal position represents horsepower, vertical position represents torque, and its size encodes highway MPG, with color distinguishing car manufacturers. The visualization uses D3.js v7 with an SVG rendering and includes interactive tooltips that appear on hover, displaying the car make. The chart also provides a legend for bubble size and color, using d3.scaleLinear for axis and bubble scaling, and d3.scaleOrdinal with the interpolateTurbo color scheme for categorical color mapping. The data is loaded from an external CSV file.

Sshivakumarganji@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the correlation between average horsepower, average torque, and highway MPG for different car makes. Each circle’s position maps horsepower (x-axis) and torque (y-axis), while its radius encodes highway MPG and its color distinguishes the car manufacturer. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color assignment, and `d3.interpolateTurbo` for the color palette. Interactive tooltips appear on mouseover via custom event handlers, and the chart includes a legend for bubble size and categorical colors.

Ssaiteja.cse.rymec@gmail.com
95% match