Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Dynamic D3 React Starter

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed