ChatGPT API for Frontier GPT 5.6 Reasoning

Bouw één zelfstandig HTML-bestand (alleen inline CSS en JavaScript — absoluut geen externe libraries, CDNs, frameworks, fonts of image URLs) dat direct in elke moderne browser opent en een levend, zichzelf uitbreidend ecosysteemsimulator voor een glazen kas draait, volledig gerenderd als platte Canvas/SVG-vectorillustratie. De scène vult de volledige viewport en toont een koepelvormige Victoriaanse kas: een gebogen glazen cupola loopt als kadrerend element over de bovenkant, met ruiten getekend als doorschijnende jadegroene polygonen met zachte spiegelende highlights en dunne roedelijnen, en langs de onderkant loopt een strook donkere kweekgrond. De art direction is strakke vectorillustratie — bladeren en stengels getekend met scherpe nervencontouren plus halftransparante gelaagde vullingen, een palet gebaseerd op mistig saliegroen en mosbruin met amberkleurig zonlicht en jadeglas-accenten; geen fotorealisme, geen gradients-as-textures, houd het grafisch en handgetekend van gevoel. Kerninteractie: klikken op een willekeurige plek op de grond plant daar een zaadje, en de plant groeit in real time met een echt L-system — implementeer een recursieve herschrijfgrammatica (axioma plus productieregels met vertakkingshaakjes en gerandomiseerde hoek-/lengtevariatie per instantie, zodat geen twee planten identiek zijn) en animeer de afleiding zodat takken zich uitstrekken, vertakken en bladeren geleidelijk over enkele seconden ontvouwen in plaats van volledig gevormd te verschijnen. Tropische varens en klimplanten moeten fototropisch buigen en krullen naar een versleepbare zon: render een gloeiende amberkleurige zonneschijf die de gebruiker kan pakken en overal in de lucht kan verslepen, en elke groeiende top moet zijn groeirichting continu heroriënteren naar de huidige positie van de zon, zodat het verslepen van de zon zichtbaar stuurt hoe de hele tuin overhelt en klimt. Zaailingen ontvouwen met een easing-animatie, en condensdruppels vormen zich op het glas en glijden langzaam in een loop omlaag. Stuur alles aan met een dag-nachtcyclus die gekoppeld is aan de positie van de zon: het omgevingslicht en de luchtkleur verschuiven soepel langs een warmgouden tot koelblauwe gradient, de positie van de zon bepaalt de richting en lengte van zachte plantenschaduwen op de vloer en de zwevende lichtvlekken over het glas, en bij schemering faden vuurvliegjes in als kleine pulserende lichtpuntjes die tussen het gebladerte drijven. De compositie laat plantengroei uitstralen vanaf de basis omhoog naar het midden, begrensd door de boog van de koepel. Gebruik requestAnimationFrame voor een doorlopende, rustig ademende animatieloop; houd de prestaties vloeiend met veel planten tegelijk op het scherm. Voeg subtiele, onopvallende bedieningselementen toe (bijv. een slider of automatisch voortschrijdende toggle voor het tijdstip van de dag, en een reset-/wissen-knop) die passen bij de geïllustreerde esthetiek, plus een hint van één regel die de gebruiker vertelt op de grond te klikken om te planten en de zon te verslepen om de groei te sturen. Maak het responsive voor elk vensterformaat, en geef het geheel een kalme, stille en levende emotionele toon — het eerste ochtendlicht dat schuin binnenvalt terwijl tere scheuten samen opengaan. Dit is een generatieve simulatie, geen game of dashboard: geef prioriteit aan het echte recursieve groeialgoritme, de animatieloop en de licht-/schaduw-/fototropismefysica.

Bouw een complete HTML-pagina in één bestand met een interactief wereldwijd dashboard voor startup funding, met fictieve maar intern consistente data voor 8 industry sectors over 5 years. Alle CSS en JavaScript moeten inline staan, zonder externe dependencies, geen chart libraries, geen CDNs, geen afbeeldingen. Render drie handmatig gecodeerde visualisaties op canvas of SVG: een geanimeerd staafdiagram dat met easing opnieuw sorteert wanneer de gebruiker een jaar kiest met een slider, een lijndiagram met hover-tooltips die exacte waarden tonen en een verticale volgindicator, en een donutdiagram waarvan segmenten bij hover uitzetten met een spring-animatie. Voeg een donkere moderne UI toe met een violet-naar-teal accentpalet, geanimeerde tellers in vier KPI-statkaarten, een sectorfilterrij met toggle chips die alle grafieken direct bijwerkt, en een light/dark theme switch met vloeiende kleurovergangen. De layout moet responsive zijn, onder 768px naar één kolom inklappen, en elke interactie moet in real time reageren zonder page reloads.