Matthias Stahl

Matthias Stahl

@higsch.com

| Husband & dad^3 | head data & visualizations at @spiegel.de | #Svelte and #D3 | biochemistry & computational biology PhD | 🇸🇪🇩🇪🇪🇺 | https://spiegel.de/duv | https://higsch.com

4.8K followers1.2K following705 posts

Matthias Stahl reposted

Kristin Baumann
@kristin-baumann.bsky.social

I designed & coded an interactive archive of Germany’s richest people for the Manager Magazin. It started with 25 years of data and a puzzle. Which entries belong to the same person or family? A matching pipeline and a review tool for the editors made it possible. 🔗 See link in comment. #dataviz

Matthias Stahl
@higsch.com

A little bit of a shift towards the Democrats now visible. 🎁: www.spiegel.de/ausland/so-s...

Matthias Stahl@higsch.com

The US midterm elections are also relevant to German speaking readers. 🇺🇸🇩🇪 From today on we show the current ratings from The Cook Political Report in our @spiegel.de polls and expert opinion tracker. ➡️ Gift link: www.spiegel.de/ausland/so-s...

Matthias Stahl reposted

Marcel Pauly
@marcelpauly.de

Wir haben mal wieder die Nebeneinkünfte der Bundestagsabgeordneten ausgewertet: www.spiegel.de/politik/deut... In der Vergangenheit lief das so: regelbasiertes Parsing der Freitextangaben, viel Regex, viel Fluchen. Diesmal haben wir ein LLM-gestütztes Parsing genutzt – und sehr viel gelernt. 1/18

spiegel.de(S+) Gehälter, Gewinne, Mieteinnahmen: Wie viel verdient Ihr Bundestagsabgeordneter nebenbei?Insgesamt mehr als zehn Millionen Euro haben die Parlamentarier seit Beginn der Wahlperiode neben ihrer politischen Arbeit verdient. Kommen sich Nebenjobs und Volksvertretung in die Quere?

Matthias Stahl reposted

Ann-Katrin Müller
@akm0803.bsky.social

Dieses Bild hat dann doch einen Platz in meiner Timeline verdient. Danke, @heygster.bsky.social, fürs schiessen & dann zur Hilfe kommen. Danke an alle für die Soli! Die ist viel wichtiger als der ganze Hass und die Gewaltphantasien. Und wird nichts daran ändern, dass ich diese Arbeit weiter mache!

Matthias Stahl reposted

Datavis Berlin
@datavis.berlin

📊 #datavis #job: Redakteur (m/w/d) Interaktive Entwicklung at SPIEGEL-Gruppe: jobs.spiegelgruppe.de/Vacancies/13... via bsky.app/profile/higs... @higsch.com

jobs.spiegelgruppe.deRedakteur (m/w/d) Interaktive Entwicklung - Ausschreibung
Matthias Stahl@higsch.com

We are hiring and looking for a creator and developer of interactive news apps. German language required. Please share and dm me, if you have any questions. jobs.spiegelgruppe.de/Vacancies/13...

jobs.spiegelgruppe.deRedakteur (m/w/d) Interaktive Entwicklung - Ausschreibung

Matthias Stahl reposted

abgeordnetenwatch
@abgeordnetenwatch.de

Replying to @abgeordnetenwatch.de

* 21.000 Trades – in diese Aktien hat Donald Trump Milliarden investiert (SPIEGEL) www.spiegel.de/wirtschaft/d...

spiegel.de(S+) 21.000 Trades – in diese Aktien hat Donald Trump Milliarden investiertDonald Trumps Broker haben im vergangenen Jahr kräftig an der Börse spekuliert. Wir haben ausgewertet, welche Aktien für ihn gekauft wurden und wo diese auffällig von seiner Politik profitiert haben.

Matthias Stahl reposted

Marcel Pauly
@marcelpauly.de

