Cartopy CRS definition for NZTM2000

d3 map experiment with NZTM

This experiment uses D3 v4 to render New Zealand’s census ward boundaries as a static SVG map. The geographic data is sourced from Stats NZ, converted from the NZTM projection (EPSG:2193) into a quantized TopoJSON format via a Makefile-driven pipeline, then displayed with a null projection so coordinates are used as-is. The map uses a light grey fill for land areas and omits internal boundaries, showing only the outer ward outlines. The code includes a commented-out geoTransform for potential scaling/zooming and a commented-out boundary mesh, suggesting the visualization focuses on the raw spatial layout of New Zealand's wards.

Aalpha-beta-soup

58% match

Custom Cartesian Projection

This example displays a set of land parcel polygons from a GeoJSON file, drawn as light gray shapes with black outlines on an SVG canvas. It creates a custom Cartesian projection by implementing a `d3.geoTransform` that maps raw coordinates through two `d3.scaleLinear` scales for the x and y axes. The resulting transform feeds into a `d3.geoPath` generator, which renders the geographic features using the projected coordinates, bypassing standard geographic projections.

54% match

Simple Leaflet Map

This example displays a satellite view of Wellington, New Zealand, centered at coordinates -41.2858, 174.78682 with zoom level 14. It uses the Leaflet.js library to initialize a map object and display the Esri World Imagery tile layer from ArcGIS Online. The code sets the map’s dimensions via an HTML div and configures tile loading with attribution text and a maximum zoom of 18. This demonstrates a minimal Leaflet setup for embedding interactive map tiles in a web page.

Dd3noob

53% match

Craster Parabolic

This example displays a world map projected using the Craster parabolic projection, with graticule lines, country boundaries, and landmasses rendered in SVG. The visualization uses d3.geo.craster from the d3.geo.projection.v0 library, along with d3.geo.path for geographic path generation and topojson.v1 to parse world-50m.json data. A sphere outline and fill are drawn first, followed by graticule and geographic features from the TopoJSON file, with styling applied via CSS classes.

52% match

Transverse Mercator

This example demonstrates the transverse Mercator map projection, displaying world landmasses and country boundaries within a graticule grid. The map is rendered as SVG using the D3.js library, specifically employing the `d3.geoTransverseMercator` projection and `d3.geoPath` for drawing geometries. World data comes from the `world-atlas` package, processed with `topojson-client` to extract land and boundary features. The visualization includes a spherical outline, a graticule, and styled land and boundary paths, all centered within a 960x960 canvas.

Mercator Map Tile functions for Ruby

This example demonstrates how to convert between geographic coordinates, Mercator projections, and map tile coordinates in Ruby. It defines a module with functions for transforming latitude/longitude pairs to and from Mercator-projected coordinates, as well as scaling those coordinates to specific zoom levels. The code also includes utility methods for calculating an optimal zoom level and center point that fits a set of locations within a given viewport, optionally accounting for padding. The implementation relies on the Ruby Math library for trigonometric and logarithmic operations, with no external dependencies.

RRandomEtc

Simple Leaflet Map

This example displays an interactive map of New Zealand’s Wellington region, centered on coordinates -41.2858, 174.78682 at zoom level 14. The visualization uses the Leaflet.js library to render map tiles from OpenStreetMap, with the `L.map` function creating the map and `L.tileLayer` adding the base tile layer. The map is presented with attribution to OpenStreetMap contributors and is set within a 600 by 400 pixel HTML container.

Dd3noob

Tobler–Mercator

This example demonstrates the Tobler–Mercator projection, a modified Mercator projection that preserves area. The world map is rendered with graticule lines, country boundaries, and a white sphere outline. Built with D3 v4, it combines `d3.geoProjection` with a custom projection function and `d3.geoPath` for geographic rendering. The map uses TopoJSON data from the world-atlas package, with land and country boundary geometries loaded via `d3.json` and processed using `topojson.feature` and `topojson.mesh`. The visualization is fully SVG-based.