Skip to main content
SimilarExport ZIP
100%

Fork of task-8(part-4)

✓ Published0🌍 Public
DDivyaKota2@my.unt.edu
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from 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`.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of task 4 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.

RRakesh Yadav
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…

Task 8 Tutorial 4

This interactive bubble chart visualizes the correlation between average torque, horsepower, and highway MPG for various car makes, using data from a CSV file. D3.js renders SVG circles, where x and y positions map horsepower and torque, while radius indicates MPG and color differentiates manufacturers. The chart includes axes, a size legend, and a tooltip that displays the car make on hover, with animated opacity transitions. It demonstrates importing D3 via UNPKG and local ES6 modules.

YYeshwanth963@gmail.com
93% match
Loading thumbnail…

activity8-task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position encodes horsepower on the x-axis and torque on the y-axis, while its size represents highway MPG and its color indicates the car brand. The D3.js v7 example loads data from a CSV file and renders the visualization as an SVG. It includes interactive tooltips on mouseover that display the car make, along with custom legends for both bubble size and categorical color assignments using `d3.scaleOrdinal`.

Bbobbymeyermsis@gmail.com
93% match
Loading thumbnail…

Task8_Task4

This animated bubble chart explores the correlation between average horsepower, torque, and highway MPG across numerous car makes. Each circle’s horizontal position maps to horsepower, vertical position to torque, and its radius encodes highway MPG, with color distinguishing manufacturers. Built with D3 v7, the SVG visualization includes interactive tooltips that appear on mouseover using event-driven handlers, plus a legend for MPG scaling. Data is loaded from a CSV file, and the chart uses d3.scaleLinear and d3.scaleOrdinal for axis and color mapping.

Jjyothirmai318@gmail.com
93% match
Loading thumbnail…

Task 8-part 4

This bubble chart displays the correlation between average horsepower, average torque, and highway MPG across car makes. Each circle’s position maps horsepower and torque, while its radius encodes highway MPG, and color distinguishes the manufacturer. The visualization uses D3 v7 to append SVG elements, scales, axes, and a tooltip that reveals the car make on hover. A legend explains the bubble-size scale for MPG values, and all data comes from a CSV file loaded asynchronously.

Bbhavithamanyam@gmail.com
93% match
Loading thumbnail…

Fork of Activity8_Task4

This bubble chart visualizes the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size) across 31 fictional vehicle makes, with color encoding each make. The D3 v7 code loads CSV data via d3.csv, applies linear scales for axes and bubble radius, and uses d3.scaleOrdinal with interpolateTurbo for color assignment. Interactive tooltips appear on mouseover, showing the vehicle make, while a legend explains MPG values and make colors. The SVG rendering includes animated hover effects that increase bubble opacity and stroke width.

Aanusharamana0@gmail.com
93% 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
93% match