Ann-Kathrin Leclère über die mutmaßlich geklauten NSDAP-Daten bei Correctiv und Katapult: „Datenjournalismus muss ausgebaut und finanziert werden. Gute Datenrecherchen entstehen nicht nebenbei. Sie brauchen Fachwissen, technische Infrastruktur und genügend Zeit für Kontrolle.“ taz.de/NSDAP-Mitgli...

taz.deCorrectiv und NSDAP-Mitgliederkartei: Copy and WasteKatapult und Correctiv wollten die Suche im NSDAP-Archiv schnell zugänglich machen – ohne Bezahlschranke. Dabei haben sie die Quellenprüfung vergessen.
Marcel Pauly@marcelpauly.de

Wer sich in den vergangenen Wochen etwas mit der NSDAP-Mitgliederkartei beschäftigt hat, musste irritiert sein vom Stunt von Correctiv und Katapult. Viel zu spät haben die Medienhäuser begriffen, was sie da am Dienstag rausgehauen haben. Nun mussten sie ihre Veröffentlichungen zurückziehen. 1/12

Matthias Stahl
@higsch.com

Anyone here who succeeded to track their cat with AirTag + Home Assistant? 😇🐈 Apparently, it’s not that easy to integrate AirTag signals.

Matthias Stahl reposted

Marcel Pauly
@marcelpauly.de

Wer sich in den vergangenen Wochen etwas mit der NSDAP-Mitgliederkartei beschäftigt hat, musste irritiert sein vom Stunt von Correctiv und Katapult. Viel zu spät haben die Medienhäuser begriffen, was sie da am Dienstag rausgehauen haben. Nun mussten sie ihre Veröffentlichungen zurückziehen. 1/12

Matthias Stahl
@higsch.com

You might have noted that we visualize constituencies and their winners as cartogram. We do this with a similar technique that @driven-by-data.net has already used last year. The method is based on centroids, Delaunay tessellation and a force directed graph layout.

Matthias Stahl@higsch.com

Tonight we’ve covered the election in the state of Baden-Württemberg. www.spiegel.de/politik/deut...

View full thread
Matthias Stahl
@higsch.com

And for the list votes? Well, we do not rely any more on constituency data level here. We now show the live data at the level of municipalities. Here a screenshot, when first pieces of data came in.

Matthias Stahl
@higsch.com

You might have noted that we visualize constituencies and their winners as cartogram. We do this with a similar technique that @driven-by-data.net has already used last year. The method is based on centroids, Delaunay tessellation and a force directed graph layout.

Matthias Stahl@higsch.com

Tonight we’ve covered the election in the state of Baden-Württemberg. www.spiegel.de/politik/deut...

Matthias Stahl
@higsch.com

Inspiration: bsky.app/profile/driv...

Gregor Aisch@driven-by-data.net

For the German election we wanted to use a cartogram of German election districts but didn't find anything good, so we created our own. Here's a little nerd thread how the final algorithm worked 🤓 🧵 #gis #cartogram #election #datavis #cartography

Matthias Stahl
@higsch.com

Arrived at Dagstuhl castle for an intense week on data visualization for biology! 📊🧬 Really looking forward to this week among so many fascinating scientists!

Matthias Stahl
@higsch.com

🫢

Datawrapper@datawrapper.de

The latest Data Vis Dispatch brings you a final round of Winter Olympics visualizations. ❄️🧣 Find these and much more on our blog. 👇 www.datawrapper.de/blog/data-vi...

Matthias Stahl
@higsch.com

And yes, we also provide you with the knitting patterns for all Olympic countries! 🧶🧶🧶

Matthias Stahl@higsch.com

We visualize the Olympic medal count as Norwegian-style scarf. :) 📊 Check out how Germany looks like and generate your own scarf – including download of the knitting pattern.

Matthias Stahl reposted

Matthias Stahl
@higsch.com

