Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
DDeekshitha Annreddy
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Smiling face

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle represents a car make, with its x-axis position indicating horsepower, y-axis position indicating torque, and radius representing highway MPG. Color encodes the car make, and hover interactions reveal the make name via a tooltip. Built with D3 v7 and React, the chart uses `scaleLinear` for axes and bubble size, `scaleOrdinal` with `interpolateTurbo` for color mapping, and SVG for rendering with animation.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-6Task-4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius and color represent highway MPG and car make, respectively. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color mapping, and event handlers for tooltip interactions. Data is loaded from a CSV file and rendered as SVG with animated hover effects.

Gganeshrajuparmalla@my.unt.edu
96% match
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
95% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes, using data from `bubblechart.csv`. The chart encodes horsepower on the x-axis, torque on the y-axis, and highway MPG as both bubble size and color, with a legend and interactive tooltips. Built with React and D3 v7, it uses `d3.scaleLinear` for axes and bubble scaling, `d3.scaleOrdinal` for color assignment, and SVG animation for hover effects. The visualization is rendered via `d3.select` and `.join` operations, with tooltips appearing on mouseover.

Ggroup118sai@gmail.com
95% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle represents a make, with its horizontal position on the x-axis scaled by horsepower, its vertical position on the y-axis by torque, and its radius by highway MPG. Color encodes the specific make. The chart includes interactive tooltips displaying the make on hover, along with legends for both bubble size and color. The visualization is built using D3 v7 with SVG and animated transitions for tooltip opacity and position.

Ggketan456@gmail.com
95% match
Loading thumbnail…

Activity6_Task4

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.

JJhansi Balla
95% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower (x-axis), average torque (y-axis), and highway MPG (bubble size) across various car makes. Each circle represents a car brand, with its position determined by the horsepower and torque values, while the bubble radius encodes highway fuel efficiency. Hovering over a circle reveals a tooltip displaying the car make. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble sizing, and `d3.interpolateTurbo` to assign colors to different makes. The chart includes a legend for bubble sizes and color-coded car makes, rendered as an SVG with interactive tooltips.

SSowjanya Devupalli
95% match
Loading thumbnail…

Activity6_Task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's x-position represents horsepower, the y-position represents torque, and the circle's radius encodes highway MPG. Color distinguishes different makes, with a legend showing the MPG scale. The chart uses D3.js v7, employing `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color, and SVG rendering. Interactive tooltips display the car make on mouseover, updating position and visibility with D3 transitions.

Aanish6005@gmail.com
95% 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
95% match