whatisgithub

What is uk-grid-atlas?

jacobwright32/uk-grid-atlas — explained in plain English

Analysis updated 2026-05-18

0JavaScriptAudience · generalComplexity · 2/5Setup · easy

In one sentence

An interactive dark-mode map of power generation, transmission lines, and live grid output across the UK, Europe, and the US.

Mindmap

mindmap
  root((Grid Atlas))
    What it does
      Power plant map
      Transmission lines
      Live grid output
    Tech stack
      React
      TypeScript
      Vite
      MapLibre GL JS
    Use cases
      Explore power infrastructure
      Track live generation
      Deploy your own map
    Audience
      Energy enthusiasts
      Developers
      General public

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Explore where power plants, wind farms, and transmission lines are located across multiple countries

USE CASE 2

Check near-live electricity generation and international power flows for the UK and parts of Europe

USE CASE 3

Deploy your own copy of the map to a free static host for free, key-less use

What is it built with?

ReactTypeScriptViteMapLibre GL JS

How does it compare?

jacobwright32/uk-grid-atlas00kaku/gallery-slider-block0xkinno/vellum
Stars00
LanguageJavaScriptJavaScriptJavaScript
Last pushed2021-05-19
MaintenanceDormant
Setup difficultyeasyeasyhard
Complexity2/52/54/5
Audiencegeneralgeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Pre-built map data ships with the repo, so npm install and npm run dev work with no network access or API keys.

So what is it?

Grid Atlas is an interactive, dark themed map that shows how electricity grids work across Great Britain, ten other European countries, and the United States, plus a combined transatlantic view. It plots tens of thousands of power generation sites, from nuclear and gas plants to offshore wind farms and battery storage, each sized by how much power it can produce and colored by fuel type. Hovering over a site shows its capacity, operator, and when it started running. On top of the generation sites, the map shows each country high voltage transmission network, styled by voltage level, along with the international HVDC power cables that connect grids together, including links that are still under construction. A legend lets you toggle any fuel type or network layer on or off, and the totals on screen update to match what is currently visible. For Great Britain and six other European grids, the map can also show live output: what each power station is scheduled to generate right now, the most recent fully measured day of output with a chart of how it changed through the day, live flows on the international power cables, and an overall mix of how the country is generating power at that moment. This live data comes from free, publicly available grid operator sources fetched directly in the browser, refreshed regularly through an automated process. The site itself is a fully static web app built with React, TypeScript, Vite, and the MapLibre mapping library, so it needs no server or API keys to run. You can run it locally with npm, build it for deployment to any static host such as GitHub Pages, Netlify, or Cloudflare Pages, or even generate a single self contained HTML file that works entirely offline. The underlying map data comes from OpenStreetMap and other public sources and ships pre built with the project, though scripts are included to refresh it from source. Adding a new country is described as roughly an afternoon of configuration rather than a large project.

Copy-paste prompts

Prompt 1
Show me how to run Grid Atlas locally with npm and view it in my browser
Prompt 2
Explain how Grid Atlas gets its live GB and European generation data without needing an API key
Prompt 3
Help me deploy Grid Atlas to GitHub Pages or Cloudflare Pages
Prompt 4
Walk me through adding a new country's grid data to Grid Atlas using build-data.mjs

Frequently asked questions

What is uk-grid-atlas?

An interactive dark-mode map of power generation, transmission lines, and live grid output across the UK, Europe, and the US.

What language is uk-grid-atlas written in?

Mainly JavaScript. The stack also includes React, TypeScript, Vite.

How hard is uk-grid-atlas to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is uk-grid-atlas for?

Mainly general.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.