Skip to main content
SimilarExport ZIP
100%

Fork of task 4 Bubble chart

✓ Published0🌍 Public
RRakesh Yadav
Last edited Apr 12, 2024
Created on Apr 12, 2024
Forked from Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position reflects horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG and its color distinguishes the car brand. Built with D3 v7, the SVG chart includes a tooltip that shows the car make on hover, plus a legend for MPG bubble sizes and color-coded makes. Data is loaded from a CSV file, and scales like `d3.scaleLinear` and `d3.scaleOrdinal` drive the mapping.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of activity 6_task_4

This bubble chart visualizes 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 its radius encodes highway MPG and its color distinguishes the make. Built with D3 v7, it uses `d3.scaleLinear` for axes and size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and includes interactive mouseover tooltips plus a size legend. The data comes from `bubblechart.csv`, rendered as SVG with animation.

JJaswanthkota@my.unt.edu
95% match
Loading thumbnail…

Fork of Activity 6_Task 4

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 its horsepower and torque values, with the circle's radius scaled to highway MPG. Color differentiates car makes using a custom ordinal scale built with `d3.scaleOrdinal` and `d3.interpolateTurbo`. The chart is rendered as an SVG using D3 v7, featuring interactive tooltips on hover, a legend for bubble size, and axis labels. Data comes from a local CSV file.

Aanusha.chilkamarri26@gmail.com
95% match
Loading thumbnail…

Fork of task-8(part-4)

This example visualizes the correlation between torque, horsepower, and highway MPG for various car makes using an animated bubble chart. D3.js (v7) renders SVG circles positioned by scaled torque and horsepower axes, with bubble size representing MPG values and colors assigned per car make through a scaleOrdinal. The chart includes interactive tooltips that display the car make on hover, plus legends for bubble size and color categories. Data is loaded from a local CSV file using `d3.csv`.

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

Fork of Fork of Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for 31 car makes. The x-axis maps horsepower, the y-axis maps torque, while bubble size encodes highway MPG and color distinguishes car makes. Built with D3 v7, the SVG includes axes, a legend for MPG values, and an interactive tooltip displaying make on hover. Data is loaded from a CSV file using `d3.csv`. The chart relies on `d3.scaleLinear` for positional and size scales, and `d3.scaleOrdinal` with `d3.interpolateTurbo` for color assignment.

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

Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 30 car makes. Each circle’s position reflects horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and brand, respectively. Built with D3 v7 and SVG, the chart includes interactive tooltips on mouseover and a legend for bubble size and color categories. Data is loaded from an external CSV and rendered with animated transitions on hover.

Ssatvikreddy79@gmail.com
94% match
Loading thumbnail…

Fork of Activity-6-Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle’s size encoding MPG and color distinguishing the brand. Hovering reveals the make via a tooltip. Built with d3.v7, it uses d3.csv to load data, d3.scaleLinear for axes and bubble radius, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. The SVG also includes a custom legend for MPG values and brand color swatches, with mouseover, mousemove, and mouseleave events driving the tooltip interactions.

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

Task-8(part-4)

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes using data from a CSV file. Each circle’s position maps horsepower (x-axis) and torque (y-axis), while its radius encodes highway MPG and its color distinguishes car brands via a d3.scaleOrdinal with interpolateTurbo. The visualization includes interactive tooltips on mouseover, a size legend for MPG values, and a categorical color legend, all rendered as SVG elements with d3.v7.

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

Fork of Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position encodes horsepower and torque, while its size maps to highway MPG and its color distinguishes car brand. Built with D3 v7, the SVG rendering includes interactive tooltips that reveal the car make on hover. The chart incorporates a legend for bubble size and a color-coded categorical legend for each make, with all data loaded from a CSV file.

Ssathvik0311@gmail.com
94% match