Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 reusable scatter plot

Public visualization

Viewing a saved revision (read-only)

d2cbe9dfe13a417289aadf47f4e00519

d3 reusable scatter plot

0 stars1🌍 Public
AAshwani Sajwan
Last edited Apr 24, 2024
Created on Apr 24, 2024
Forked from D3 Scatter plot

This interactive scatter plot displays the Iris dataset, mapping petal length to the x-axis and sepal length to the y-axis. Built with React and D3 v7, it uses `d3.csv` to load the data and `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` for scales and axes. The visualization is rendered as SVG with circles whose positions are derived from the scales, and each point includes a `title` element for tooltip information. The chart is fully responsive, sizing to the window dimensions and allowing margins and radius to be configured via a reusable `scatterPlot` function.

AI-generated description

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

See also React Starter.