Skip to main content
SimilarExport ZIP
100%

Scatter plot shapes

✓ Published0🌍 Public
DDouglas mochama
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Activity6_Task4

This example renders a bubble chart of car makes, plotting horsepower on the x-axis, torque on the y-axis, and using circle radius to encode highway MPG. The chart uses d3.csv to load data, d3.scaleLinear for axes and radius, and d3.scaleOrdinal with schemeCategory10 for color-coded legends. SVG circles are generated through data joins, with axes and a legend appended via D3’s axis components.

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…

Scatter Plot (Bubble Chart) with Custom Dataset

This bubble chart visualizes the relationship between horsepower and highway MPG for a custom car dataset, with circle size encoding torque. The visualization uses D3 v7 with an SVG rendering approach, loading CSV data from a gist URL. It employs d3.scaleLinear for both x and y axes, d3.scaleSqrt for bubble sizing, and d3.csv with d3.autoType for data parsing. Grid lines are generated using d3.axisBottom and d3.axisLeft with tickSize, while interactive tooltips are provided through SVG title elements on hover.

KKrishna.
87% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes using D3 v7. Circles are positioned by horsepower (x-axis) and torque (y-axis), with size encoding highway MPG and color distinguishing car brands. The SVG rendering includes interactive tooltips on hover that display the make. Data loads from a CSV file, with scales handling size and ordinal color mapping, plus a legend explaining bubble size and make colors.

NNukaShravanKumar
86% match
Loading thumbnail…

Act6_Q4

A bubble chart displays car makes by average horsepower on the x-axis and torque on the y-axis, with bubble size encoding highway MPG and color encoding vehicle category. The visualization labels each bubble with the car make and includes a categorized legend. Built with D3 v7, it uses `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal` to map data, renders SVG circles and text, and loads its data from a CSV file.

JJean
86% match
Loading thumbnail…

Bubble chart

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius and color represent highway MPG and car make, respectively. The visualization includes interactive tooltips on hover, a legend for MPG values, and a color legend for makes. It uses D3 v7, loading data from a CSV file, and builds the SVG with scales like `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`.

Aanith462@gmail.com
86% match
Loading thumbnail…

Bubble chart

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position encodes horsepower and torque on the x- and y-axes, while its radius represents highway MPG and its color distinguishes the car manufacturer. Built with D3 v7 using SVG and animation, the visualization reads data from a CSV file and includes interactive tooltips that display the make on hover. Axes, a size legend for MPG values, and a color legend for car brands are generated using d3.scaleLinear and d3.scaleOrdinal.

Vvishusikka
85% match
Loading thumbnail…

Scatter plot

This interactive scatter plot, rendered with SVG and animation, visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position is determined by its horsepower (x-axis) and torque (y-axis), while its size and color are scaled by highway MPG and car make, respectively. Mouseover interactions trigger a tooltip that displays the make, implemented with D3 event handlers. The visualization uses `d3.scaleLinear` for axes and bubble size, and `d3.scaleOrdinal` for color mapping, with data loaded from a CSV file.

Jjaswanthichowdarykalapala@my.unt.edu
85% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes 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 highway MPG and car brand. Built with d3.v7, it uses d3.scaleOrdinal for color, d3.scaleLinear for sizing, and SVG elements with mouseover tooltips displaying the make. A legend explains bubble sizes and brand colors, with data loaded from a CSV file.

Iindushashi.g@gmail.com
85% match
Loading thumbnail…

Bubble chart

This bubble chart displays the correlation between average horsepower, torque, and highway MPG across multiple car makes, using circle size to represent fuel efficiency and color to distinguish manufacturers. Built with D3 v7, it loads data from a CSV file and renders an SVG with linear scales for the axes and bubble radius, plus an ordinal color scale. Interactive tooltips appear on mouseover, while legends for bubble size and color categories are drawn manually using SVG circles, lines, and text elements.

Ddriftcafe
85% match