Skip to main content
100%

ICE7 reusable scatter plot

✓ Published1🌍 Public
VVamsi Krishna
Last edited Jul 3, 2022
Created on Jul 2, 2022

This interactive scatter plot visualizes the Palmer Penguins dataset, displaying relationships between culmen length, body mass, and other measurements. The visualization cycles through different x-axis attributes every few seconds, using a setInterval callback to update the plotted dimensions. Built with D3.js version 6.7, the example demonstrates a reusable chart pattern through a custom scatterPlot function that manages scales, axes, and circle rendering. Data points are color-coded by penguin species (Adelie, Chinstrap, and Gentoo), with SVG circles positioned using linear scales. The code explicitly calls d3.csv for data loading, scaleLinear for coordinate mapping, and axisBottom/axisLeft for generating axes.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Penguine Dataset.

MIT Licensed

Similar vizzes