j9magayanes

@j9magayanes·6 public vizzes

Fork of Multiple Views with Brushing

This visualization combines a world map with a time-series histogram to explore migration incidents. The map displays circles sized by the square root of the total dead and missing, while the histogram shows the monthly sum of deaths. Users can brush along the time axis to filter the map, dynamically updating the displayed data. Built with React and D3, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for the map, `d3.scaleSqrt` for sizing, and `d3.brushX` for interactive filtering.

Mar 31, 2022

Loading thumbnail…

Fork of Multiple Views with Brushing - Jan

This interactive visualization combines a world bubble map and a time-series histogram, both rendered as SVG using React and D3 v5. It displays data on dead and missing migrants from the Missing Migrants Global 2019 subset, with the map using the `geoNaturalEarth1` projection and `geoPath` to render land and graticules. Users can brush the histogram to filter the cities shown on the map, with circle sizes scaled by the square-root of casualties. The histogram bins by month via `histogram`, and the brush extent controls data filtering through a React state update.

Mar 30, 2022

Loading thumbnail…

Multiple Views with Brushing - Jan

This interactive visualization tracks migrant deaths and disappearances worldwide, combining a bubble map with a date histogram. Brushing a time range on the histogram filters the map’s circles, which are scaled by death counts per location. The map uses `d3.geoPath` with Natural Earth land and graticules, while the histogram applies `d3.histogram` and `d3.brushX`. Country boundaries come from the World Atlas TopoJSON, and migration data is loaded from a CSV via `d3.csv`.

Mar 30, 2022

Loading thumbnail…

Missing Migrants Multiple Views - Jan

This interactive data visualization combines a bubble map and a date histogram to explore missing migrant incidents. The map projects incident locations using a natural Earth projection with graticules and land boundaries from `topojson`, with circle radii scaled by reported deaths using `scaleSqrt`. The histogram aggregates incidents into monthly bins using `histogram`, `timeMonths`, and `sum`, displaying totals over time. Both views use D3 scales and React components, rendering SVG marks from CSV data on migrant deaths.

Mar 30, 2022

Loading thumbnail…

HIV/AIDS Choropleth Map - Jan

This choropleth map visualizes the global share of the population infected with HIV/AIDS in 2016, using a yellow-orange-red sequential color scale to encode prevalence values. Country boundaries are drawn with d3.geoPath and a Natural Earth projection, with graticules and interior borders for polish. Data comes from IHME via a CSV, joined to country geometries through ISO numeric codes loaded from a separate dataset. Countries without data are rendered in gray, while the map is built as a React component using D3 version 5.

Mar 30, 2022

Loading thumbnail…

Multiple Views with Brushing - Jan

This interactive visualization combines a bubble map and a date histogram to explore global missing migrant incidents. Users brush the histogram to filter the map by date range. The map uses a natural Earth projection with proportional circles sized by total dead and missing, rendered with d3.geoPath. The histogram aggregates data by month using d3.bin and d3.timeMonths. The brush is implemented with d3.brushX. Data comes from the Missing Migrants Project and world atlas TopoJSON, built with React and SVG.

Mar 30, 2022