Skip to main content
SimilarExport ZIP
100%

Activity6_Tutorial4

✓ Published1🌍 Public
Kkandooriabhiram@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025
Forked from Hello VizHub

This bubble chart visualizes car performance by plotting horsepower on the x-axis against torque on the y-axis for various car makes. Each circle's size corresponds to the horsepower value, while its color represents the car manufacturer, with a legend identifying the makes. The visualization is rendered as an SVG using D3 v7, employing `d3.scaleLinear` for the axes, `d3.scaleSqrt` for circle radii, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding. Data originates from a CSV file loaded via `d3.csv`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Tutorial4

This bubble chart visualizes the relationship between horsepower and torque for 31 car makes, with each circle’s radius encoding horsepower and its color representing the manufacturer. The D3 v7 code uses `d3.scaleLinear` for the x- and y-axes, `d3.scaleSqrt` for bubble size, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding. Axes and legends are rendered via custom SVG components in separate ES6 modules, while data loads asynchronously from a CSV file using `d3.csv`.

Cchowdaryhemanth14@gmail.com
94% match
Loading thumbnail…

activity6_tutorial4

This bubble chart visualizes car performance by plotting horsepower on the x-axis and torque on the y-axis, with each circle’s radius scaled to horsepower using `d3.scaleSqrt` and colored by manufacturer via `d3.scaleOrdinal` with `d3.schemeCategory10`. The chart renders axes with `d3.axisLeft` and `d3.axisBottom` and adds a legend using a custom `renderLegend` function. Data is loaded asynchronously from `data.csv` and processed in `useData.js`, with the SVG built using D3’s selection and `.join` operations.

MMahimaChowdaryKasthala@my.unt.edu
94% match
Loading thumbnail…

Activity6_Tutorial4

This bubble chart shows the correlation between average horsepower and torque across car makes, with bubble size encoding highway MPG and color distinguishing each manufacturer. The visualization includes interactive tooltips that display the car make on hover, alongside legends for both bubble size and color categories. Built with D3.js v7, the chart uses SVG rendering with scaleLinear for axes and bubble sizing, scaleOrdinal for color mapping, and d3.csv to load the dataset.

Hhemanthdummy999@gmail.com
91% match
Loading thumbnail…

Activity 6 Task4 Tutorial

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes. Each circle’s x-axis position represents horsepower, the y-axis represents torque, and its radius encodes highway MPG, with color differentiating car brands. The visualization uses `d3.scaleLinear` for positional and size mapping, `d3.scaleOrdinal` with `d3.schemeCategory10` for color, and `d3.axisBottom` and `d3.axisLeft` for axes. It loads data from `bubblechart.csv` and renders an SVG, including tooltips on mouseover and custom legends for size and color.

Aabjalshaik02@gmail.com
91% match
Loading thumbnail…

Activity 6_Task 4_Tutorial

This bubble chart visualizes the relationship between average horsepower and torque for various car makes, with bubble size representing highway MPG and color indicating the brand. The D3.js v7 visualization uses an SVG rendering with animated tooltips that display car make on hover. It includes a color-coded legend and size reference circles. The chart reads data from a CSV file and uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal for color encoding, and d3.axisBottom, d3.axisLeft, and d3.interpolateTurbo for styling.

Ccharankumarreddyveeramreddy@my.unt.edu
91% match
Loading thumbnail…

Activity6_Task4(Tutorial)

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s x-position maps to horsepower, its y-position to torque, and its radius to highway MPG, while its color encodes the car manufacturer. The visualization is built with D3.js v7, loading data from a local CSV via `d3.csv`. Interactive tooltips appear on hover, showing the make of each car. The chart also includes a legend for the bubble-size scale and a categorical color legend, all rendered as SVG with animated transitions.

Gguruabhay294@gmail.com
91% match
Loading thumbnail…

Activity6_Task4

A bubble chart examines the relationship between average horsepower and torque for various car makes, with the size of each bubble encoding highway MPG, and color distinguishing different manufacturers. The visualization includes a legend for bubble size and color, and interactive tooltips that display the make of each vehicle on hover. Built with D3 v7, it uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color assignment, and `d3.interpolateTurbo` to generate a color palette. Data is loaded from a CSV file and rendered as animated SVG circles.

Hhemanthmaddila13@gmail.com
90% match
Loading thumbnail…

Activity6_Q9

This bubble chart compares engine performance across car makes, plotting horsepower on the x-axis against torque on the y-axis while encoding highway fuel efficiency as the radius of each circle. The color of each bubble corresponds to the car manufacturer, using a categorical scale with `d3.schemeTableau10`. The visualization is rendered as SVG using D3 v7, with linear scales for the axes and a sqrt scale for bubble size. Data comes from a local `cars.csv` file with aggregated values per make.

Ddabbararakshitha@gmail.com
90% match