Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello VizHub

Public visualization

Viewing a saved revision (read-only)

e18f2362c02d4a23a46a9ab306c41884

Fork of Hello VizHub

0 stars0🌍 Public
Ssusarlasruthi2000@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This example displays a scatter plot of penguin measurements, showing flipper length on the x-axis and body mass on the y-axis, with each point colored by species (yellow for Adelie, green for Gentoo, brown for Chinstrap). It uses D3 v5 and renders to SVG within a React environment. The code loads data from a CSV file hosted on GitHub, parses numeric fields, and applies d3.scaleLinear for positioning. Axes are generated with d3.axisLeft and d3.axisBottom, while circles are joined to the data using the join method.

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.