Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Dynamic D3 React Starter

Public visualization

Viewing a saved revision (read-only)

71a41c02aa9a4f5d9594747c50244fbb

Fork of Dynamic D3 React Starter

0 stars0🌍 Public
UUzoemeka Okechukwu Innocent
Last edited Sep 7, 2023
Created on Sep 7, 2023

This example shows an interactive scatter plot of the Iris dataset, rendered as SVG shapes whose positions map petal length and sepal length. It uses D3’s `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `symbol` APIs to draw symbols with a specified radius. The code loads CSV data from a GitHub gist via `d3.csv`, parses numeric columns, and creates a reusable scatter plot function that joins data to path elements. Styling includes large tick labels and a full-viewport layout.

AI-generated description

React Starter code.