Interaktive Datenvisualisierung mit Opus 5 und D3

X-PostLee KnowltonDemo

Lee Knowlton ließ das KI-Modell Opus 5 einen Datensatz zertifizierter Laufserien per D3 visualisieren. Das Modell erstellte daraufhin eine interaktive Weltkarte und mehrere detaillierte Diagramme.

Das Wichtigste

  1. Der Entwickler übergab Opus 5 einen vollständigen Datensatz zertifizierter Laufserien (Running Streaks).
  2. Die Anweisung forderte das Modell auf, mithilfe der JavaScript-Bibliothek D3 eine ansprechende Datenvisualisierung zu generieren.
  3. Das Ergebnis umfasst unter anderem eine interaktive Weltkarte, einen Graphen zur Lebensdauer von Laufserien sowie Analysen von Start- und Enddaten.

Warum das relevant ist

Das Beispiel veranschaulicht, wie moderne KI-Modelle wie Opus 5 komplexe Daten analysieren und direkt lauffähigen Code für anspruchsvolle, interaktive Frontend-Visualisierungen erzeugen können.

Einordnung

Große Sprachmodelle werden zunehmend fähig, visuelle Datenexplorationswerkzeuge auf Basis von D3 ohne manuelle Zwischenschritte zu programmieren. Knowltons Demonstration zeigt, dass Opus 5 komplexe zeitliche und geografische Datenstrukturen erfassen und in passende UI-Komponenten übersetzen kann.

Original-Post

Lee Knowlton

@leeknowlton · 4. August 2026

I gave Opus 5 a dataset of every certified running streak (including my own) and told it to use D3 to make a striking data visualization. It made an interactive global map, lifespan running graph, start/end date analysis, and much more. Incredible. (approach and links below) t.co/wlx6ZhbvNw

216 Likes7 Antworten353 Lesezeichen60.857 Aufrufe

Auf X ansehen

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • X-Post:Eric Buess

    Code-basierte Videoerstellung und 3D-Szenen mit Opus 5.5

    Eric Buess dokumentiert eine Reihe von Community-Projekten, die demonstrieren, wie Opus 5.5 und Claude Code zur Erstellung von Videos, 3D-Visualisierungen und interaktiven Animationen eingesetzt werden – oft rein über generierten Code statt über traditionelle Bild- oder Videogeneratoren.

    176Lesezeichen77.339Aufrufe

    KI & AI· Demo

  • X-Post:Eric Buess

    Kreative Visualisierungen und 3D-Projekte mit Claude Opus 5.5

    Eric Buess kuratiert eine Reihe von Community-Projekten, die zeigen, wie Claude Opus 5.5 für programmatische Animationen, 3D-Modelle und Videoerstellung genutzt wird – oft rein über Code statt herkömmlicher Bildgeneratoren.

    337Lesezeichen79.948Aufrufe

    KI & AI· Sammlung

  • X-Post:Rafal Wilinski

    Erstellung von Marketing-Websites und SVGs mit Opus

    Rafal Wilinski demonstriert eine Marketing-Website und hebt hervor, dass sowohl das Webdesign als auch die SVG-Grafiken vollständig mit dem Modell Opus erstellt wurden.

    1295Lesezeichen142.695Aufrufe

    KI & AI· Demo

  • X-Post:Meng To

    ThreeUI und Opus 5: 3D-Webseiten per Videoreferenz und Code-Generierung

    Designer Meng To nutzt Claude Opus 5, um auf Basis von Videoreferenzen interaktive 3D-Produktseiten in three.js oder Blender zu generieren. Sein quelloffenes Komponenten-Projekt ThreeUI erreicht nach wenigen Tagen hohe Abrufzahlen.

    2412Lesezeichen228.543Aufrufe

    KI & AI· News

  • X-Post:▫️Jubayer

    OpsLoop-Dashboard in Next.js mit Opus 5.5 und Design-Skills umgesetzt

    Entwickler Jubayer demonstriert ein innerhalb eines Tages erstelltes Dashboard in Next.js. Für die Umsetzung nutzte er das KI-Modell Opus 5.5 in Kombination mit spezialisierten Design- und UI-Skills von skills.sh.

    614Lesezeichen22.827Aufrufe

    KI & AI· Demo

Lassen Sie uns über Ihr Projekt sprechen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.