Skip to main content
SimilarExport ZIP
100%

question4activity6

✓ Published0🌍 Public
Vvaishnavi6gan@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Bubble chart

This bubble chart explores the relationship between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size and legend circles) across 24 synthetic car makes, with each make assigned a unique color from an ordinal scale using `d3.interpolateTurbo`. The visualization animates on hover, using tooltip event handlers to display the car make and applying CSS opacity transitions for interactivity. Built with D3 v7, the chart renders SVG circles via `d3.select` and `d3.join`, with axes scaled through `d3.scaleLinear`, and includes a legend mapping MPG values to proportional radii.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity6question4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for different car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius scales with highway MPG and its color maps to the car make. Hovering a bubble reveals the make via a tooltip. The visualization uses D3 v7 with SVG rendering and static animation, reading data from a CSV file. It builds custom axes, a size legend for MPG, and a color legend for makes, using D3’s `scaleLinear`, `scaleOrdinal`, and `interpolateTurbo` for color mapping.

Vvaishnavi6gan@gmail.com
96% match
Loading thumbnail…

Activity 6 - Question 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 30 car makes. Each circle represents a car make, with its x-axis position showing horsepower, y-axis showing torque, and bubble size encoding highway MPG. The visualization uses d3.csv to load data and d3.scaleLinear for positioning and sizing, with d3.scaleOrdinal and d3.interpolateTurbo assigning colors to different makes. Interactive tooltips appear on mouseover, displaying each make’s name, while legend circles and color swatches explain the MPG scale and color mapping.

Vvaishnavi6gan@gmail.com
95% 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
94% match
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
94% match
Loading thumbnail…

activity6 question-4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 20 car makes. Each circle represents a car make, positioned by horsepower and torque on the x and y axes, with circle size encoding highway MPG and color distinguishing the make. The visualization uses D3 v7 with SVG rendering, featuring a tooltip that displays the car make on hover and a legend for bubble size. The chart is built using `d3.csv`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`/`d3.axisLeft`, with smooth opacity transitions on mouse events.

AAP19110020041-Pavan Kumar
94% match
Loading thumbnail…

Activity6_Task4 question

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for a dataset of fictional car makes. Each circle's x-position maps to horsepower, its y-position to torque, and its radius to highway MPG. Color encodes the car make, with a legend showing the MPG scale and color categories. The visualization uses D3.js v7 with `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` for color assignment. Animated opacity changes and a custom tooltip appear on hover via D3 transitions, with the SVG rendered directly from `bubblechart.csv`.

Kkrishnavisheshkatta@my.unt.edu
94% 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
94% match
Loading thumbnail…

Activity6_Task4

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.

Lleelakrishnadivi7@gmail.com
94% match