We visualize the Olympic medal count as Norwegian-style scarf. :) 📊 Check out how Germany looks like and generate your own scarf – including download of the knitting pattern.

Matthias Stahl reposted

Sonja Kuijpers | STUDIO TERP
@sonjakuijpers.bsky.social

Heel mooie datavisualisatie door @spiegel.de van de Olympische Spelen in Noorse stijl: alle behaalde medailles in een sjaal (onderaan artikel kan je per land bekijken)

Patrick Stotz@patrickstotz.bsky.social

Who says you can't offer the medal table as a knitting pattern for people to knit themselves? #dataviz gift link: www.spiegel.de/sport/olympi...

Matthias Stahl reposted

Lauren Klein
@laurenfklein.bsky.social

Today's viz inspo

Matthias Stahl@higsch.com

We visualize the Olympic medal count as Norwegian-style scarf. :) 📊 Check out how Germany looks like and generate your own scarf – including download of the knitting pattern.

Matthias Stahl
@higsch.com

Have you seen our Olympic medal count visualization? BTW: To generate the Olympic medal scarfs, we render it on HTML canvas. A powerful drawing technology, but inherently non-interactive. We wanted the medals to be clickable. So: How do you render an interactive canvas? A technical deep-dive #Svelte

View full thread
Matthias Stahl
@higsch.com

Have you seen our Olympic medal count visualization? BTW: To generate the Olympic medal scarfs, we render it on HTML canvas. A powerful drawing technology, but inherently non-interactive. We wanted the medals to be clickable. So: How do you render an interactive canvas? A technical deep-dive #Svelte

View full thread
Matthias Stahl
@higsch.com

<Canvas> itself is another Svelte component that makes it possible to describe canvas content in a descriptive way. That's what we call renderless components. We have already used this principle in this open-sourced story code here: github.com/spiegelgraph...

github.comgutachten/src/components/visualization/Canvas.svelte at main · spiegelgraphics/gutachtenVisualization of the AfD report. Contribute to spiegelgraphics/gutachten development by creating an account on GitHub.
Matthias Stahl
@higsch.com

Have you seen our Olympic medal count visualization? BTW: To generate the Olympic medal scarfs, we render it on HTML canvas. A powerful drawing technology, but inherently non-interactive. We wanted the medals to be clickable. So: How do you render an interactive canvas? A technical deep-dive #Svelte

View full thread
Matthias Stahl
@higsch.com

Within InteractiveCanvas.svelte we build up two canvases where the first is the real visible canvas, the knitting pattern. And the second is the identification canvas. Invisible to the users, but crucial for the event handlers.

Matthias Stahl
@higsch.com

Have you seen our Olympic medal count visualization? BTW: To generate the Olympic medal scarfs, we render it on HTML canvas. A powerful drawing technology, but inherently non-interactive. We wanted the medals to be clickable. So: How do you render an interactive canvas? A technical deep-dive #Svelte

View full thread
Matthias Stahl
@higsch.com

When a user now hovers or clicks over a medal, we're asking for the color beneath the pointer. So, for example, we know that the user is hovering over the red shade rgb(144,1,0). Then we take our look-up table and find out which medal that is.

Matthias Stahl
@higsch.com

Have you seen our Olympic medal count visualization? BTW: To generate the Olympic medal scarfs, we render it on HTML canvas. A powerful drawing technology, but inherently non-interactive. We wanted the medals to be clickable. So: How do you render an interactive canvas? A technical deep-dive #Svelte

Matthias Stahl
@higsch.com

A canvas is a drawing area in the browser where you add your image pixel by pixel. In contrast to SVG, there are no ready-to-use elements such as circles and lines. And so you also cannot put click handlers on elements – like our medal visualizations.

Matthias Stahl
@higsch.com

What you can do: Add a second, invisible canvas that only shows the medals. Each in a unique color. Under the hood, you know, which color stands for which medal. So here, we use different shades of red for each medal.