Skip to main content
SimilarExport ZIP
100%

Multi-view, directories, Missing Migrants(codeAlong)

✓ Published1🌍 Public
Ttomahawk-jupiter
Last edited Jun 15, 2021
Created on Jun 11, 2021

This multi-view visualization combines a natural Earth projection bubble map with a time-series histogram to explore missing migrant incidents. The map uses D3’s `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render world landmasses, with bubble size scaled by total dead and missing via `scaleSqrt`. A date histogram below bins reported dates by month using `bin` and `timeMonths`, aggregating counts with `sum`. Both views render as SVG within a React app, loading data from a CSV and world atlas TopoJSON file.

AI-generated description

Learning about directories to organize files.

tutorial Vid 9:56

MIT Licensed

Similar vizzes

Loading thumbnail…

Multiple Views

A global bubble map and a time-series histogram display missing migrant incidents. The map uses a natural Earth projection via `d3.geoPath` and `d3.geoNaturalEarth1`, with circle radii scaled by `d3.scaleSqrt` based on total dead and missing counts. The histogram aggregates reported dates into monthly bins using `d3.histogram` and `d3.timeMonths`, summing casualties per bin. Both views render as SVG within a React component, fed by a CSV dataset of global missing migrant records.

TThomas Cormican
90% match
Loading thumbnail…

Multiple View Missing Migrant

This visualization combines a bubble map and a date histogram to explore missing migrant incidents. The map uses a d3-geo naturalEarth1 projection with graticules and country borders, sizing circles by total dead and missing via d3.scaleSqrt. The histogram bins reported dates by month using d3.histogram and sums fatalities per bin. Both views render as SVG in React, with data from the Missing Migrants CSV and world atlas TopoJSON.

AAnthony Ynami
89% match
Loading thumbnail…

Missing Migrants Multiple Views

This interactive visualization presents missing migrant incidents on a world map with proportional bubbles, alongside a time-series histogram of monthly deaths. The React-based interface renders geographic data using `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule`, with bubble sizes scaled via `d3.scaleSqrt`. The histogram bins reported dates by month using `d3.histogram` and `d3.timeMonths`. Both views display data from a CSV of Missing Migrants Project records, loaded with `d3.csv` and overlaid on a World Atlas TopoJSON basemap.

Jjwlam83
88% match
Loading thumbnail…

Multiple Views

This example combines a bubble map with a date histogram to visualize missing migrant incidents. The map uses a d3.geoNaturalEarth1 projection with graticules and country boundaries from the World Atlas TopoJSON, while circles sized by d3.scaleSqrt represent the total dead and missing. The histogram bins the data by month using d3.bin and sums the casualties with d3.sum, displaying the temporal distribution. Both views are rendered as SVG in React, reading data from a CSV of the Missing Migrants Project.

MMichael Bergerson
88% match
Loading thumbnail…

Multiple Views

The visualization combines a bubble map with a date histogram to explore the Missing Migrants Dataset, where each circle on the map represents an event's total dead and missing. The map uses `d3.geoNaturalEarth1` projection with `d3.geoPath` for land and graticule rendering, while the histogram aggregates deaths by month using `d3.bin` and `d3.timeMonths`. Both views share the same dataset, with circle radius scaled by `d3.scaleSqrt` and bars colored teal against a light gray world map.

Tthomasjungcoe
88% match
Loading thumbnail…

Missing Migrants Multiple Views

This visualization combines a bubble map and a date histogram to explore missing migrant incidents worldwide. The map projects data points using d3.geoNaturalEarth1 and d3.geoPath, with circle radii scaled by d3.scaleSqrt based on the total number of dead and missing. The histogram aggregates incidents by month using d3.bin and d3.timeMonths, summing fatalities per bin. Both views render as SVG within a React framework, pulling data from the Missing Migrants Project CSV and world-atlas TopoJSON.

Rrstrauss127
88% match
Loading thumbnail…

Multiple Views Cleanup

This interactive visualization combines a world map with a time-series histogram to explore missing migrant data across the globe. The map uses a natural Earth projection with `d3.geoPath`, plotting circles scaled by the square root of the "Total Dead and Missing" counts. The histogram below, built with `d3.bin` and `d3.scaleTime`, aggregates these counts by reported month. Both views render as SVG within a React framework, with the data sourced from a Missing Migrants project CSV file.

RRajat Dangat
88% match
Loading thumbnail…

Multiple Views Cleanup

This example combines a bubble map with a date histogram to visualize missing migrants data. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, graticules, and country borders, with circle sizes scaled by `d3.scaleSqrt` based on the total dead and missing. The histogram below bins reported dates into monthly intervals using `d3.histogram` and `d3.timeMonths`, summing casualties per bin with `d3.sum`. Both views render as SVG within a React component structure, pulling data from a CSV of migrant incidents and TopoJSON world atlas boundaries.

Jjwlam83
88% match