Prajanya Shrestha

@prasea·3 public vizzes

Fork of World Cities - PKS

A world map displays cities as points positioned using latitude and longitude coordinates from a Simplemaps database. The visualization projects geographic coordinates onto a two-dimensional plane using D3.js with the `d3.geoProjection` API, while country boundaries render through `d3.geoPath` with a light gray fill. The map loads TopoJSON data via the `topojson-client` library and draws projected city locations using D3’s SVG rendering, producing a clean scatter-like overlay on the geopolitical base.

Jul 9, 2024

Loading thumbnail…

Fork of Simple World Map - PKS

This example renders a world map using the Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`. A graticule grid and outline are drawn with `geoGraticule`, while country boundaries are filled and stroked in white. The map loads TopoJSON country data from the `visionscarto-world-atlas` package, converts it with `topojson-client`, and displays it within a full-screen SVG. The code uses `d3.select` for rendering and updates the map through a state-based flow that fetches data once.

Jul 9, 2024

Loading thumbnail…

World Map - Parajanya

This visualization displays a scatter plot of the Penguins Dataset, mapping bill length against flipper length for individual penguins. The chart uses D3’s scaleLinear and extent functions to compute scales, while the axis labels come from the @curran/axis-labels utility. Circles representing data points are rendered with fixed radius and opacity, and the plot area is filled with a light gray rectangle via SVG selection joins. The implementation leverages d3.select for container binding and dynamic updates.

Jul 9, 2024