Strommix & CO₂-Emissionen in Deutschland

Eine interaktive Datenvisualisierung, die zeigt, wie sich der deutsche Strommix von 2015 bis 2024 verändert hat und wie unterschiedlich die einzelnen Energieträger zu den direkten CO₂-Emissionen beitragen.

Über das Projekt

Der Sommer 2026 hat noch einmal sehr deutlich gemacht, dass die Klimakrise längst Gegenwart ist. Gleichzeitig werden die Veränderungen der Energieversorgung auch im Alltag immer sichtbarer: Auf mehr Dächern liegen Solaranlagen, neue Windparks entstehen und gerade hier in der Harzregion bekomme ich mit, wie kontrovers über ihren Ausbau diskutiert wird.

Ich beschäftige mich auch außerhalb des Studiums viel mit der Energiewende und dem Strommarkt. Für dieses Projekt wollte ich deshalb genauer verstehen, wie sich der deutsche Strommix in den vergangenen Jahren tatsächlich verändert hat. Mich interessierte dabei nicht nur, wie viel Strom aus Wind, Sonne, Kohle oder Gas kommt, sondern auch, wie stark die einzelnen Energieträger zu den direkten CO₂-Emissionen beitragen.

Daraus entstand die Anwendung Die Klimabilanz des deutschen Stroms. Sie zeigt die Entwicklung der deutschen Stromerzeugung von 2015 bis 2024 und stellt den Anteil einzelner Energieträger an der Stromerzeugung ihrem Anteil an den direkten CO₂-Emissionen gegenüber.

Daten & Umsetzung

Als Datengrundlage habe ich die stündlichen Erzeugungsdaten von SMARD, der Strommarktdatenplattform der Bundesnetzagentur, verwendet und mit Emissionsfaktoren des Umweltbundesamts kombiniert.

Die Daten habe ich zunächst aufbereitet, geprüft und zu Monats- und Jahreswerten zusammengefasst. Anschließend habe ich daraus mehrere interaktive Visualisierungen entwickelt. Umgesetzt wurde die Anwendung mit Nuxt, Vue, TypeScript und D3.js.

Mir war dabei wichtig, die Energiedaten so aufzubereiten, dass Veränderungen und Zusammenhänge möglichst schnell verständlich werden.

Die Anwendung

Die Anwendung besteht aus drei Bereichen:

Strommix vergleicht die Anteile der einzelnen Energieträger zwischen 2015 und 2024. Beim Überfahren der Balken werden zusätzliche Werte angezeigt, außerdem lassen sich erneuerbare, fossile und nukleare Energieträger einzeln filtern.

Entwicklung zeigt den monatlichen Verlauf der Stromerzeugung von 2015 bis 2024. Dabei kann zwischen absoluten Werten in TWh und einer prozentualen Ansicht gewechselt werden. Einzelne Energieträger lassen sich hervorheben. Zusätzlich ordnen ausgewählte Ereignisse wie der Atomausstieg oder der Beginn des russischen Angriffskriegs gegen die Ukraine Veränderungen im Zeitverlauf ein.

CO₂-Vergleich stellt für jedes Jahr den Anteil eines Energieträgers an der Stromerzeugung seinem Anteil an den direkten CO₂-Emissionen gegenüber. Über einen Regler kann zwischen 2015 und 2024 gewechselt und die Darstellung nach Kategorie oder Klimawirkung sortiert werden.

Außerdem gibt es einen kontrastreicheren Darstellungsmodus und verschiedene Zoomstufen.

Projekt ausprobieren

Der vollständige Code ist auf GitHub unter https://github.com/pachama-ai/data-vis verfügbar. Zum lokalen Starten wird Bun benötigt.

bun install

bun run dev -o

Die bereits aufbereiteten Datendateien sind im Repository enthalten, sodass die SMARD-Daten nicht erneut heruntergeladen werden müssen.

KI-Unterstützung

Bei der technischen Umsetzung habe ich ChatGPT, Claude und Gemini als Unterstützung genutzt. Vor allem bei Fragen zu D3, Vue und TypeScript, bei der Fehlersuche und beim Vergleich verschiedener Lösungswege waren die Modelle für mich hilfreich.

Dazu gehörten unter anderem die Aufbereitung und Aggregation der SMARD-Daten, der Umgang mit Zeitstempeln und fehlenden Werten sowie einzelne technische Fragen zu den interaktiven Diagrammen.

Quellen & Credits

Stromerzeugungsdaten: Bundesnetzagentur – SMARD, Strom- und Gasmarktdaten

CO₂-Emissionsfaktoren: Umweltbundesamt – P. Icha und T. Lauf, Entwicklung der spezifischen Treibhausgas-Emissionen des deutschen Strommix in den Jahren 1990–2025, 2026

Historische Ereignisse und Hintergrundinformationen: UNFCCC, Deutscher Bundestag, Bundesregierung sowie Bundesministerien

Technologien: Nuxt · Vue · TypeScript · D3.js · Bun

Andere Projekte