Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
Ssahithya.voleti@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from HTML Starter

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size encoding MPG and color distinguishing brands. Built with React and D3 v7, the SVG chart uses d3.scaleLinear for axes and bubble radius, d3.scaleOrdinal for color, and d3.axisBottom/axisLeft for ticks. Interactive tooltips appear on mouseover, while legend circles and labels show MPG values. Data comes from the bundled bubblechart.csv file, rendered with animated transitions.

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 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 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…

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

Activity6_Task4

A bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes, with each bubble’s position determined by horsepower (x-axis) and torque (y-axis), while its size and color represent MPG and brand, respectively. The visualization uses D3.v7’s `scaleLinear` for axes and bubble radius, `scaleOrdinal` with `interpolateTurbo` for color mapping, and `axisBottom`/`axisLeft` for tick marks. Interactive tooltips appear on hover, and a legend indicates MPG values. Data comes from `bubblechart.csv`, rendered as SVG with animated transitions.

11810vineeth@gmail.com
94% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Bubble size encodes highway MPG, while color distinguishes car brand. The visualization uses D3 v7 to render SVG circles, with a tooltip displaying the make on hover. It incorporates a legend for bubble size and color, using scales like `d3.scaleLinear` and `d3.scaleOrdinal`, and reads data from a CSV file.

KKondreddy Saikiran reddy
94% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Bubble size encodes highway MPG, while color distinguishes car brand. The visualization uses D3 v7 to render SVG circles, with a tooltip displaying the make on hover. It incorporates a legend for bubble size and color, using scales like `d3.scaleLinear` and `d3.scaleOrdinal`, and reads data from a CSV file.

KKondreddy Saikiran reddy
94% match
Loading thumbnail…

Activity6_Task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. The chart uses a linear scale for the x-axis (horsepower) and y-axis (torque), with circle radius and color encoding highway MPG and make, respectively. Built with D3.js v7, it renders as an SVG with an animated tooltip on mouseover. An interactive legend displays MPG values and car makes, while the chart reads data from a CSV file.

Ppadiginetivishnupriya@gmail.com
94% match
Loading thumbnail…

Activity6_Task4

A bubble chart displays the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size encoding fuel efficiency and color distinguishing brands. The D3 v7 SVG visualization reads from a CSV file, using linear scales for axes, a tooltip on mouseover, and a custom legend showing both MPG value circles and color-coded make dots.

SSai Sandhya Nannapaneni
94% match