Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Basic Reusable D3 Scatterplot Black and White

Public visualization

Viewing a saved revision (read-only)

f8b97600b8ae4f1a893d48dd336e20c8

The Basic Reusable D3 Scatterplot Black and White

0 stars1🌍 Public
AAndre J Denais
Last edited Sep 2, 2021
Created on Aug 27, 2021

This example presents a reusable D3.js scatter plot visualization of the classic Iris dataset, mapping petal length against sepal length. The SVG-based chart uses `d3.scaleLinear` for axis scaling, `d3.axisLeft` and `d3.axisBottom` for axes, and a custom `scatterPlot` module that encapsulates the rendering logic. Data is loaded from a remote CSV file via `d3.csv`, with numeric parsing applied to each column. The visualization demonstrates a black-and-white aesthetic with configurable dimensions, margins, and point radius, making it adaptable for various datasets, though it is specifically illustrated with flower measurements.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.