Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published1🌍 Public
PPadmajaKodati@my.unt.edu
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Bubble chart

A D3.js bubble chart displays the correlation between average horsepower and average torque for different car makes, with bubble size and color encoding highway MPG. The visualization uses `d3.scaleLinear` for positional and size mappings, and `d3.scaleOrdinal` with `d3.interpolateTurbo` for categorical coloring. Hover interactions trigger tooltip handlers that show the car make. The chart is rendered as SVG and includes a legend for both bubble size and color categories.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes correlations between average horsepower, torque, and highway MPG for various car makes using D3 v7. The chart plots torque on the y-axis and horsepower on the x-axis, with the bubble radius encoding highway MPG. Data is loaded from a CSV file using `d3.csv`. The visualization employs `d3.scaleLinear` for axes and bubble sizing, `d3.interpolateTurbo` for color mapping, and `d3.scaleOrdinal` for categorical coloring. Interactive tooltips appear on mouseover, displaying the car make, while SVG rendering includes custom legends for both bubble size and color categories.

PPadmajaKodati@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes correlations between average horsepower, torque, and highway MPG for various car makes using D3 v7. The chart plots torque on the y-axis and horsepower on the x-axis, with the bubble radius encoding highway MPG. Data is loaded from a CSV file using `d3.csv`. The visualization employs `d3.scaleLinear` for axes and bubble sizing, `d3.interpolateTurbo` for color mapping, and `d3.scaleOrdinal` for categorical coloring. Interactive tooltips appear on mouseover, displaying the car make, while SVG rendering includes custom legends for both bubble size and color categories.

PPadmajaKodati@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes correlations between average horsepower, torque, and highway MPG for various car makes using D3 v7. The chart plots torque on the y-axis and horsepower on the x-axis, with the bubble radius encoding highway MPG. Data is loaded from a CSV file using `d3.csv`. The visualization employs `d3.scaleLinear` for axes and bubble sizing, `d3.interpolateTurbo` for color mapping, and `d3.scaleOrdinal` for categorical coloring. Interactive tooltips appear on mouseover, displaying the car make, while SVG rendering includes custom legends for both bubble size and color categories.

PPadmajaKodati@my.unt.edu
96% match
Loading thumbnail…

Activity6_task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position maps to horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and make, respectively. The visualization uses D3.js v7 to render SVG circles, with a tooltip on hover and a legend for MPG scaling and make colors. Data comes from bubblechart.csv, processed through d3.csv and d3.scaleOrdinal. The chart includes silver axes via d3-axisLinear and uses d3.interpolateTurbo for color mapping.

PPadmajaKodati@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task4

A bubble chart visualizes the correlation between average torque, horsepower, and highway MPG for different car makes. Each circle's x-position corresponds to horsepower, y-position to torque, and radius scales with highway MPG, while color encodes the car brand. The visualization uses D3 v7 with an SVG rendering and includes interactive tooltips that display the car make on hover. A legend explains the bubble size scale for MPG values, and the color mapping uses a Turbo colormap.

MManojsai Bangaru
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. The visualization uses D3.js v7 with SVG and animation, rendering circles whose x-position, y-position, and radius map to horsepower, torque, and MPG respectively. A color scale distinguishes makes, while the legend shows MPG values. Mouseover tooltips (custom HTML) reveal specific make names. The dataset comes from `bubblechart.csv`, and the code applies `d3.scaleLinear` for axes and bubble sizing, `d3.interpolateTurbo` for coloring, and `d3.scaleOrdinal` for legend colors.

Ggalijawaharnath@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

A bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s x-position maps to horsepower, y-position to torque, and radius to fuel efficiency, while color distinguishes the manufacturer. The D3.js code uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for categorical colors, and interactive tooltips via mouseover events. A legend encodes MPG values and car makes, with all elements rendered as SVG shapes.

GGunna,Praneeth Reddy
96% match
Loading thumbnail…

Activity6_Task4

A bubble chart visualizes the correlation between average torque, horsepower, and highway MPG for 31 car makes, with each bubble colored by make and sized by MPG. Hovering reveals a tooltip displaying the make. The chart uses d3.csv to load data, d3.scaleLinear for axes and bubble size, d3.scaleOrdinal with d3.interpolateTurbo for colors, and d3.axisBottom/Left to render axes. SVG circles, a size legend, and a color legend are drawn, with mouseover, mousemove, and mouseleave events controlling the tooltip.

Mmohanalaharic@gmail.com
95% match