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)

52f0e6451c8046aeaf6ba071c4f4d5c9

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.