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)

3dda242226ae42dbb9861afd48c54496

Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
RRohith arabati
Last edited Mar 24, 2022
Created on Mar 24, 2022

This example demonstrates a reusable scatter plot built with D3.js that visualizes the Iris dataset, cycling through different attribute combinations on the x-axis every two seconds. The chart is implemented using a configurable `scatterPlot` function that leverages D3’s `scaleLinear`, `extent`, and axis helpers to render SVG circles and axes. Data is loaded asynchronously from a CSV file using `d3.csv`, and the plot updates dynamically by rebinding the x-value mapping and re-rendering through the SVG container. The visualization uses a custom font and fills the entire browser window.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.