task4

100%

✓ Published0🌍 Public

Last edited Apr 4, 2024

Created on Apr 4, 2024

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position reflects horsepower and torque on the x- and y-axes, while its radius and color encode highway MPG. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `interpolateTurbo` for color, and SVG for rendering. Interactive tooltips appear on mouseover, and a legend explains the MPG-to-size mapping. Data comes from the provided `bubblechart.csv` file.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Task-4

A bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position encodes horsepower and torque, while its size represents highway MPG and its color distinguishes the car make via `d3.scaleOrdinal`. The chart uses `d3.csv` to load data, `d3.axisBottom` and `d3.axisLeft` for axes, and interactive tooltips on mouseover. A legend maps bubble sizes to MPG values. SVG rendering and animation enhance the visualization.

Kkotipallipavan54@gmail.com

96% match

Loading thumbnail…

Task4-Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle’s position encodes horsepower and torque, while its radius represents highway MPG and its color distinguishes the manufacturer. 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 explains both bubble size and color categories. The chart is rendered in SVG with hover animations and opacity changes defined in CSS.

VVenkataSaisrivishnuBatchu@my.unt.edu

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

Loading thumbnail…

Task8_Tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes, using the x-axis for horsepower, y-axis for torque, and bubble size for highway MPG. Each bubble is color-coded by make, with a tooltip revealing the make on hover and a legend displaying the MPG scale. Built with D3 v7, it uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` for colors, and `d3.interpolateTurbo` for the color palette, rendering as an interactive SVG with smooth transitions. Data is loaded from a CSV file, and the chart includes axis labels, a title, and animated opacity on hover.

Jjyothirmaijyothi2017@gmail.com

96% match

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble's position maps horsepower on the x-axis and torque on the y-axis, while its size and color encode highway MPG and make, respectively. Built with D3 v7, the visualization uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` to map data attributes. It reads from a CSV file and includes an animated tooltip on hover, plus a legend for size and color scales.

Pperamranji

96% match

Loading thumbnail…

Activity6_Task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG. Bubbles are colored by car make, using a turbo colormap through `d3.interpolateTurbo` and `d3.scaleOrdinal`. An interactive tooltip displays the make on hover, implemented with `.on('mouseover')` callbacks. The chart also includes a size legend for MPG values derived from the `z` scale, with data drawn from `bubblechart.csv`.

Bbhargavr016@gmail.com

96% match

Loading thumbnail…

task4

This bubble chart visualizes the correlation between average torque, horsepower, and highway MPG across various car makes, with each bubble's position and size encoding these three attributes. The chart uses d3.scaleLinear for axes and bubble scaling, d3.scaleOrdinal with d3.interpolateTurbo for color mapping, and d3.axisBottom/axisLeft for axes. Interactive tooltips appear on mouseover, showing the car make. A legend displays the bubble size scale for MPG values (20 and 40) and color-coded dots for each make. The SVG renders with smooth hover effects and opacity changes.

VVrushikaKanaparthy@my.unt.edu

96% match

Loading thumbnail…

task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across vehicle makes. Each circle represents a car brand, with position on the axes showing horsepower and torque, while radius and color encode highway MPG and make identity. The visualization includes interactive tooltips, a legend for MPG bubble sizes, and a color legend for makes. It uses d3.csv for data loading, d3.scaleLinear and d3.scaleOrdinal for scaling, and SVG elements with mouse event handlers for tooltip display.

Yyashwanthkirla95@gmail.com

96% match