Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Task4

✓ Published1🌍 Public
LLakshmiPrasannaValdas@my.unt.edu
Last edited Apr 16, 2024
Created on Apr 16, 2024
Forked from Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across car makes. Each circle’s position encodes horsepower and torque, while its radius and color represent highway MPG and manufacturer, respectively, using a color ordinal scale and linear size scale. The D3 v7 code appends SVG elements, includes axes, a tooltip, and a legend for MPG values. A hover interaction displays the car make within a styled div.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Task4

This bubble chart uses D3 v7 (SVG and animation) to visualize the correlation between average horsepower, torque, and highway MPG for 32 car makes. Each circle’s position encodes horsepower and torque, while its radius scales with highway MPG, and color distinguishes car brands, as shown in the legend. The `d3.scaleLinear` and `d3.scaleOrdinal` functions map data to sizes and colors, with tooltips revealing the car make on hover.

Sshivakumarganji@my.unt.edu
97% 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
96% match
Loading thumbnail…

Fork of Activity6_Task4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle’s position maps horsepower on the x-axis and torque on the y-axis, while its radius and color encode MPG and make, respectively. Built with D3 v7, it uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for categorical colors, and SVG rendering. Interactive tooltips appear on mouseover using D3’s event handlers, and a legend shows MPG values. The underlying dataset is loaded from a CSV file.

Tthakurnikhitha4@gmail.com
96% 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
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’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 Activity6_Task4

A bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes. Each circle's x-position maps to horsepower, the y-position to torque, and its radius encodes highway MPG from the CSV data. The chart is built with D3 v7, using `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color encoding, and an interactive tooltip that displays the make on hover. SVG elements render the graph and legend, with animated transitions on tooltip appearance.

Nneerajreddyaluka@gmail.com
95% match
Loading thumbnail…

Fork of activity6_Task4

This bubble chart shows the correlation between a vehicle's average horsepower (x-axis), average torque (y-axis), and highway MPG (bubble size and color). Each bubble represents a car make, with color mapping to the specific brand and size scaled to its highway fuel efficiency rating. The visualization uses D3.js v7 to render SVG elements, with a tooltip that appears on mouseover. The chart includes an interactive legend for bubble size and a color legend, with data loaded from a CSV file.

Ssaikarthiknimmagadda@gmail.com
95% match
Loading thumbnail…

Fork of Activity 7 task 5

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG. Color distinguishes different car manufacturers, with a legend for MPG values and a categorical color key. Built with D3 v7, the SVG visualization uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette. Interactive tooltips, implemented with mouseover events, display the car make for each data point.

Ssreekarthanda@gmail.com
94% match