Activity6_Task4

100%

Activity6_Task4

✓ Published0🌍 Public

Last edited Oct 20, 2024

Created on Oct 20, 2024

This interactive D3.js v7 bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes from a CSV file. Each circle’s position maps horsepower and torque values, while its radius encodes MPG and its color distinguishes the manufacturer. The visualization includes a tooltip that displays the make on mouseover, plus dual legends for MPG scaling and color-coded makes. The SVG rendering uses d3.scaleLinear for axes and bubble size, d3.scaleOrdinal for categorical coloring, and d3.interpolateTurbo for the color palette.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size encoding MPG and color distinguishing manufacturers. Built with D3 v7, it renders SVG circles positioned by linear scales, includes tooltips on mouseover, and provides a legend for both bubble size and color. The data comes from a CSV file loaded via d3.csv, with colors assigned using d3.scaleOrdinal and the interpolateTurbo color scheme.

Hhaneesh@gctc.in

97% match

Loading thumbnail…

Activity6-Task4

This D3.js bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s x-position, y-position, and size encode the three metrics, while its color categorizes the brand. The SVG rendering includes a legend for MPG values and a color-coded make key. Interactive tooltips appear on hover via mouse events. The visualization reads data from a CSV file and employs `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette.

Ssriyaalugupalli@my.unt.edu

97% 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 x-position maps to horsepower, y-position to torque, and radius to highway MPG, while color distinguishes manufacturers. Built with D3 v7, the SVG rendering includes hover tooltips showing the make, a bubble-size legend for MPG values, and a color legend for all makes. Data is loaded from a CSV file, with scales created using d3.scaleLinear and d3.scaleOrdinal, and interactivity handled via mouseover, mousemove, and mouseleave events.

Ttarun.chintada46@gmail.com

97% match

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle's horizontal position represents horsepower, vertical position represents torque, and its size encodes highway MPG, with color distinguishing car manufacturers. The visualization uses D3.js v7 with an SVG rendering and includes interactive tooltips that appear on hover, displaying the car make. The chart also provides a legend for bubble size and color, using d3.scaleLinear for axis and bubble scaling, and d3.scaleOrdinal with the interpolateTurbo color scheme for categorical color mapping. The data is loaded from an external CSV file.

Sshivakumarganji@my.unt.edu

97% match

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with circle size encoding MPG and color representing manufacturer. The D3.js v7 code uses `d3.csv` to load data, `d3.scaleLinear` for x, y, and radius scales, and `d3.scaleOrdinal` with `d3.interpolateTurbo` for color. SVG circles render with interactive tooltips on mouseover, alongside a legend showing MPG values and color-coded makes.

Llokasaivenkatatammineedi@my.unt.edu

97% 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 bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size encoding MPG and color distinguishing each manufacturer. Built with D3 v7, it renders scalable vector graphics (SVG) circles positioned by linear scales for the x and y axes, while an ordinal color scale maps make names to interpolated turbo colors. Interactive tooltips display the make on hover, and a legend shows MPG values and color-coded manufacturer markers. The chart reads from an external CSV file and uses D3’s selection, scale, and axis APIs.

Kkbhavithareddy06@gmail.com

96% match

Loading thumbnail…

Activity6Task4

This visualization shows the correlation between average horsepower, torque, and highway MPG across 31 car makes using an interactive bubble chart. Each bubble is positioned by horsepower on the x-axis and torque on the y-axis, with size encoding highway MPG and color distinguishing car manufacturers. The chart uses D3 v7 to load CSV data, render SVG circles, and implement tooltips on mouseover. It includes axis labels, a size legend for MPG values, and a color legend for car makes, with animations provided through D3 transitions on tooltip opacity.

Ssatishvelaga02@gmail.com

96% match