Skip to main content
SimilarExport ZIP
100%

Activity6_Tutorial4

✓ Published1🌍 Public
Cchowdaryhemanth14@gmail.com
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from Hello VizHub

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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Tutorial4

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`.

Kkandooriabhiram@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
93% 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
92% 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
90% 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_Tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle represents a car brand, positioned by horsepower and torque, with its size encoding highway MPG and color distinguishing makes. The visualization uses D3.js v7’s `scaleLinear` for axes and bubble scaling, `scaleOrdinal` with `interpolateTurbo` for colors, and SVG rendering with interactive tooltips on hover. A legend shows bubble size values, while color coding identifies each make.

Ggreeshmareddy135@gmail.com
90% match
Loading thumbnail…

Activity_6 Tutorial 4

This bubble chart visualizes the relationship between horsepower, torque, and highway fuel efficiency across 31 car makes. Each circle’s x-position represents horsepower, y-position represents torque, and its radius encodes highway MPG values. The visualization uses D3 v7 to create SVG elements, employing `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble sizing, and `d3.schemeTableau10` extended with additional palettes for color encoding. Data is sourced from a CSV file containing make, horsepower, torque, and highway_mpg statistics.

Mmaheshsachin1234@gmail.com
90% match
Loading thumbnail…

Activity6_task4

This bubble chart visualizes the relationship between average horsepower and average torque for various car makes, with each bubble’s position determined by these two variables and its size scaled by horsepower using a square-root scale. The SVG rendering uses D3 v7’s scaleLinear, scaleSqrt, and scaleOrdinal APIs to map data values to coordinates and categorical colors. Hovering highlights a bubble by adding a black stroke and increasing opacity. Axes are labeled and generated with d3.axisBottom and d3.axisLeft, driven by data loaded from a CSV file.

Ssivachandraramanaidu.vnof52@gmail.com
90% match