Nikhil

@ysmnikhil·4 public vizzes

Circles on a Map

This visualization displays global population data for 2018, with each country represented by a circle whose area corresponds to population size. Pan and zoom interactions use d3.zoom. The map is rendered with d3.geoNaturalEarth1 and d3.geoPath, while circle radii are scaled by d3.scaleSqrt. Hovering reveals country names and population counts via SVG title elements. Data comes from a CSV joined with TopoJSON world atlas geometry, and a d3.scaleOrdinal color legend and size legend are included.

Mar 31, 2020

Loading thumbnail…

Sized Points on a Map

A world map uses semi-transparent circles to visualize the population of global cities, with circle size encoding population magnitude via a square-root scale and a maximum radius of 15 pixels. The visualization layers country boundaries and graticules from TopoJSON data onto a Mercator projection, rendered as SVG paths using d3.geoPath. City positions are projected from latitude and longitude coordinates, and circle radii are computed using d3.scaleSqrt, with styling applied through React components that load the world atlas and city CSV data asynchronously.

Mar 31, 2020

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This interactive visualization combines a bubble map and a brushing-linked date histogram to explore migrant deaths recorded in 2019. The map uses a natural Earth projection with `d3.geoPath` to render country boundaries and graticules, while circle size encodes the total dead and missing per location. The histogram aggregates deaths by month using `d3.bin` and `d3.timeMonths`. Users can brush over the time axis with `d3.brushX`, filtering the map’s circles to show only incidents within the selected date range. Data comes from a CSV of the Missing Migrants Project, rendered as SVG with React’s `useMemo` for performance.

Mar 31, 2020

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This visualization links a world map of migrant deaths with a time-series histogram, using brushing to filter data across both views. The map displays circles sized by the total dead and missing, while the histogram shows monthly totals, with brush selection updating the map's highlighted points. Built with React and D3 v5, it uses d3.geoNaturalEarth1 and d3.geoPath for the map, d3.scaleSqrt for circle sizing, and d3.brushX for interactive filtering. Data comes from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON.

Mar 31, 2020