Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reuseable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

7dab4ec68df24e7bb3090aedf5184ffe

Reuseable D3 Scatter Plot

0 stars0🌍 Public
UUzoemeka Okechukwu Innocent
Last edited Oct 4, 2023
Created on Aug 22, 2023
Forked from D3 Scatter Plot

This reusable D3 scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and sepal length on the y-axis. It employs a functional, configurable design using d3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to automatically compute scales and render axes. The code loads CSV data via d3’s `csv` and draws SVG circles with a fixed radius, adapting to the browser window’s dimensions. The implementation showcases a modular chart-building pattern with settable properties for dimensions, data, and margins.

AI-generated description

D3 Scatter Plot

Venilla Html Javascript D3 Scatter Plot