Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 scattter plot Jerline

Public visualization

Viewing a saved revision (read-only)

95f5dcb5dd0c442dbf61a3aaed8abebf

Reusable D3 scattter plot Jerline

0 stars0🌍 Public
JJerlineJJ
Last edited Mar 28, 2022
Created on Mar 28, 2022

This example demonstrates a reusable scatter plot component built with D3 v6, visualizing the classic Iris Dataset. Data points represent flower measurements, with petal width and sepal length mapped to the x and y axes, while color encodes species (setosa, versicolor, virginica). The scatterPlot function encapsulates core chart logic, including axes, scaling, and circle rendering, and is configurable via fluent setters. An animation cycles through different column combinations every two seconds, updating the plot’s axes. The visualization is rendered as SVG, with a legend and custom styling applied via CSS.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.