← Back to live globe
UC25 · Ocean Crisis Atlas
CRISIS ALERT — 2024 — 4th Global Mass Coral Bleaching Event Declared by NOAA/ICRI

Ocean Plastic & Climate Crisis

A globe visualisation of the five major ocean garbage patches, 80+ plastic concentration hotspots, 40 coral bleaching events from the historic 2024 4th Global Mass Bleaching Event, five ocean current gyres, and 60 sea surface temperature anomaly points — all on a WebGL globe powered by globe.gl.

5

Ocean garbage patches

80+

Plastic hotspot points

40

Bleaching events (2024)

5

Ocean current gyres

60

SST anomaly points

177

Country borders rendered

150M+

Tonnes plastic in ocean

54%

Coral reefs bleached globally

+3.2°C

Peak N. Atlantic anomaly 2024

Data & Visualisation Pipeline

01

Ocean Garbage Patches — GeoJSON Polygons

The five major ocean garbage patches — Great Pacific (1.6M km²), North Atlantic, South Pacific, South Atlantic, and Indian Ocean — are represented as GeoJSON Polygon features with hand-traced approximate boundary coordinates. Each polygon stores the patch name, estimated area in km², approximate plastic mass in tonnes, and year of discovery. They are rendered as semi-transparent orange polygons using globe.gl's polygonsData() API at a slight altitude above the ocean surface, giving a clear aerial silhouette of accumulation zones.

GeoJSON Polygon featuresglobe.gl polygonsData()0.8% altitude above surfaceSemi-transparent orange fill (rgba 18% opacity)Hover labels with area, mass, discovered year
🔴
02

Plastic Concentration Hotspots — ScatterplotLayer equivalent

80+ point features mark plastic concentration hotspots across all five garbage patches and major coastal river outflows. Points are sourced from oceanographic survey literature and The Ocean Cleanup project data. Each point carries a concentration tier (critical / high / moderate / low) and a plastic density figure in kg/km². Point radius scales with severity; colour uses a red–orange–amber–yellow gradient. Coastal river outflows (Yangtze, Mekong, Ganges, Nile, Niger, and 8 more) are tagged with their source name and typically carry the highest densities, reflecting the fact that ~80% of ocean plastic originates from river systems.

80+ hardcoded pointsglobe.gl pointsData()4-tier severity scaleRadius: critical 0.7 → low 0.3Coastal river attribution
🪸
03

2024 Coral Bleaching Events — NOAA Coral Reef Watch

The 2024 4th Global Mass Coral Bleaching Event was declared by NOAA and the International Coral Reef Initiative in March 2024. It is the largest and most severe bleaching event on record, affecting reefs in every major ocean basin. 40 individual reef events are mapped using NOAA Coral Reef Watch alert levels: Watch (yellow) → Warning (amber) → Alert Level 1 (red-orange) → Alert Level 2 (hot pink). Notable events include the Great Barrier Reef at 91% bleached, Florida Keys at 97%, Hawaii at 100% of surveyed reefs, and Flower Garden Banks (Gulf of Mexico) at 96%. A pulse animation (altitude oscillation) visually communicates the urgency. An CRISIS ALERT banner is pinned to the top of the viewport.

40 bleaching eventsNOAA Coral Reef Watch alert levels (Watch/Warning/Alert1/Alert2)Pulse animation via altitude oscillationglobe.gl pointsData()Color: hot-pink gradient by severity
🌊
04

Ocean Current Gyres — Animated Arc Paths

The five major ocean gyres that concentrate plastic are visualised as animated dashed great-circle arcs: North Pacific (clockwise), South Pacific (counterclockwise), North Atlantic (clockwise), South Atlantic (counterclockwise), and the Indian Ocean Gyre. Each gyre is decomposed into four directional arc segments (north, east, south, west legs) to trace the rough circular current path. Arcs are rendered using globe.gl's arcsData() API with a 5-second dash animation, colour-coded by ocean basin, and arced to 18% altitude to avoid clipping through the globe surface.

