Skip to main content
100%

ICE-7_Shanmukha

✓ Published4🌍 Public
Sshanmukhadatta4040@gmail.com
Last edited Mar 27, 2024
Created on Mar 22, 2024

This example presents a reusable D3.js scatter plot that visualizes the classic Iris dataset through a dynamic slideshow-like animation. The visualization cycles between two subsets of the data every five seconds, displaying Age on the x-axis, Fare on the y-axis, and using color to encode the Sex attribute. Built with the reusable chart pattern, the code defines a configurable `scatterPlot` function supporting custom margins, radius, and accessor functions, and uses SVG rendering with smooth transitions. The plot alternates between two halves of the dataset, offering an animated comparison of the same variables across different data slices. Axes are labeled, and a categorical color scale distinguishes the two sexes, making the chart clear and engaging.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes