Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Scatter Plot

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

82476f9187464848adc29711fefb2ff2

Open

Reusable Scatter Plot

0 stars0🌍 Public
HHarshithaAmbilpur
Last edited Jul 21, 2023
Created on Jul 21, 2023
Forked from Hello VizHub

A reusable scatter plot displays penguin bill length against body mass, with each point colored steelblue and labeled by species on hover via a tooltip. The chart loads data from a CSV file hosted on GitHub and renders as SVG using D3 v6. Code defines margins, linear scales, and axis groups, while a tooltip follows the mouse to show species, bill length, and body mass. The example demonstrates modular function creation with `createScatterPlot`, and imports D3 from UNPKG.

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.