5 gyres × 4 arc segments = 20 arcsglobe.gl arcsData()arcDashAnimateTime: 5000ms0.18 altitude arcingBasin-coded colours (cyan, blue, teal)
🌡
05

Sea Surface Temperature Anomalies — 2024 Records

60 points mark ocean areas with record-breaking positive SST anomalies in 2024, based on NOAA's Optimum Interpolation SST v2 and Copernicus Marine Service data. The 2024 anomalies are historically unprecedented: the North Atlantic averaged +3°C above the 1991–2020 baseline for months; the Arctic Ocean reached +4.2°C in some areas; the Gulf of Mexico and Mediterranean both exceeded +2.5°C. Point colour uses a continuous blue → cyan → amber → red thermal ramp keyed to the anomaly magnitude. Point radius also scales with anomaly so the most extreme spots are visually dominant.

60 anomaly pointsglobe.gl pointsData()Thermal colour ramp (blue → red)Radius scales with anomaly magnitude (0.35–1.0)NOAA/Copernicus 1991–2020 baseline
🔀
06

3-Mode Globe View Switching

Three view modes are available via the left panel: Plastic (garbage patches + hotspot points + gyre arcs), Bleaching (bleaching event points with pulse animation), and Temp Anomaly (SST anomaly heat map). On mode switch, globe.gl's layer data is swapped live — pointsData(), polygonsData(), and arcsData() are all updated simultaneously without remounting the globe. The camera smoothly repositions to the most relevant region for each mode: Pacific-centred for Plastic (the most dramatic garbage patch view), Indo-Pacific for Bleaching (GBR focus), and North Atlantic for Temperature (where the 2024 record anomalies are most pronounced).

globe.gl hot-swap layer datapointsData + polygonsData + arcsData updated per modeSmooth pointOfView() camera transitions3 accent colour themes (orange / pink / amber)View-specific default camera positions
🗺
07

Interactive Country Borders

All 177 country polygons from the Natural Earth 110m dataset are rendered as a persistent border overlay that stays active across all three view modes. Country borders use a subtle white stroke (18% opacity) by default, brightening on hover (60%) and turning gold on click (90%). Clicking a country flies the camera to the country's centroid, selects it, and opens a stats panel showing the number of plastic pollution zones, coral bleaching events, and SST anomaly readings within the country's bounding region. The country polygon layer is merged with garbage patches in plastic mode — both datasets are combined into a single polygonsData() call with type-discriminated colour/altitude callbacks, since globe.gl exposes a single polygon slot.

Natural Earth 110m GeoJSON (countries-110m.geojson)globe.gl polygonsData() merged with garbage patchesType-discriminated per-polygon colour callbacksfeatureCentroid() bounding-box centroid for camera fly-tofeatureBbox() for regional data filteringCountry stats: plastic zones · bleaching events · SST anomalies

Science & Design Notes

Why is 2024 the 4th global bleaching event?

NOAA and ICRI define a 'global' bleaching event as one where bleaching alert levels are triggered in each major ocean basin simultaneously — Atlantic, Pacific, and Indian Ocean. Only four such events have occurred: 1998, 2010, 2015–2017, and the ongoing 2024 event. The 2024 event was declared in March 2024 and is driven by a combination of background global warming and a strong El Niño episode that elevated sea surface temperatures across most tropical reef zones simultaneously.

Why do garbage patches form where they do?

Ocean gyres — the large-scale circular current systems — act as centripetal convergence zones. Buoyant plastic debris enters the ocean (mostly via rivers and coastal communities) and is swept into these gyres. Because gyres rotate, debris gradually migrates toward the centre where convergence is greatest. The Great Pacific Garbage Patch sits in the North Pacific Subtropical Gyre and covers an estimated 1.6 million km². Importantly, 'patch' is misleading: the plastic is not a solid island but a diffuse soup of mostly microplastics, with only ~80,000 tonnes of macro debris.

What drove the 2024 North Atlantic temperature record?

