Global Suicide Rates Linked Views with Fast Brushing

100%

Global Suicide Rates Linked Views with Fast Brushing

✓ Published4🌍 Public

Last edited Nov 13, 2021

Created on Nov 9, 2021

A world map displays suicide rates as red circles, sized by the number of suicides per location, with a time-series histogram beneath it. Brushing a time range in the histogram filters the circles displayed on the map. The visualization combines a React frontend with D3 v5 for SVG rendering, using `d3.geoNaturalEarth1` for the projection, `d3.geoPath` for geographic features, and `d3.brushX` for interactive filtering. Data comes from a CSV of city-level suicide statistics.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Global Suicide Rates Linked Views with Fast Brushing

This interactive visualization links a world map of suicide rates with a time-series histogram. The map displays cities as colored circles, with the size of each circle corresponding to the number of suicides. Brushing on the histogram filters the map in real-time to show data only within the selected date range. Built with React and D3 v5, it uses `d3.geoNaturalEarth1` for the map projection, `d3.scaleSqrt` for circle sizing, and `d3.brushX` for the linked selection. Country boundaries come from a TopoJSON world atlas.

Zzjulijie0618

94% match

Loading thumbnail…

Fork of Global Suicide Rates Linked Views with Fast Brushing

This interactive visualization links a world map and a time-series histogram to explore global suicide rates. It displays a natural Earth projection map with circles sized by suicide counts, alongside a monthly histogram of the same data. Users can brush across the histogram to filter the map’s displayed circles. The visualization uses React, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `histogram`, with data from a CSV file and country boundaries from World Atlas TopoJSON.

Bblueyjuice

93% match

Loading thumbnail…

Fork of Global Suicide Rates Linked Views with Fast Brushing

This interactive visualization presents global suicide rates through linked views: a world map with circles sized by suicide count and a brushing timeline histogram. Users brush the timeline to filter the map and highlight specific time ranges. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for map projection, `brushX` for timeline selection, and `scaleSqrt` for circle sizing. Data comes from CSV and world-atlas TopoJSON sources, rendered as SVG with transparent red circles.

KKamilPodsiadlo

93% match

Loading thumbnail…

Fork of Global Suicide Rates Linked Views with Fast Brushing

This visualization combines a bubble map and a linked time-series histogram to explore global suicide rates over time. The map renders suicide counts as semi-transparent red circles using a square-root size scale, while a brushed time range filters the displayed bubbles. The histogram uses `d3.brushX` to select date ranges, with data binned by month and summed. Built with React and D3 v5, it employs `d3.geoNaturalEarth1` for projections, `d3.geoPath` for country boundaries, and loads country shapes from World Atlas TopoJSON alongside city-level CSV data.

MMar-99

93% match

Loading thumbnail…

Suicide Rates 11/17/2021

This interactive visualization maps global suicide rates using a bubble map, where circle size encodes the number of suicides per country and color distinguishes categories. A linked time-series histogram below allows brushing to filter the map by year. The project uses React, D3 v5 (including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, and `brushX`), and Tippy.js tooltips. Data comes from a CSV of suicide rates merged with city coordinates, rendered as SVG over a world atlas TopoJSON.

Mmnalk

88% match

Loading thumbnail…

Fork of Suicide Rates

A choropleth bubble map overlaid on a natural Earth projection displays global suicide counts by location, with circle size proportional to the number of suicides. A linked time-series histogram below shows monthly totals, and brushing a time range filters the map’s circles in real time. The visualization uses React, d3.geoPath for map rendering, d3.scaleSqrt for bubble sizing, and d3.brushX for interactive time filtering. Data combines World Cities coordinates with a Suicide Rates dataset processed through a Jupyter notebook.

Ddasari234

86% match

Loading thumbnail…

Fork of Suicide Rates 11/17/2021

This dashboard visualizes global suicide rates with a natural Earth projection map where circles represent suicide counts per country, colored by a categorical scale. A linked time-series histogram below the map allows brushing to filter the map by year range. The visualization uses d3.geoNaturalEarth1 and d3.geoPath for the map, d3.scaleSqrt for circle sizing, and d3.brushX for interactive filtering. Tooltips via Tippy.js display country, GDP, suicide count, and population. Data comes from a CSV of suicide rates merged with world city coordinates.

Mmnalk

86% match

Loading thumbnail…

Worldwide Suicide Map

This interactive world map visualizes suicide rates from the World Health Organization, with translucent red circles scaled by the most recent suicide number per country using a square-root scale. Users can select a specific year from 1979 to 2015 or view the latest data via a dropdown menu. The visualization uses React for state management and D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render the map. Country boundaries come from World Atlas TopoJSON, while suicide data and coordinates are loaded from CSV sources using `d3.csv`.

CChen Ding

86% match