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
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.
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.
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.
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.
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.
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).
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.
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
| Patch | Ocean | Area (km²) | Est. Plastic | Discovered |
|---|---|---|---|---|
| Great Pacific | North Pacific | 1,600,000 | 80,000 t | 1997 |
| North Atlantic | North Atlantic | 700,000 | 30,000 t | 2010 |
| South Pacific | South Pacific | 500,000 | 25,000 t | 2011 |
| Indian Ocean | Indian Ocean | 500,000 | 20,000 t | 2010 |
| South Atlantic | South Atlantic | 400,000 | 18,000 t | 2015 |
Key 2024 Bleaching Events
| Reef / Location | Ocean | % Bleached | Alert Level |
|---|---|---|---|
| Great Barrier Reef — Northern | Coral Sea | 95% | Alert 2 |
| Flower Garden Banks | Gulf of Mexico | 96% | Alert 2 |
| Florida Keys — Upper | Atlantic | 97% | Alert 2 |
| Hawaii — West Maui | Pacific | 100% | Alert 2 |
| Maldives — North Atoll | Indian Ocean | 94% | Alert 2 |
| Red Sea — Saudi Arabia N. | Red Sea | 92% | Alert 2 |
| Micronesia — Pohnpei | Pacific | 90% | Alert 2 |
| Thailand — Surin Islands | Andaman Sea | 90% | 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.