Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published3🌍 Public
DDouglas mochama
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Activity6_Task3

This example visualizes automotive data from a CSV file using a bubble chart in D3.js v7. It plots horsepower on the x-axis, torque on the y-axis, and encodes highway MPG as the bubble radius. Each circle is colored by car make using a categorical color scale with a legend. The visualization demonstrates loading data via d3.csv, applying scales and axes, and rendering SVG elements.

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…

Activity6_Task4

This bubble chart visualizes vehicle performance by plotting horsepower on the x-axis and torque on the y-axis for 31 car makes, with bubble size encoding highway MPG and color distinguishing each brand from a CSV dataset. The visualization uses D3 v7 to create an SVG with linear scales, ordinal color mapping, and interactive tooltips that appear on mouseover with vehicle details. Hover effects trigger opacity and stroke changes, while separate size and color legends help interpret the third and fourth data dimensions encoded in the circles.

Ssreejabommineni1506@gmail.com
91% match
Loading thumbnail…

activity-6 Task-4

This bubble chart visualizes vehicle performance by mapping horsepower on the x-axis, torque on the y-axis, and highway MPG as bubble size, with each make colored using d3.scaleOrdinal and d3.schemeTableau10. Data loads from a CSV file via d3.csv, and circles render in SVG with hover tooltips showing exact values. The chart includes axis labels, a size legend for MPG, and a color legend for car makes.

Bbhargavireddy4016@gmail.com
91% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle's x-position maps to horsepower, y-position to torque, and both its radius and color encode highway MPG, with a legend for size and color. The D3.js v7 code reads from a CSV file and renders an SVG with axis labels and a black tooltip. The visualization includes interactive hover effects, changing circle opacity and stroke width to display the car make.

Rramsrinivaskatragadda@my.unt.edu
91% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes using a CSV dataset. It employs D3 v7 to render SVG circles scaled by highway MPG, colored by car make, and positioned along linear axes for horsepower and torque. Interactive tooltips display each make on hover, while a legend indicates bubble size and color categories. The chart also demonstrates loading D3 via UNPKG and using a local ES6 module.

Gguttavenkata745@gmail.com
91% match
Loading thumbnail…

Activity6_Task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for different car makes, using circle size to represent highway MPG and color to distinguish makes. The visualization includes interactive tooltips that reveal the make on hover. Built with D3 v7, it renders as an SVG with linear scales for positioning and size, an ordinal color scale using interpolateTurbo, and a legend showing MPG values. Data is loaded from a local CSV file.

VVidya Lakshmi Chitturi
91% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes correlations between average horsepower, torque, and highway MPG for various car makes using D3 v7. The chart plots torque on the y-axis and horsepower on the x-axis, with the bubble radius encoding highway MPG. Data is loaded from a CSV file using `d3.csv`. The visualization employs `d3.scaleLinear` for axes and bubble sizing, `d3.interpolateTurbo` for color mapping, and `d3.scaleOrdinal` for categorical coloring. Interactive tooltips appear on mouseover, displaying the car make, while SVG rendering includes custom legends for both bubble size and color categories.

PPadmajaKodati@my.unt.edu
91% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes correlations between average horsepower, torque, and highway MPG for various car makes using D3 v7. The chart plots torque on the y-axis and horsepower on the x-axis, with the bubble radius encoding highway MPG. Data is loaded from a CSV file using `d3.csv`. The visualization employs `d3.scaleLinear` for axes and bubble sizing, `d3.interpolateTurbo` for color mapping, and `d3.scaleOrdinal` for categorical coloring. Interactive tooltips appear on mouseover, displaying the car make, while SVG rendering includes custom legends for both bubble size and color categories.

PPadmajaKodati@my.unt.edu
91% match
Loading thumbnail…

Activity6_Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle is positioned by horsepower (x-axis) and torque (y-axis), with its size scaled to highway MPG and color representing the manufacturer. The example demonstrates D3 v7 data loading via `d3.csv`, linear scales for axes, ordinal color scaling, and interactive tooltips on mouseover. It uses SVG rendering with `join` for data binding and includes a dual legend for bubble size and categorical colors.

KKhushi Desai
91% match