Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Scatterplot with 3 variable menus

Public visualization

Viewing a saved revision (read-only)

5c0e6c8b0f2a47dfaea49bfc87b3625e

Reusable Scatterplot with 3 variable menus

0 stars0🌍 Public
BBryan Baird
Last edited Jul 2, 2023
Created on Jul 2, 2023

This interactive scatterplot displays the Iris dataset, allowing users to dynamically select which variable controls the x-axis, y-axis, and point radius through three dropdown menus. Built with D3 version 7, it uses `d3.csv` to load data and `d3.scaleLinear` and `d3.scaleSqrt` for scaling. SVG circles transition smoothly between positions and sizes via `d3.transition`, while axes update through `d3.axisLeft` and `d3.axisBottom`. The code implements reusable chart and menu functions, demonstrating D3's `dispatch` event system for handling user interactions.

AI-generated description

A demonstration of how to start using D3 version 6.