Earth at Night

100%

Earth at Night

✓ Published0🌍 Public

Last edited Nov 22, 2015

Created on Nov 22, 2015

This visualization presents a map of Earth at night, highlighting human-generated light as a proxy for population distribution. It uses Leaflet.js with tile layers from NASA’s Global Imagery Browse Services (GIBS), specifically the VIIRS City Lights 2012 dataset. The map initializes at a central view and supports panning and zooming within a fixed full-screen layout. The code configures a tile layer URL from NASA’s WMTS service, enabling interactive exploration of nighttime lights across the globe.

AI-generated description

This is a browsable map of NASA's "Earth at Night" data, showing the human-generated light emanating from Earth at night. This is a nice approximation of population density.

Draws from:

Imagery provided by services from the Global Imagery Browse Services (GIBS), operated by the NASA/GSFC/Earth Science Data and Information System (<a href="https://earthdata.nasa.gov">ESDIS</a>). Map drawn with Leaflet.js.

Built with blockbuilder.org

<div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.php?uid=1980301&f=16777215&b=0" border="0" height="18" width="83" alt="web counter"></a></div>

Similar vizzes

Loading thumbnail…

Cross Country Trip

This layered map visualizes global population density using NASA's "Earth at Night" imagery, overlaid with world country and US state borders and Stamen Toner label tiles. The visualization supports panning and zooming, and an animation automatically moves the view westward. Implemented with D3 v4, it uses `d3.tile`, `d3.geoMercator`, `d3.geoPath`, `d3.zoom`, and `d3.timer` to manage tiled raster layers, vector paths, and continuous motion, with a click toggling the animation.

CCurran Kelleher

70% match

Loading thumbnail…

US Cities Map At Night

This example visualizes the geographic distribution of over 1,000 US cities as glowing dots on a dark, night-time map of the United States. The map renders state boundaries from US Atlas TopoJSON data using `d3.geoAlbersUsa` and `d3.geoPath`, while city coordinates are parsed from a CSV file with `d3.csvParse` and projected onto the map. Each city appears as a semi-transparent, pale yellow circle, with an overlaid graticule and outline providing spatial context. The visualization updates dynamically through a state-driven render loop, fetching both datasets asynchronously via the Fetch API.

VVansh Patel

67% match

Loading thumbnail…

Fork of US Cities Map At Night

This fork of the US Cities Map At Night visualization renders a dark-themed United States map with a graticule overlay, using d3.geoAlbersUsa and d3.geoPath to project state boundaries from a TopoJSON atlas. It plots over a thousand cities as small glowing dots with low opacity, pulling latitude, longitude, and population data from a CSV. The loading sequence fetches the atlas and city data asynchronously, then draws the map and points in a single SVG using D3’s data join pattern.

CCurran Kelleher

66% match

Loading thumbnail…

So... here is the Earth

This interactive map of Earth uses a natural Earth projection to display world countries, with the code coloring the selected nation in gold while others appear green. Clicking a country reveals its name as a label, while the sphere background is rendered in blue. The visualization loads geographic data from the world-atlas TopoJSON and TSV files, then renders paths via `d3.geoPath` and `d3.geoNaturalEarth1`. It handles selection with D3’s click events, updating fills and text on each interaction using D3 v5.

Jjons288

65% match

Loading thumbnail…

Firefly Earthquakes

A world map rendered with a light basemap displays earthquakes as glowing teal points that flicker with a firefly-like intensity. Each point is positioned by its latitude and longitude, with the glow generated by a radial gradient sprite whose opacity follows a Gaussian distribution. The visualization uses OpenLayers for map navigation and layer management, React for the interface, and D3’s `csv` loader to fetch earthquake data from a GitHub-hosted CSV file.

CCurran Kelleher

64% match

Loading thumbnail…

So... here is the Earth

This interactive map shows the Earth with countries rendered in green and the ocean in blue. Clicking a country fills it in gold and displays its name in the upper-left corner. The visualization uses D3 v5 with the geoNaturalEarth1 projection and geoPath for landmasses, while topojson converts the world atlas data. Country names come from a TSV file, and interactions are handled through D3’s event system.

Jjons288

64% match

Loading thumbnail…

Now + Solar Terminator

This visualization displays a world map using an azimuthal equidistant projection, rotated so solar noon is at the top. A semi-transparent blue region overlays the night side of the Earth, defined by the current solar terminator. The map and night boundary update continuously as time passes, recalculating the sun’s position based on a NOAA-derived algorithm. Built with D3 v3, the code uses `d3.geo.circle`, `d3.geo.path`, `d3.geo.azimuthalEquidistant`, and `d3.timer`, rendering SVG paths from TopoJSON world data.

Mmbostock

64% match

Loading thumbnail…

Untitled

This visualization uses a natural Earth projection to display global population estimates for 2018, with countries colored to indicate data presence or absence. Circles sized by population are plotted at country centroids using a square-root scale, with a legend showing the population scale. The code leverages D3 modules including `geoPath`, `geoNaturalEarth1`, `geoCentroid`, `scaleSqrt`, and `zoom` for interactivity. Data comes from a UN population estimates CSV and a TopoJSON world atlas, processed via `topojson.feature`.

Ssureshreddypr

64% match