Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter Plot

Public visualization

Reusable D3 Scatter Plot

1 star2🌍 Public
Ppawelsapiecha
Last edited Dec 6, 2022
Created on Nov 10, 2022
Forked from D3 Scatter Plot

This reusable scatter plot, built with React and rendered as SVG, displays the Iris dataset, plotting petal width against sepal length. Implemented using D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, the visualization features a custom, configurable `scatterPlot` function that chains methods for setting dimensions, data, axes, and point radius. The code loads data via D3’s `csv` and uses a minimalist interface with Share Tech typography, showing how a flexible D3 component can be integrated into a React application.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed