Gray Earth

100%

✓ Published0🌍 Public

Last edited Feb 9, 2016

Created on Feb 27, 2013

A topographical map of the United States combines a shaded-relief raster with vector land boundaries. The raster, sourced from Natural Earth, is reprojected to the U.S. National Atlas azimuthal equal-area projection using gdalwarp and displayed as an SVG image. Boundaries are drawn via `d3.geo.path` and TopoJSON, with a `clipPath` limiting the raster to the land area. The code uses D3 v3, d3.geo.azimuthalEqualArea, and TopoJSON, applying the relief as a background clipped to the country outline.

AI-generated description

The Natural Earth Gray Earth raster data set, reprojected to the U.S. National Atlas projection (a rotated Lambert azimuthal equal-area projection) via gdalwarp.

gdalwarp \
  -r lanczos \
  -ts 960 0 \
  -t_srs EPSG:2163 \
  -te -2100000 -2200000 2600000 750000 \
  GRAY_HR_SR_OB_DR.tif \
  shaded-relief.tiff

gpl-3.0 Licensed

Similar vizzes

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.

KKusum Naithani

77% match

Loading thumbnail…

So... here is the Earth

A map of the United States highlights a specific set of states in red, using a natural Earth projection to render the country’s shape. The visualization loads US state boundaries from a TopoJSON atlas and uses d3.geoPath with d3.geoNaturalEarth1 to draw the paths. Selected states are merged via topojson.merge and filled with a distinct color, while d3.zoom is also loaded but not applied in the final code.

Jjons288

77% match

Loading thumbnail…

Let's make a Map

This map renders world countries from the world-atlas TopoJSON dataset, using D3’s `geoNaturalEarth1` projection and `geoPath` to draw landmasses and country boundaries. The SVG output fills countries in light gray with blue strokes over a blue ocean sphere. It demonstrates a basic choropleth setup by asynchronously loading the 110m-resolution data and applying styling from an external stylesheet. The example shows how to project geographic features with D3’s geo API and topojson’s `feature` conversion.

Aarieltonglet

75% match

Loading thumbnail…

country map

This example displays a map of the United States with state boundaries, rendered as SVG paths using D3’s `geoAlbers` projection and `geoPath`. It shows land areas in blue, a graticule sphere in purple, and state interiors highlighted with yellow strokes. The map loads US Atlas TopoJSON data from jsdelivr, processes it with `topojson.feature` and `topojson.mesh`, and is built within a React component using the `geoGraticule` API to draw the graticule lines.

PPavaniMangugari

75% match

Loading thumbnail…

Natural Earth

This example demonstrates the Natural Earth projection, a pseudo-cylindrical map projection that balances the appearance of landmasses with minimal shape distortion. It renders a world map from a TopoJSON dataset, displaying country borders and land areas as filled paths, with a graticule overlay and a spherical outline. The visualization uses D3.js v3 with the `d3.geo.naturalEarth` projection, `d3.geo.path`, and `d3.geo.graticule` APIs to draw vector graphics as SVG elements. The code loads world geography data from a gist-hosted JSON file and applies styling for land, boundaries, and graticule strokes.

Mmbostock

75% match

Loading thumbnail…

World Map

This world map visualization displays landmasses and country borders using a natural Earth projection with d3.geoPath and d3.geoGraticule. The SVG rendering, built with React, layers a light gray sphere, teal land fills, green interior boundaries, and cyan graticule lines. Data comes from the world-atlas TopoJSON dataset, processed through topojson.feature and topojson.mesh to extract land geometry and internal borders. The visualization emphasizes clean, stylized geographic outlines rather than thematic data encoding.

Mmclee933

74% match

Loading thumbnail…

World Map

This world map visualizes global landmasses and country interiors using a Natural Earth projection. It draws the sphere, graticules, and land polygons as SVG paths via `d3.geoPath` and the `geoNaturalEarth1` projection. The map loads country boundaries from a world-atlas TopoJSON file, processed with `topojson.feature` and `topojson.mesh`. Land is filled in a teal color, while interior boundaries are stroked distinctly over a light gray sphere and grid.

Ppsabela

74% match

Loading thumbnail…

Polar Azimuthal Equal-area

This example visualizes the Earth using the polar azimuthal equal-area projection, with landmasses in black and country boundaries in white against a graticule. The map is centered on the North Pole and rendered as an SVG, with a sphere outline and fill. The code uses `d3.geo.azimuthalEqualArea()` for the projection and `d3.geo.path()` to draw features from a TopoJSON world dataset loaded via `d3.json`.

Mmbostock

74% match