kemee

@kemee·3 public vizzes

Stylized Scatter Plot

A stylized scatter plot visualizes the Missing Migrants Global dataset, mapping reported dates against total dead and missing individuals. The visualization uses a Poppins font and a custom teal color scheme to create a polished, modern aesthetic. Built with React and D3 v5, the implementation leverages `scaleLinear` for axes, `extent` for domain calculation, and `csv` for data loading. The SVG marks are rendered as circles with 7-pixel radii, and hovering reveals formatted tooltip values. Axis labels are rotated and positioned to clearly communicate the x-axis as Petal Length and the y-axis as Sepal Width.

Apr 26, 2020

Loading thumbnail…

Google Play Store Apps

This bar chart visualizes the causes of death among migrants, with bar lengths representing the total dead and missing, and bar colors distinguishing migration routes. The visualization sorts the bars in descending order by cause of death, making it easier to compare the top categories. It is built using the Vega-Lite API, with data fetched as CSV via d3.csv, and rendered through Vega and Vega-Lite, configured with a custom style for improved readability. Tooltips display the aggregated sums for each cause of death.

Apr 26, 2020

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

A world map displays migrant deaths by city, with circle size proportional to the total dead and missing. A date histogram below shows the temporal distribution of these deaths, and users can brush over a time range to filter the map to only show cities with deaths in that period. The visualization uses React with D3 v5, employing `d3.geoNaturalEarth1` and `d3.geoPath` for the map, `d3.scaleSqrt` for circle sizing, and `d3.brushX` for interactive selection. Data comes from a CSV of migrant deaths, and country boundaries are rendered from the World Atlas TopoJSON.

Apr 26, 2020