In 2023–2024, the North Atlantic measured +3°C or more above the 1991–2020 baseline for several months running — a truly unprecedented anomaly. Contributing factors include a reduction in Saharan dust (which normally cools the Atlantic by blocking sunlight), a decrease in aerosol pollution from shipping (the 2020 IMO low-sulphur fuel rules reduced ship trail clouds that had been cooling the ocean), and the baseline El Niño-driven global warming trend. The anomaly contributed directly to the 2024 Atlantic hurricane season and widespread Caribbean coral bleaching.

Data sourcing and hardcoding rationale

Unlike live-data UCs (GDP, FX), ocean plastic and bleaching data does not have a free real-time API. NOAA Coral Reef Watch provides point-in-time alerts but behind an authenticated query interface. The plastic density data comes from oceanographic surveys with multi-year lag times. Hardcoding the 2024 dataset provides a stable, accurate snapshot that tells the crisis story clearly without API latency or rate-limit issues. All data is clearly attributed and sourced from peer-reviewed literature and NOAA reports.

Why merge country borders with garbage patches in one polygonsData() call?

globe.gl exposes a single polygon layer via polygonsData() — there is no secondary polygon slot. To show both country borders and garbage patch outlines simultaneously, both feature sets are combined into one array and passed to a single polygonsData() call. Per-polygon colour, stroke, altitude, and label callbacks use a type guard (checking for the plasticTonnes property on GarbagePatch features) to apply distinct styles to each type. This merge-and-discriminate pattern avoids mounting additional Three.js geometries and keeps the globe's render loop single-pass.

Tech Stack

🌐

Globe renderer

globe.gl + Three.js WebGL

🌍

Earth texture

NASA Blue Marble Night (unpkg CDN)

Patch geometry

Hardcoded GeoJSON Polygon features

🔴

Plastic data

80+ hardcoded points — survey literature + Ocean Cleanup

🪸

Bleaching data

40 events — NOAA Coral Reef Watch 2024

🌊

Gyre arcs

5 gyres × 4 arc segments, globe.gl arcsData()

🌡

SST anomalies

60 points — NOAA OISST / Copernicus 2024

🗺

Country borders

Natural Earth 110m — 177 countries, hover/click interactive

📐

Framework

Next.js App Router — dynamic import (no SSR)

🎨

Colour scheme

Deep red / orange / pink / thermal ramp on #000 background

Animation

Gyre arc dash (5s), bleaching altitude pulse (800ms)

The Five Ocean Garbage Patches

PatchOceanArea (km²)Est. PlasticDiscovered
Great PacificNorth Pacific1,600,00080,000 t1997
North AtlanticNorth Atlantic700,00030,000 t2010
South PacificSouth Pacific500,00025,000 t2011
Indian OceanIndian Ocean500,00020,000 t2010
South AtlanticSouth Atlantic400,00018,000 t2015

Key 2024 Bleaching Events

Reef / LocationOcean% BleachedAlert Level
Great Barrier Reef — NorthernCoral Sea95%Alert 2
Flower Garden BanksGulf of Mexico96%Alert 2
Florida Keys — UpperAtlantic97%Alert 2
Hawaii — West MauiPacific100%Alert 2
Maldives — North AtollIndian Ocean94%Alert 2
Red Sea — Saudi Arabia N.Red Sea92%Alert 2
Micronesia — PohnpeiPacific90%Alert 2
Thailand — Surin IslandsAndaman Sea90%Alert 2

Data Attribution

  • NOAA Coral Reef Watch: Coral bleaching alert levels (Watch / Warning / Alert 1 / Alert 2), 2024 global mass bleaching declaration. Free public dataset.
  • International Coral Reef Initiative (ICRI): Co-declaration of the 4th Global Mass Bleaching Event, March 2024. Reef-level bleaching percentage estimates.
  • The Ocean Cleanup / GESAMP: Plastic density estimates per garbage patch zone and river outflow hotspot rankings. Published 2021–2023.
  • NOAA OISST v2 / Copernicus Marine Service: 2024 sea surface temperature anomaly data vs. 1991–2020 baseline. North Atlantic +3°C anomaly confirmed records.
  • Oceanographic literature: Garbage patch polygon outlines approximate boundaries from published coordinates (Law et al. 2010, Lebreton et al. 2018). Not exact legal or regulatory boundaries.