Skip to main content
SimilarExport ZIP
100%

act8_task4

✓ Published0🌍 Public
Rravularasesh3102@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from A5 Bubblechart D3

A bubble chart shows 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 represents highway MPG and its color distinguishes the manufacturer. Built with D3 v7, the chart uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color, and includes an interactive tooltip on mouseover plus a legend for MPG values. Data comes from a local CSV file.

AI-generated description

Took inspiration from my old scatterplot from A4.

Had Chatgpt help with the colorScale function and general attributes.

MIT Licensed

Similar vizzes

Loading thumbnail…

act8_task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across various car makes. Each bubble's x-position maps to horsepower, its y-position to torque, while its size and color represent highway MPG and the car manufacturer, respectively. The visualization includes a tooltip on hover, a legend for MPG values, and a color-coded legend for makes. Built with D3 v7, the code uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` to render interactive SVG elements from the provided CSV data.

Rravularasesh3102@gmail.com
98% match
Loading thumbnail…

act8_task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps horsepower on the x-axis and torque on the y-axis, while circle radius encodes highway MPG and color distinguishes make. The visualization uses D3 v7 with SVG rendering, including a tooltip on mouseover, a legend for bubble size, and color-coded dots. Data is loaded from a CSV file and mapped through d3.scaleLinear and d3.scaleOrdinal scales.

Rravularasesh3102@gmail.com
97% match
Loading thumbnail…

act8_task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position encodes horsepower along the x-axis and torque along the y-axis, while its radius scales with highway MPG. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with interpolateTurbo color mapping for categorical makes. Hovering reveals a tooltip showing the car make. A legend displays MPG reference circles and color-coded dots for each brand. The SVG rendering includes animated hover transitions.

Rravularasesh3102@gmail.com
96% match
Loading thumbnail…

ACT6_TASK4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. The x-axis maps horsepower, the y-axis maps torque, while the size of each bubble encodes highway MPG and the color distinguishes different car manufacturers. A legend showing the MPG scale is on the right, and color-coded dots identify each make. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, and `d3.interpolateTurbo` to assign a color to each make. The SVG render includes an interactive tooltip that appears on mouseover, displaying the car make. Data is loaded from a local CSV file.

RRevanth putta
96% match
Loading thumbnail…

act6_task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position reflects horsepower and torque, while its size encodes highway MPG and its color distinguishes the car make. Built with D3.js v7, the chart uses d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/Left, with SVG rendering. Hovering reveals a tooltip, and a legend displays MPG size values and make colors. Data comes from the bundled bubblechart.csv.

Ssravani1969@gmail.com
95% match
Loading thumbnail…

act6_task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across multiple car makes. Each circle represents a car model, with its x-position mapped to horsepower, y-position to torque, and bubble size scaled by highway MPG via d3.scaleLinear. The SVG rendering uses d3.axisBottom and d3.axisLeft for axes, while d3.scaleOrdinal assigns colors from d3.interpolateTurbo by make. Mouseover events trigger tooltips, and fixed legend circles indicate MPG size values. Data loads from an external CSV file.

Ssravani1969@gmail.com
95% match
Loading thumbnail…

act6_task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle’s position encodes horsepower on the x-axis and torque on the y-axis, while its radius and color represent highway MPG and car make, respectively. The visualization uses D3.js v7 with SVG rendering and includes interactive tooltips on mouseover, plus legends for both bubble size and categorical colors. Data is loaded from a CSV file, and the implementation uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.interpolateTurbo`, and `d3.axisBottom`/`d3.axisLeft` for scales and axes.

Ssravani1969@gmail.com
95% match
Loading thumbnail…

Activity8_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle's position determined by the x- and y-scales and its size encoding MPG via the `d3.scaleLinear` z-scale. Color mapping via `d3.scaleOrdinal` and `d3.interpolateTurbo` distinguishes makes, while animated hover effects and a custom tooltip built with D3 event handlers reveal the make name. The SVG chart includes labeled axes, a legend with circles for MPG values and color swatches, and reads from a CSV file using `d3.csv`.

Llikithabaddam@my.unt.edu
95% match