ChatGPT API for Frontier GPT 5.6 Reasoning

Erstelle eine einzelne, vollständig eigenständige HTML-Datei (nur Inline-CSS und JavaScript — absolut keine externen Bibliotheken, CDNs, Frameworks, Fonts oder Bild-URLs), die sich direkt in jedem modernen Browser öffnen lässt und einen lebendigen, selbst wachsenden Glass-Greenhouse-Ecosystem-Simulator ausführt, der komplett als flache Canvas/SVG-Vektorillustration gerendert wird. Die vollflächige Szene zeigt ein kuppelförmiges viktorianisches Gewächshaus: Eine gebogene Glaskuppel spannt sich als rahmendes Element über den oberen Bereich, ihre Scheiben sind als durchscheinende jadegrüne Polygone mit weichen Glanzlichtern und feinen Sprossenlinien gezeichnet, und am unteren Rand verläuft ein Streifen dunkler Kulturerde. Die Art Direction ist eine klare Vektorillustration — Blätter und Stängel mit präzisen Aderlinien und halbtransparenten, geschichteten Füllungen, eine Palette aus nebligem Salbeigrün und moosigem Braun mit bernsteinfarbenem Sonnenlicht und Jadeglas-Akzenten; kein Fotorealismus, keine Verläufe als Texturen, sondern grafisch und handillustriert im Eindruck. Kerninteraktion: Ein Klick irgendwo auf die Erde pflanzt an dieser Stelle einen Samen, und die Pflanze wächst in Echtzeit mithilfe eines echten L-Systems — implementiere eine rekursive Rewrite-Grammatik (Axiom plus Produktionsregeln mit Verzweigungsklammern und randomisiertem Winkel-/Längen-Jitter pro Instanz, sodass keine zwei Pflanzen identisch sind) und animiere die Ableitung so, dass Äste über einige Sekunden hinweg wachsen, sich verzweigen und Blätter entfalten, statt vollständig ausgeformt aufzutauchen. Tropische Farne und Kletterranken sollen sich phototrop zum ziehbaren Sonnenpunkt biegen und winden: Rendere eine leuchtende bernsteinfarbene Sonnenscheibe, die der Nutzer greifen und beliebig im Himmel ziehen kann, und jede wachsende Spitze muss ihre Wachstumsrichtung kontinuierlich an der aktuellen Position der Sonne ausrichten, sodass das Ziehen der Sonne sichtbar steuert, wie sich der gesamte Garten neigt und emporrankt. Keimlinge entfalten sich mit einer Easing-Animation, und Kondensationstropfen bilden sich auf dem Glas und gleiten langsam in einer Schleife nach unten. Steuere alles über einen Tag-Nacht-Zyklus, der an die Position der Sonne gekoppelt ist: Das Umgebungslicht und die Himmelsfärbung gleiten sanft entlang eines Verlaufs von warmem Gold zu kühlem Blau, die Position der Sonne bestimmt Richtung und Länge weicher Pflanzenschatten auf dem Boden sowie die wandernden Lichtflecken auf dem Glas, und in der Dämmerung blenden sich Glühwürmchen als kleine pulsierende Lichtpunkte ein, die zwischen dem Blattwerk treiben. Die Komposition lässt das Pflanzenwachstum von der Basis nach oben zur Mitte ausstrahlen, begrenzt durch den Bogen der Kuppel. Verwende requestAnimationFrame für eine kontinuierliche, leise atmende Animationsschleife; halte die Performance auch mit vielen Pflanzen gleichzeitig auf dem Bildschirm flüssig. Füge subtile, unaufdringliche Steuerelemente hinzu (z. B. einen Slider oder einen automatisch fortschreitenden Schalter für die Tageszeit sowie einen Reset-/Clear-Button), passend zum illustrierten Stil gestaltet, plus einen einzeiligen Hinweis, dass der Nutzer auf die Erde klicken soll, um zu pflanzen, und die Sonne ziehen soll, um das Wachstum zu lenken. Mache die Darstellung für jede Fenstergröße responsiv, und gestalte die emotionale Tonalität ruhig, still und lebendig — erstes Morgenlicht fällt schräg herein, während zarte Triebe gemeinsam aufgehen. Dies ist eine generative Simulation, kein Spiel und kein Dashboard: Priorisiere den echten rekursiven Wachstumsalgorithmus, die Animationsschleife sowie Licht-/Schatten- und Phototropismus-Physik.

Erstelle eine vollständige Single-File-HTML-Seite mit einem interaktiven globalen Startup-Funding-Dashboard mit fiktiven, aber in sich konsistenten Daten für 8 Branchen über 5 Jahre. Sämtliches CSS und JavaScript muss inline sein, ohne externe Abhängigkeiten, ohne Chart-Bibliotheken, ohne CDNs, ohne Bilder. Rendere drei handcodierte Visualisierungen auf Canvas oder SVG: ein animiertes Balkendiagramm, das sich mit Easing neu sortiert, wenn der Nutzer über einen Slider ein Jahr auswählt, ein Liniendiagramm mit Hover-Tooltips, die exakte Werte anzeigen, plus vertikaler Tracking-Hilfslinie, und ein Donut-Diagramm, dessen Segmente sich beim Hover mit einer Spring-Animation ausdehnen. Verwende eine dunkle moderne UI mit einer Akzentpalette von Violett bis Türkis, animierte Zahlenzähler in vier KPI-Stat-Cards, eine Sektorfilter-Zeile mit Toggle-Chips, die alle Diagramme sofort aktualisiert, sowie einen Hell-/Dunkel-Theme-Schalter mit sanften Farbübergängen. Das Layout muss responsiv sein, unterhalb von 768px auf eine einzelne Spalte umbrechen, und jede Interaktion muss in Echtzeit ohne Neuladen der Seite reagieren.