Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-7 Reusable scatter plot

Public visualization

Viewing a saved revision (read-only)

de2e34fd025549e2a015f86f532d44e0

ICE-7 Reusable scatter plot

0 stars2🌍 Public
Mmadanvemulapally
Last edited Mar 13, 2023
Created on Mar 13, 2023

This example demonstrates a reusable scatter plot created with D3.js, visualizing the classic Iris dataset. It maps petal width and sepal length on the x- and y-axes, and uses different SVG symbols to represent the three iris species. The chart cycle through multiple data attributes every 15 seconds, updating the x-axis scale and re-rendering the marks. The implementation follows Mike Bostock’s reusable chart pattern, using accessor functions and D3’s `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, and `symbol` APIs.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.