Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 7- Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

6801a02754c24b8ead0c16ee6fd7828e

ICE 7- Reusable D3 Scatter Plot

0 stars0🌍 Public
Ssaidhiraj16
Last edited Mar 27, 2022
Created on Mar 27, 2022

This reusable D3 scatter plot displays the Iris Dataset, mapping petal width on the x-axis and sepal length on the y-axis as circular marks. Built as a configurable chart component, it uses the `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs from `d3` to derive scales and axes, with data loaded via `csv`. A `setInterval` timer cycles the x-axis through all four iris flower measurements every two seconds, animating the plot's layout. The visualization renders as SVG, with circles positioned through `attr` calls and axes drawn using D3's axis functions.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.