Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter Plot -ICE 7 -Prathima

Public visualization

Viewing a saved revision (read-only)

cbf37e3e52bd4574a30f80a628a7afa4

Reusable D3 Scatter Plot -ICE 7 -Prathima

0 stars0🌍 Public
Ppilliprathimarani@my.unt.edu
Last edited Mar 28, 2024
Created on Mar 27, 2024

This animated scatter plot explores the Iris Dataset, cycling the x-axis between price and sales volume every two seconds while the y-axis remains fixed on sales volume. Built with D3.js (v7), the visualization uses a reusable chart component created via a closure pattern, employing `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and SVG circle elements for data points. The chart's dimensions, margins, and radius are configurable through a fluent API, and a 2-second interval triggers data re-rendering with updated x-axis mappings.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.