Skip to main content
SimilarExport ZIP
100%

Activity8_Task4

✓ Published0🌍 Public
WWilliam Nsambu
Last edited Apr 13, 2024
Created on Apr 13, 2024

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across vehicle makes, with circle position encoding horsepower and torque on linear scales and bubble size representing MPG via a d3.scaleLinear. A tooltip displays the make on hover, while the dataset from bubblechart.csv is loaded using d3.csv. Color mapping uses d3.scaleOrdinal with d3.interpolateTurbo to distinguish manufacturers, and the SVG rendering includes custom legends for both bubble size and color categories.

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…

Activity8_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes, with each circle's position encoding horsepower and torque while its radius and color represent MPG and make. The visualization uses D3.js v7 to render SVG elements, including interactive tooltips that display the make on hover. A color legend maps makes to distinct colors via `d3.scaleOrdinal`, while a separate legend demonstrates how bubble size corresponds to MPG values. The chart reads data from a local CSV file and animates tooltip transitions using D3's built-in transition methods.

Zzoe.romo@att.net
95% match
Loading thumbnail…

Activity6_Task4

A bubble chart displays the relationship between average horsepower, torque, and highway MPG for various car makes, with bubble size encoding MPG and color distinguishing manufacturers. The visualization uses D3.js v7 to load CSV data, render SVG circles, and apply linear scales for axes and bubble sizing. Interactive tooltips appear on mouseover, while legends explain the size and color mappings. The chart includes axis labels and a title, with data sourced from a local CSV file.

Aasimcyb@gmail.com
95% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across car makes, with each bubble’s position on the x-axis representing horsepower, the y-axis representing torque, and the bubble size encoding highway MPG. Color distinguishes different manufacturers. The chart uses D3 v7’s scaleLinear for axes, scaleOrdinal for color assignment, and scaleLinear for bubble size. Interactions include tooltips on hover, implemented via D3’s select and style methods. Data is loaded from a CSV file using d3.csv.

YYeruva Snehith Reddy
95% match
Loading thumbnail…

Activity6-Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car manufacturers. Each circle represents a make, positioned by its horsepower (x-axis) and torque (y-axis), with the circle's size scaled to its highway MPG value and its color mapped by make. Built with d3.v7, the SVG rendering uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color, and `d3.interpolateTurbo` for the color palette. Interactive tooltips show the make name on hover, and a legend displays MPG values.

Hharsha13638@gmail.com
95% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes, using circle size to encode MPG and color to distinguish makes. Built with D3 v7, it renders as an SVG with animated dots that respond to mouseover events, displaying a tooltip with the car make. The chart includes a legend for MPG values and color-coded make categories, reading data from a CSV file and using scales such as `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color, and `d3.interpolateTurbo` for the color palette.

Lleelakrishnadivi7@gmail.com
95% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size encoding MPG and color distinguishing manufacturers. Built with D3 v7, it renders SVG circles positioned by linear scales, includes tooltips on mouseover, and provides a legend for both bubble size and color. The data comes from a CSV file loaded via d3.csv, with colors assigned using d3.scaleOrdinal and the interpolateTurbo color scheme.

Hhaneesh@gctc.in
95% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across multiple car makes. Each bubble represents a vehicle make, positioned by horsepower and torque on the x and y axes, with bubble size scaled by highway MPG and color differentiating makes. Built with D3 v7, the visualization includes axis labels, a legend for MPG values and makes, and tooltips that appear on hover. The code reads from a CSV file and uses D3's scaleLinear, scaleOrdinal, axisBottom, axisLeft, and interpolateTurbo functions to construct the chart.

SSiddhardha
95% match
Loading thumbnail…

Activity6_Task - 4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps to horsepower and torque on the x and y axes, while its radius encodes highway MPG. Color distinguishes car brands, with an ordinal scale using d3.interpolateTurbo. Hovering reveals a tooltip displaying the make. The chart includes legends for bubble size and color categories, using SVG rendering with D3 v7 scales (d3.scaleLinear, d3.scaleOrdinal) and event handlers for interactivity.

NNitish Thotakura
95% match