Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Scatter Plot

Public visualization

Viewing a saved revision (read-only)

3856483ae30b4d428d7d33f177078aef

Reusable Scatter Plot

0 stars0🌍 Public
KKhanAzmat
Last edited Dec 29, 2022
Created on Dec 29, 2022
Forked from D3 Scatter Plot

This example demonstrates a reusable scatter plot visualizing the Iris dataset, plotting petal length against sepal length. D3.js v7 fetches the CSV data asynchronously, and the code uses d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to map values to SVG circles. The rendering uses a full-window SVG canvas with fixed margins, and the scatter plot marks are drawn via chained d3.select and `.join('circle')` operations.

AI-generated description

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

See also React Starter.