Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
Ggroup118sai@gmail.com
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from 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.

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

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.

Ssahithya.voleti@gmail.com
95% match
Loading thumbnail…

Activity6_Task4

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.

DDeekshitha Annreddy
95% match
Loading thumbnail…

Activity6_task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle is positioned by its horsepower and torque values, while the circle’s size represents highway MPG and its color encodes the car brand. Built with d3.v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette. Hovering reveals a tooltip with the car make. Data comes from `bubblechart.csv` and is rendered as SVG with basic animation transitions for tooltip appearance.

Rrakshithareddy217@gmail.com
95% match
Loading thumbnail…

Actvity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position represents horsepower (x-axis) and torque (y-axis), while its size encodes highway MPG and its color distinguishes the car brand, with a legend for both. Rendered using D3 v7 with SVG and animation, the chart includes interactive tooltips on mouseover, implemented via D3 event handlers. The code uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and the data comes from `bubblechart.csv`.

SShasankreddyganta@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task4

This animated bubble chart visualizes the correlation between average torque, horsepower, and highway MPG across 31 car makes. Each bubble’s position maps horsepower (x-axis) and torque (y-axis), while its radius encodes highway MPG and color distinguishes the make. Built with D3.js v7, the chart uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and interactive tooltips via mouseover events. Data comes from `bubblechart.csv`, rendered as SVG elements with a legend for MPG values and categorical markers.

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