Skip to main content
SimilarExport ZIP
100%

US side Suicide Map Multi-views

✓ Published0🌍 Public
FFAN CHI YU(范紀予)
Last edited Oct 19, 2022
Created on Oct 19, 2022

This visualization combines a U.S. map with a scatterplot to explore NBA player statistics. The map uses `d3.geoPath` with a `geoAlbers` projection to plot team locations, while the accompanying bubble chart displays player data points colored by team abbreviation. Built with React and D3 v5, the scatterplot includes interactive hover filtering that highlights selected teams. Data is loaded from a CSV containing player coordinates and stats, with the map rendered using TopoJSON state boundaries from the us-atlas dataset.

AI-generated description

A visualization of showing the number of plays per person according to the number of days they were active on the EdX platform during the 2013 academic year. The color legend shows which courses garnered the most views. The data can be found on the MITx-HarvardX Dataverse.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of USA NBA_2

This visualization combines a geographic map of U.S. NBA team locations with a time-series histogram and a scatter plot. The map uses d3.geoAlbers and d3.geoPath to render state boundaries and team markers, while the histogram aggregates reported deaths over time using d3.histogram. A separate scatter plot encodes team attributes with d3.scaleOrdinal coloring. The React-based interface loads CSV and TopoJSON data, rendering all views as SVG elements.

FFAN CHI YU(范紀予)
81% match
Loading thumbnail…

Worldwide Suicide Map Multi-views

A multi-view visualization combines a world bubble map and a horizontal bar chart to explore WHO suicide data from 1979–2016. Dropdowns filter by year and highlight a selected country on the map, while the bar chart ranks the top 15 countries by suicide count for the chosen year. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for the landmasses, with `d3.scaleSqrt` sizing circles by suicide count; the bar chart uses `d3.scaleBand` and `d3.scaleLinear`. Tooltips display exact values, and both views update dynamically via React state.

AApollox01
79% match
Loading thumbnail…

Worldwide Suicide Map Multi-views

This interactive visualization combines a world bubble map and a horizontal bar chart to explore global suicide rates from 1979 to 2016. Users select a year and country via dropdown menus, which highlights the chosen country on the map while the bar chart updates to show the top 15 countries with the highest suicide numbers for that year. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for geographic projections, with circles sized via `d3.scaleSqrt`. The bar chart is rendered with React and `d3.scaleBand`, both featuring tooltips for detailed data. The visualization sources suicide data from a CSV and country boundaries from the World Atlas TopoJSON.

CChen Ding
79% match
Loading thumbnail…

nba_data_vis

A geo-visualization of NBA team locations plotted as circles atop a map of US states, using a geographic region projection. The map renders state boundaries and interiors via SVG paths from `d3.geoPath` and `topojson.feature`, while team coordinates are projected and displayed as semi-transparent dots. Data is loaded from CSV files using `d3.csv`, and the static Albers USA territories projection comes from the `geo-albers-usa-territories` library. The visualization is built with React components and uses `d3` v5 for data handling and map generation.

FFAN CHI YU(范紀予)
78% 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
77% match
Loading thumbnail…

A world map showing cities with a population greater than 50,000

This interactive dashboard visualizes suicide rates across countries with a world map and linked charts. The map displays circles sized by suicide count, colored by categorical data, and positioned using `d3.geoNaturalEarth1` projection and `geoPath`. Tooltips provide detailed country statistics via Tippy.js. A brushable time-series histogram filters data by year, dynamically updating the map and a scatter plot, which allows users to explore relationships between attributes like GDP and suicide numbers using `d3.scaleLinear` and dropdown menus. The visualization uses SVG and React with D3 v4, sourced from a merged dataset of world cities and suicide rates.

Mmnalk
76% match
Loading thumbnail…

Worldwide Suicide Map Multi-views

This interactive visualization combines a world bubble map with a bar chart to explore global suicide statistics from 1979 to 2016. Users can select a year and country through dropdown menus, which updates the map to highlight the chosen nation while filtering the bar chart to show the top 15 countries by suicide count. The map uses d3.geoNaturalEarth1 projection with d3.geoPath for rendering landmasses, while bubble sizes correspond to suicide numbers via a square-root scale. The bar chart employs d3.scaleBand and d3.scaleLinear, with all elements rendered as SVG within a React framework using D3 v5.

XXinting Yao
76% match
Loading thumbnail…

Worldwide Suicide Map with Two Menu and Tooltips

This interactive world map visualizes suicide data from the World Health Organization, plotting circles at each country's coordinates. Users can select a specific year or view the most recent available data through dropdown menus, and a second menu highlights a chosen country in red. The visualization uses d3.geoPath with a d3.geoNaturalEarth1 projection to render land masses and graticules, while d3.scaleSqrt scales circle radii. Tooltips display the country name, year, and suicide count. The React application loads CSV suicide statistics and TopoJSON world atlas boundaries.

Ss-janibekova
76% match