Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Suicides Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

3d23d664086d4916a12bcce74382443e

World Suicides Scatter Plot with Menus

0 stars0🌍 Public
AAndre J Denais
Last edited Jul 2, 2021
Created on Jun 26, 2021

This interactive scatter plot explores global suicide rates, allowing users to select which categorical or quantitative attributes to map to the x- and y-axes via dropdown menus. The visualization uses the D3.js v6 library, employing `selection.join` for smooth enter, update, and exit transitions when attributes change. Data is loaded as CSV from a GitHub gist and rendered into an SVG, with circles animated between positions over a one-second transition. The chart also dynamically switches between `scalePoint` for categorical data and `scaleLinear` for quantitative data, updating the corresponding axes.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.

Shows the Iris Dataset.