Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

4b7aefe34e8a460ca39561f190bbe828

Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
EEmnaAbbes
Last edited Jan 14, 2023
Created on Jan 14, 2023

This example presents a reusable D3.js scatter plot that visualizes the Iris Dataset, initially mapping petal width against sepal length. The plot animates by cycling through four data columns as the x-axis variable every two seconds. Built using D3 v6's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs, it leverages a custom `scatterPlot` function with a fluent interface for configuration. The visualization renders as an SVG, with circles drawn via D3's `selectAll` and `join` operations, and uses the Share Tech font from Google Fonts.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.