Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

750d72d97998424896b0c61745543f60

reusable D3 Scatter Plot

0 stars2🌍 Public
PPeiyang Li
Last edited Apr 19, 2023
Created on Apr 19, 2023

This interactive scatter plot visualizes Fisher's Iris dataset, mapping petal length to the x-axis and sepal length to the y-axis. The visualization is built as a reusable D3 module, where the scatter plot is rendered as an SVG with circles representing individual data points. It uses D3's `scaleLinear()`, `extent()`, `axisLeft()`, and `axisBottom()` for scaling and axis generation, with data fetched from a remote CSV file. The plot dynamically sizes to the viewport and includes hover tooltips showing the coordinate values for each point.

AI-generated description

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

See also React Starter.