Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Basic Reusable D3 Scatterplot Black and White

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed