Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published1🌍 Public
Lleelakrishnadivi7@gmail.com
Last edited Oct 23, 2024
Created on Oct 22, 2024
Forked from HTML Starter

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes, using circle size to encode MPG and color to distinguish makes. Built with D3 v7, it renders as an SVG with animated dots that respond to mouseover events, displaying a tooltip with the car make. The chart includes a legend for MPG values and color-coded make categories, reading data from a CSV file and using scales such as `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color, and `d3.interpolateTurbo` for the color palette.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_task4

This bubble chart shows the relationship between average horsepower, torque, and highway MPG for various car makes, using bubble size to represent MPG and color to distinguish makes. Built with D3 v7, it renders as SVG with interactive tooltips on hover that display the car make. The chart uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color mapping, and includes legends for bubble size and make colors, with data loaded from a local CSV file.

Pp99vijaya@gmail.com
98% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Circles are positioned by horsepower and torque on the x- and y-axes, with their radius scaled to highway MPG and color assigned via a categorical scale using `d3.interpolateTurbo`. A legend shows the MPG radius mappings, and interactive tooltips display the car make on hover. The D3 code uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.axisBottom`/`d3.axisLeft` for rendering, with SVG output and animated transitions on the tooltip.

Kkrishnavisheshkatta@my.unt.edu
97% match
Loading thumbnail…

Activity6 task4

This bubble chart visualizes the relationship 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 scales with highway MPG, and its color distinguishes the make. The D3.js v7 example uses `d3.scaleLinear` for positioning and sizing, `d3.scaleOrdinal` with interpolated turbo colors for categorical encoding, and adds interactive tooltips on mouseover. A legend shows MPG values and a color key for all makes. Data comes from `bubblechart.csv`, rendered as SVG with hover animations.

Vvishnutejareddyambati@my.unt.edu
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. The size of each circle encodes the highway MPG value via a linear scale, while the color represents the categorical make using a scale derived from `d3.interpolateTurbo`. Animated interactions include a tooltip that appears on mouseover, displaying the car make, and a legend clarifying the MPG scale. Built with D3.js, the SVG chart includes axes, labels, and a legend, rendering data from a CSV file.

Cchandrikachowdary867@gmail.com
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across different car makes. Each bubble’s x-position encodes horsepower, the y-position encodes torque, and the circle’s radius encodes highway MPG, while color distinguishes the car manufacturer. Hovering over a bubble reveals a tooltip with the make name. The chart, rendered as SVG, includes a legend for MPG and color-coded makes. Built with D3 v7, it uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` for color mapping, with data loaded from a CSV file.

NNithish Karanam
97% match
Loading thumbnail…

Activity6_Task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for different car makes, using circle size to represent highway MPG and color to distinguish makes. The visualization includes interactive tooltips that reveal the make on hover. Built with D3 v7, it renders as an SVG with linear scales for positioning and size, an ordinal color scale using interpolateTurbo, and a legend showing MPG values. Data is loaded from a local CSV file.

VVidya Lakshmi Chitturi
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 for fictional car makes. Each circle's x-position maps to horsepower, y-position to torque, and radius to MPG, with color distinguishing individual makes. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for coloring, and `d3.interpolateTurbo` for the color palette. Hovering reveals a tooltip, and a legend displays the MPG scale. Data comes from the included `bubblechart.csv` file, rendered as SVG.

Kkrishnavisheshkatta@my.unt.edu
96% match