Skip to main content
SimilarExport ZIP
100%

Combined Migrants on a Map

✓ Published1🌍 Public
Ww.fukuyama@gmail.com
Last edited Jan 27, 2023
Created on Jan 17, 2023
Forked from Migrants on a Map

A world map displays the locations of migrant deaths, with green circles scaled by the number of deceased through d3.scaleSqrt. A date histogram below aggregates monthly death totals using d3.bin and d3.timeMonths, with bars drawn via d3.scaleLinear and d3.scaleTime. The visualization renders with React and SVG, using d3.geoNaturalEarth1 and d3.geoPath for the map, and loads data from a CSV file containing coordinates and reported dates.

AI-generated description

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

See also React Starter. css named colors

scatter plot test

MIT Licensed

Similar vizzes

Loading thumbnail…

Migrants on a Map

This visualization displays migrant deaths as proportional circles on a natural Earth projection map. The data, sourced from a CSV file containing coordinates and death counts, is plotted using d3.scaleSqrt to size each circle according to the number of fatalities. The map is rendered with React and SVG elements, utilizing d3.geoNaturalEarth1 and d3.geoPath for geographic projections, with d3.geoGraticule adding grid lines. The world atlas features come from TopoJSON, and the circles are semi-transparent green to show overlapping incidents.

Ww.fukuyama@gmail.com
91% match
Loading thumbnail…

Combined Migrants on a Map

This example visualizes global migrant deaths by plotting circles on a natural Earth projection map. Each circle’s radius is scaled to the reported number of fatalities, using a square-root scale for proportional sizing. The map displays landmasses, graticules, and country interiors via `d3.geoPath` and `d3.geoNaturalEarth1`, while React components render SVG circles and axes. Data is loaded from a CSV file, and the world atlas comes from TopoJSON, with styling controlled by CSS classes.

Ww.fukuyama@gmail.com
90% match
Loading thumbnail…

migrant data on a map

This visualization displays global migrant fatalities using a world map. Each circle represents a data point, with its radius scaled to the "Total Dead and Missing" count via a square-root scale. The map includes landmasses, graticules, and country boundaries. The code uses d3.geoPath and d3.geoNaturalEarth1 for the projection, React for the interface, and imports CSV data through the d3.csv function. SVG circles are rendered with adjustable opacity, and the overall design uses a clean, light aesthetic.

BBlake McCarty
88% match
Loading thumbnail…

A D3 map

This interactive visualization shows migrant deaths and disappearances worldwide, combining a geographic bubble map with a temporal histogram. A D3 natural Earth projection renders the world map, with semi-transparent circles sized by death counts using a square root scale. The histogram below aggregates monthly totals, and both views share the same dataset of recorded incidents. The visualization is built with React, D3 v4 geo and scale utilities, and SVG rendering, using data from the Missing Migrants Project.

Mmaavwin6
87% match
Loading thumbnail…

migrants on map

A choropleth-style map displays migrant deaths and missing persons, with circles sized by the count of dead and missing. A linked histogram below shows the same data over time, allowing users to brush a date range to filter the map. The visualization uses React with D3 v6, including `scaleSqrt` for circle sizing, `geoNaturalEarth1` and `geoPath` for the map projection, and `brushX` for the range selection. Data comes from a CSV of global missing migrants.

JJonas Carvalho
87% match
Loading thumbnail…

Missing Migrants on a map

A world map displays circles sized by the total number of dead and missing migrants, with a histogram beneath charting the same totals over time. The visualization combines a React component using d3.geoNaturalEarth1 and d3.geoPath for the map with d3.scaleSqrt for circle radii. A d3.histogram bins reported dates into monthly intervals, while d3.scaleTime and d3.scaleLinear handle the axes. Data comes from a CSV file of global migrant incidents.

YYenTingWu
87% match
Loading thumbnail…

World Map-Migrant Deaths-Grayscale

A world map displays aggregated counts of missing migrants, with proportional circles marking incident locations. A linked time-series histogram below the map allows brushing to filter the displayed data by date. The visualization uses D3 v5 for map projections and scales, alongside React hooks for state management and rendering. Migrant data comes from a CSV file, while country boundaries are drawn from World Atlas TopoJSON.

KKusum Naithani
86% match
Loading thumbnail…

Migrants Multiple Views

This example combines a world map and a time-series histogram to visualize migrant deaths and missing persons. The map uses a natural Earth projection with graticules and country boundaries from TopoJSON, plotting circles scaled by `d3.scaleSqrt` to represent the total dead and missing per location. The histogram below aggregates the same data by month using `d3.histogram` and `d3.timeMonths`, with bar heights reflecting cumulative deaths. Both views are rendered as SVG within a React app, using `d3.csv` to load the Missing Migrants dataset and `topojson` for geographic features.

FFAN CHI YU(范紀予)
86% match