Skip to main content
SimilarExport ZIP
100%

Activity-6Task-4

✓ Published0🌍 Public
Gganeshrajuparmalla@my.unt.edu
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from HTML Starter

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.

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_task 4

This interactive bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle represents a vehicle make, positioned by its horsepower and torque values, with the circle size encoding highway MPG and color distinguishing makes. The chart uses D3.js v7 with SVG for rendering and includes a tooltip that displays the make on mouseover, plus legends for bubble size and color categories. Data is loaded from a CSV file, and D3 scales and axes are used to map the quantitative fields.

Llingaladineshteja23@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average torque, horsepower, and highway MPG for various car makes. Each circle’s position encodes horsepower and torque, while its radius and color represent highway MPG and the vehicle brand, respectively. Hovering over a bubble reveals the car make via a tooltip. Built with D3.js v7, the visualization uses SVG, linear scales, and an ordinal color scale, with a legend displaying MPG values and brand colors. Data is loaded from a CSV file.

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

Activity6-Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle’s position encodes horsepower on the x-axis and torque on the y-axis, while its radius and color represent highway MPG and car make, respectively. Built with D3 v7, the SVG animation includes interactive tooltips on hover, a custom legend for MPG bubble sizes, and a color-coded legend for makes. Data is loaded from a CSV file, with scales defined via d3.scaleLinear and colors assigned using d3.scaleOrdinal with d3.interpolateTurbo.

Tthoutunikhitha@gmail.com
96% match
Loading thumbnail…

Activity6-Task4

This interactive bubble chart visualizes the correlation between average torque, horsepower, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque, while its radius maps to highway MPG and color distinguishes the manufacturer. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` for colors, and SVG animations for hover effects. A tooltip with mouse events displays the car make, and dual legends show the MPG bubble-size scale and the color-coded brands. Data is loaded from an external CSV file.

Mmeenam1106@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque on the x- and y-axes, while its radius and color represent highway MPG and car make, respectively. Built with D3 v7, the SVG visualization includes a tooltip on hover, a size legend for MPG values, and color-coded makes. Data is loaded from a local CSV file, with scales and axes created via `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`.

SSiddhartha Alwala
96% match
Loading thumbnail…

Activity6_task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle is positioned by its horsepower (x-axis) and torque (y-axis), with the circle’s radius scaled to its highway MPG value, while color encodes the car brand. The visualization uses D3 v7 to load data via `d3.csv`, scales with `scaleLinear`, and renders as SVG. Users can hover over a bubble to see its make via a tooltip. A legend displays MPG values and brand colors.

SShiva Sai Reddy
96% match