Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

2. Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

ff11cbbf45bb4ed698889d4c91541adf

2. Reusable D3 Scatter Plot

0 stars0🌍 Public
Aainhoadieruiz@gmail.com
Last edited Jan 16, 2024
Created on Jan 16, 2024

This reusable D3.js scatter plot visualizes the Iris dataset, plotting petal length on the x-axis against sepal length on the y-axis for individual flower samples. Built with d3 v6, it loads CSV data via `d3.csv` with a custom `parseRow` function to convert numeric columns, then renders circles using the `join` API. The chart uses `d3.scaleLinear` for both axes, includes axis labels, and creates a full-window SVG with fixed margins of 20 pixels on top and 30 on the bottom.

AI-generated description

D3.js Scatter Plot -reusable-