Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 7 Reusable D3 Scatter Plot

Public visualization

ICE 7 Reusable D3 Scatter Plot

0 stars0🌍 Public
Ssaijahnaviappineni
Last edited Jul 1, 2022
Created on Jul 1, 2022

This interactive scatter plot visualizes the relationship between height and weight, with each point colored by gender (male, female, or no gender). Built as a reusable D3 chart component, it alternately animates the x-axis between the two variables every five seconds. The visualization uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` APIs to render axes and circles over an SVG canvas. Data is loaded from a CSV of gender, height, and weight records.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed