Kusum Naithani

@naithanilab·4 public vizzes

Cities on a Globe

An interactive globe displays pink circles for cities with populations over 100,000, sized by population and hoverable for tooltips. Users can drag to rotate the globe via `d3.drag` and zoom with `d3.zoom`, which adjusts an orthographic projection’s scale. The visualization draws country boundaries from TopoJSON `world-110m` and `world-50m` files, using `d3.geoPath` to project shapes and city coordinates, while switching resolution during rotation. City data comes from preprocessed GeoNames CSV, and tooltips are generated with `d3-tip`.

Feb 11, 2021

Loading thumbnail…

World Map-Grayscale

This example displays a grayscale world map with country boundaries, graticules, and a subtle sphere outline. It uses the `geoNaturalEarth1` projection and `geoPath` from D3 v5 to render geographic features as SVG paths. The map is built from World Atlas TopoJSON data, processed with the `feature` and `mesh` functions from topojson to extract landmasses and interior borders. The visualization is constructed as a React component, with a grayscale color scheme for the land and graticules.

Feb 11, 2021

Loading thumbnail…

viz1

This example displays the text “Hello World!” in oversized, centered type as a simple web page. The page uses plain HTML with embedded CSS for the visual layout and JavaScript to log the message “Hello JavaScript!” to the browser console. It relies on standard web APIs such as the `console.log` method, demonstrating a basic integration of structure, styling, and scripting without external libraries or a data source.

Feb 11, 2021

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.

Feb 11, 2021