Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Beeswarm Chart

Public visualization

Beeswarm Chart

0 stars0🌍 Public
Mmaxthamt
Last edited Jul 22, 2022
Created on Jul 22, 2022
Forked from HTML Starter

This beeswarm chart visualizes WHO suicide statistics, showing each country as a circle positioned along a horizontal axis by either total deaths or per-capita deaths, with color encoding continent. Interactive buttons switch between linear and logarithmic scales, while checkboxes toggle continent visibility. The visualization uses d3.forceSimulation with forceX, forceY, and forceCollide to arrange circles into clusters, and d3.axisBottom renders the x-axis. The React-built interface animates transitions between chart states, with tooltips appearing on hover.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed