# cambecc/earth

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/cambecc-earth).**

6,552 stars · 1,241 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/cambecc/earth
- Homepage: http://earth.nullschool.net
- awesome-repositories: https://awesome-repositories.com/repository/cambecc-earth.md

## Description

Earth is an interactive web-based platform for visualizing global weather, ocean, and atmospheric data. It animates particle flows representing wind, ocean currents, and waves on a customizable map, and supports overlaying color-coded meteorological, oceanographic, chemical, and particulate data for detailed analysis.

The platform distinguishes itself by offering multiple cartographic projections—including orthographic, equirectangular, and stereographic—that can be switched to view global patterns from different perspectives. It also provides keyboard-driven navigation, allowing map rotation, zoom, time stepping, and layer toggling entirely through single-key shortcuts. Users can explore data at different atmospheric pressure levels, browse historical weather data from archived model runs, and toggle between earth system modes covering atmosphere, ocean, chemistry, particulates, space weather, and biology.

Additional capabilities include displaying active fire detections from satellite data, visualizing ocean surface currents, and overlaying environmental data layers such as temperature, humidity, pressure, precipitation, and chemical concentrations. The interface supports unit conversion for meteorological variables and offers controls for customizing map appearance, text size, and interpolation method. Data is sourced from the Global Forecast System model and rendered through tile-based compositing and GPU-accelerated particle animation.

## Tags

### Business & Productivity Software

