Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
Mmnalk
Last edited Dec 7, 2021
Created on Dec 1, 2021

This interactive dashboard combines a world bubble map with a time-series histogram to explore suicide rates. The map uses `d3.geoNaturalEarth1` and `geoPath` to render landmasses, with circle sizes scaled via `d3.scaleSqrt` to suicide counts, and Tippy tooltips to reveal country, GDP, and population details. A linked `d3.brushX` histogram filters the map’s data by year, while separate small multiples and a sex-based histogram supplement the view. Data is loaded from CSV files via `d3.csv` and world topology from TopoJSON.

AI-generated description

Dataset:

I use this dataset to extract the latitude, longitude, and country A world map showing cities with a population greater than 50,000then align it with my dataset about Suicide Rates.

Jupyter notebook

In this version. I created a Jupyter notebook file to GitHub that solved my issue when there was no file including latitude, longitude, and country.Jupyter notebook_GitHub.

Iterated work

The project is in GitHub

CCitation

https://www.d3-graph-gallery.com/index.html https://observablehq.com/@d3

MIT Licensed

Similar vizzes

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

Fork of Fork of Suicide Rates 11/17/2021

This visualization presents global suicide rates on a natural Earth projection map, with circles sized by the number of suicides and colored by a categorical scale. A linked time-series histogram below allows brushing to filter the map by year. The map uses d3.geoPath for geographic features, while d3.scaleSqrt and d3.scaleOrdinal control circle size and color. Interactive tooltips display country details via the Tippy React library. Data comes from a CSV of suicide rates merged with city coordinates.

Mmnalk
92% 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
90% 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
89% match
Loading thumbnail…

Fork of Fork of NASCAR Statistics Dashboard

This dashboard presents a global suicide statistics visualization, combining a world bubble map, a date histogram, a stacked bar chart, a scatter plot, and a color legend. The map plots suicide counts per country using `d3.geoNaturalEarth1` and `d3.geoPath`, with bubble sizes scaled by `d3.scaleSqrt`. The date histogram uses `d3.bin` and `d3.brushX` to aggregate and filter data over time. Tooltips via `Tippy.js` reveal country-specific metrics. The visualization is built with React, D3 v6, and SVG rendering.

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