Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Minimal Reusable Charts Pattern

Public visualization

Viewing a saved revision (read-only)

12a6a3aaa1e344b09854630172c97224

Minimal Reusable Charts Pattern

1 star6🌍 Public
CCurran Kelleher
Last edited Jan 29, 2021
Created on Jan 20, 2021

This example demonstrates the Minimal Reusable Charts Pattern, a scatter plot of the Iris Dataset showing sepal length against sepal width. The visualization is rendered as an SVG using a custom `scatterPlot` component that encapsulates scales and rendering logic. The chart is built with D3 v6, using `scaleLinear` and `extent` for axes, and the `join` operator for efficient circle updates. Data is loaded asynchronously from a remote CSV file hosted on GitHub, with numeric parsing applied to all measurements. The plot’s dimensions and value accessors are configurable, showcasing a reusable chart architecture.

AI-generated description

A minimal scatter plot of the Iris Dataset using an adaptation of Towards Reusable Charts.

ISC Licensed