- [Global Forecast System Displays](https://awesome-repositories.com/f/business-productivity-software/weather-widgets/weather-forecast-displays/global-forecast-system-displays.md) — Provides an interactive globe displaying Global Forecast System weather model data.
- [Animated Particle Visualizations](https://awesome-repositories.com/f/business-productivity-software/weather-forecasting-applications/global-model-forecasts/animated-particle-visualizations.md) — Animates global weather patterns as particle flows on an interactive map.
- [GFS Data Ingestors](https://awesome-repositories.com/f/business-productivity-software/weather-widgets/weather-forecast-displays/global-forecast-system-displays/gfs-data-ingestors.md) — Fetch Global Forecast System wind data and convert it into JSON for visualization. ([source](https://cdn.jsdelivr.net/gh/cambecc/earth@master/README.md))
- [Ocean Forecasts](https://awesome-repositories.com/f/business-productivity-software/weather-forecasting-applications/ocean-forecasts.md) — Displays estimated ocean surface current movement on a global map with daily refreshed data. ([source](http://earth.nullschool.net/about))

### Data & Databases

- [Global Weather Visualizers](https://awesome-repositories.com/f/data-databases/real-time-data-streaming/weather-data/global-weather-visualizers.md) — Animates global weather patterns as particle flows on an interactive map for real-time exploration.
- [Animated Flow Visualizations](https://awesome-repositories.com/f/data-databases/data-analysis-visualization/visualization-frameworks-libraries/data-visualization/animated-visualizations/animated-flow-visualizations.md) — Animates wind, ocean currents, and wave patterns as moving particles overlaid on a world map. ([source](http://earth.nullschool.net/ru/))
- [Time-Series Weather Animators](https://awesome-repositories.com/f/data-databases/real-time-data-streaming/weather-data/historical-weather-archives/time-series-weather-animators.md) — Steps through forecast or historical timestamps to observe evolving weather patterns on an animated map.
- [Forecast and Historical Frame Steppers](https://awesome-repositories.com/f/data-databases/time-series-data-loading/forecast-and-historical-frame-steppers.md) — Steps through a sequence of forecast or historical timestamps by loading pre-computed data frames and interpolating between them.
- [Upper-Air Pressure Level Data](https://awesome-repositories.com/f/data-databases/upper-air-pressure-level-data.md) — Chooses atmospheric pressure levels to view weather data at different altitudes in the atmosphere. ([source](http://earth.nullschool.net/hi/))
- [Atmospheric Pressure Level Selectors](https://awesome-repositories.com/f/data-databases/upper-air-pressure-level-data/atmospheric-pressure-level-selectors.md) — Switches the visualization between multiple pressure altitudes from surface to 10 hPa to show conditions at different heights. ([source](http://earth.nullschool.net/pt/))
- [Time-Series Visualizers](https://awesome-repositories.com/f/data-databases/data-visualization-charts/time-series-visualizers.md) — Steps through historical weather data by selecting dates and times to observe evolving conditions. ([source](http://earth.nullschool.net/ru/))
- [Map Display Unit and Style Configurators](https://awesome-repositories.com/f/data-databases/output-unit-and-timezone-configurators/map-display-unit-and-style-configurators.md) — Changes measurement units, map detail level, text size, and interpolation method to tailor the visual output. ([source](http://earth.nullschool.net/ko/))
- [Historical Weather Archives](https://awesome-repositories.com/f/data-databases/real-time-data-streaming/weather-data/historical-weather-archives.md) — Steps through archived weather data to visualize how atmospheric conditions evolve over time.

### Graphics & Multimedia

- [Interactive Weather Map Displays](https://awesome-repositories.com/f/graphics-multimedia/interactive-weather-map-displays.md) — Renders weather data layers over a zoomable, pannable interactive map interface. ([source](https://cdn.jsdelivr.net/gh/cambecc/earth@master/README.md))
- [Tile Map Renderers](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/tile-map-renderers.md) — Renders geographic data by compositing raster and vector tiles from multiple sources into a single interactive map view.
- [Semi-Transparent Data Overlays](https://awesome-repositories.com/f/graphics-multimedia/layered-visualization-composition/multi-layer-map-compositions/semi-transparent-data-overlays.md) — Overlays multiple gridded datasets as semi-transparent color layers on the map, blending them with the base terrain imagery.
- [Earth System Mode Toggles](https://awesome-repositories.com/f/graphics-multimedia/earth-system-mode-toggles.md) — Toggles visualization between air, ocean, chemical, particulate, space weather, and biology layers. ([source](http://earth.nullschool.net/ko/))
- [Cartographic Projection Switchers](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/coordinate-viewport-transformations/camera-projection-systems/multi-view-projections/cartographic-projection-switchers.md) — Switches between orthographic, equirectangular, and stereographic projections to view global weather data.
- [Map Annotations](https://awesome-repositories.com/f/graphics-multimedia/map-annotations.md) — Adds or removes informational overlays like fire locations and coral bleaching alerts. ([source](http://earth.nullschool.net/fr/))
- [Map Projection Selectors](https://awesome-repositories.com/f/graphics-multimedia/map-projection-selectors.md) — Switches between equirectangular, orthographic, and stereographic map projections. ([source](http://earth.nullschool.net/cs/))
- [Map Projection Switchers](https://awesome-repositories.com/f/graphics-multimedia/map-projection-switchers.md) — Switches between orthographic, equirectangular, and stereographic map projections for viewing global weather patterns.
- [Map Visual Styling](https://awesome-repositories.com/f/graphics-multimedia/visualization-mapping/geospatial-visualizations/custom-map-registrations/map-visual-styling.md) — Adjusts the base map style, interpolation method, font size, and bold text to tailor the map's visual output. ([source](http://earth.nullschool.net))

### Part of an Awesome List

- [Data Layer Togglers](https://awesome-repositories.com/f/awesome-lists/data/environmental-data/data-layer-togglers.md) — Provides controls for toggling atmospheric, oceanic, chemical, and particulate data overlays on the map.
- [Project Maps](https://awesome-repositories.com/f/awesome-lists/data/project-maps.md) — Switches between equirectangular, stereographic, and orthographic map projections. ([source](http://earth.nullschool.net/fr/))

### Scientific & Mathematical Computing

- [Atmospheric Pressure Level Selectors](https://awesome-repositories.com/f/scientific-mathematical-computing/atmospheric-pressure-level-selectors.md) — Displays weather data at multiple pressure levels from the surface to the upper atmosphere for detailed analysis. ([source](http://earth.nullschool.net))

### User Interface & Experience

- [Geographic Flow Particles](https://awesome-repositories.com/f/user-interface-experience/animation-libraries/particle/geographic-flow-particles.md) — Animates flowing particles across an interactive map to visualize wind, ocean currents, and wave patterns. ([source](http://earth.nullschool.net/es/))
- [Geographic Projections](https://awesome-repositories.com/f/user-interface-experience/grid-systems/coordinate-transformation-utilities/geographic-projections.md) — Supports multiple cartographic projections by transforming geographic coordinates to screen coordinates using configurable projection functions.
- [Keyboard-Driven Interactions](https://awesome-repositories.com/f/user-interface-experience/interactive-ui-elements/keyboard-driven-interactions.md) — Controls map navigation, time stepping, and layer toggling entirely through single-key shortcuts without requiring mouse input.
- [Weather Timeline Controllers](https://awesome-repositories.com/f/user-interface-experience/component-utilities/animation-engines/timeline-animation-controllers/weather-timeline-controllers.md) — Ships a timeline controller for selecting weather data timestamps on an animated map. ([source](http://earth.nullschool.net/jp/))
- [Map Appearance Customizations](https://awesome-repositories.com/f/user-interface-experience/terminal-user-interfaces/visual-styling-presentation/interface-appearance-customization/component-appearance-customizers/chart-appearance-customizers/map-appearance-customizations.md) — Adjusts the base map style, interpolation method, font size, and boldness to personalize the visual look of the map. ([source](http://earth.nullschool.net/jp/))

### Web Development

- [Map Data Overlays](https://awesome-repositories.com/f/web-development/data-mapping/map-data-overlays.md) — Renders temperature, precipitation, sea surface temperature, and air quality layers on the map. ([source](http://earth.nullschool.net/))
- [Environmental Data Overlays](https://awesome-repositories.com/f/web-development/data-mapping/map-data-overlays/environmental-data-overlays.md) — Overlays temperature, humidity, pressure, precipitation, and chemical data on the interactive map. ([source](http://earth.nullschool.net))
- [Meteorological Data Overlays](https://awesome-repositories.com/f/web-development/data-mapping/map-data-overlays/meteorological-data-overlays.md) — Layers color-coded meteorological and oceanographic variables such as sea surface temperature and wave height onto a world map.
- [Chemical and Particulate Overlays](https://awesome-repositories.com/f/web-development/data-mapping/map-data-overlays/chemical-and-particulate-overlays.md) — Provides color-coded overlays for chemical and particulate matter concentrations on the global map. ([source](http://earth.nullschool.net/es/))
- [Ocean Data Overlays](https://awesome-repositories.com/f/web-development/data-mapping/map-data-overlays/ocean-data-overlays.md) — Displays color-coded ocean data layers including sea surface temperature and wave height. ([source](http://earth.nullschool.net/cs/))

### Artificial Intelligence & ML

- [Forecast Time Selectors](https://awesome-repositories.com/f/artificial-intelligence-ml/forecasting/weather-forecast-generation/pretrained-weather-forecast-models/forecast-time-selectors.md) — Provides a selector for choosing forecast hours and dates from weather model runs. ([source](http://earth.nullschool.net/es/))

### Development Tools & Productivity

- [Weather Date-Time Navigators](https://awesome-repositories.com/f/development-tools-productivity/date-and-time-utilities/component-based-date-time-specifications/relative-date-time-specifications/weather-date-time-navigators.md) — Provides a date-time navigator for selecting weather data timestamps with timezone adjustment. ([source](http://earth.nullschool.net/ko/))
- [Meteorological](https://awesome-repositories.com/f/development-tools-productivity/unit-converters/meteorological.md) — Changes measurement units for wind speed, temperature, pressure, and other metrics to match user preference or regional standards. ([source](http://earth.nullschool.net/zh-cn/))

### Hardware & IoT

- [SDR Mode Switches](https://awesome-repositories.com/f/hardware-iot/hardware-switch-configuration/operational-mode-toggles/sdr-mode-switches.md) — Toggles display between atmosphere, ocean, chemistry, particulate, space weather, and biology data. ([source](http://earth.nullschool.net/pt/))