Skip to main content
SimilarExport ZIP
100%

Fork of Global Suicide Rates Linked Views with Fast Brushing

✓ Published0🌍 Public
MMar-99
Last edited Apr 3, 2022
Created on Apr 3, 2022

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.

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 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
96% match
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
95% 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
95% match
Loading thumbnail…

Global Suicide Rates Linked Views with Fast Brushing

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.

GGonzalo Montañés
93% match
Loading thumbnail…

Fork of Fork of Fork of Suicide Rates 11/17/2021

This interactive visualization combines a natural Earth projection map with a time-series bar chart to explore global suicide rates. A bubble map overlays circles scaled by suicide count on geographic coordinates, with tooltips revealing country-specific metrics like GDP per capita and population. A linked DateHistogram with brushX filtering enables temporal exploration, updating the map’s displayed data. The visualization uses D3 v5 modules including geoNaturalEarth1, geoPath, scaleSqrt, and brushX, rendered as SVG within a React framework, sourcing world atlas TopoJSON and CSV data.

Mmnalk
92% match
Loading thumbnail…

Fork of Final

This interactive visualization combines a world map of suicide counts with a linked time-series histogram. Circles on a natural Earth projection encode suicide numbers by area, colored by category, with tooltips revealing country-specific details. A brushable histogram below filters the map by year, updating the displayed bubbles. The visualization uses React, D3 v5 modules like `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, and `brushX`, rendering to SVG. Data comes from a CSV of suicide rates merged with city coordinates.

CConnor Rothschild
90% match
Loading thumbnail…

Fork of Suicide Rates 11/17/2021

This bubble map and time-series visualization depicts global suicide rates using data from a curated CSV of suicide statistics and a world cities dataset that provides geographic coordinates. The map, rendered with `d3.geoPath` and a `geoNaturalEarth1` projection, shows each data point as a circle with an area scaled to suicide count via a square-root scale. The interactive histogram below, built with `d3.scaleTime`, `d3.scaleLinear`, and a brush filter, lets users select a date range, dynamically filtering which bubble markers appear on the map. Tooltips, styled with Tippy.js, display additional details like country, GDP, and population for each location.

Mmnalk
90% 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
90% match