ChatGPT API for Frontier GPT 5.6 Reasoning

Zbuduj pojedynczy, samowystarczalny plik HTML (wyłącznie inline CSS i JavaScript — absolutnie bez zewnętrznych bibliotek, CDN-ów, frameworków, fontów ani adresów URL obrazów), który otwiera się bezpośrednio w dowolnej nowoczesnej przeglądarce i uruchamia żywy, samorozrastający się symulator ekosystemu szklanej szklarni, renderowany w całości jako płaska ilustracja wektorowa Canvas/SVG. Scena na cały viewport przedstawia kopułową wiktoriańską szklarnię: zakrzywiona szklana kopuła łukiem przecina górę jako element ramujący, jej tafle są narysowane jako półprzezroczyste jadeitowozielone wielokąty z miękkimi refleksami i cienkimi obrysami szczeblin, a wzdłuż dołu biegnie pas ciemnej ziemi uprawnej. Kierunek artystyczny to czysta ilustracja wektorowa — liście i łodygi rysowane ostrymi liniami żyłek oraz półprzezroczystymi, warstwowymi wypełnieniami, paleta oparta na mglistym szałwiowym zielonym i mchowym brązie z bursztynowym światłem słonecznym oraz akcentami jadeitowego szkła; bez fotorealizmu, bez gradientów używanych jako tekstury, zachowaj graficzny, ręcznie ilustrowany charakter. Główna interakcja: kliknięcie w dowolnym miejscu ziemi sadzi w tym punkcie nasiono, a roślina rośnie w czasie rzeczywistym z użyciem rzeczywistego L-system — zaimplementuj rekurencyjną gramatykę przepisywania (aksjomat plus reguły produkcji z nawiasami rozgałęzień oraz losowym odchyleniem kąta/długości dla każdej instancji, tak aby żadne dwie rośliny nie były identyczne) i animuj wyprowadzanie, aby gałęzie wydłużały się, rozdwajały i stopniowo rozwijały liście przez kilka sekund, zamiast pojawiać się od razu w pełnej formie. Tropikalne paprocie i pnącza powinny fototropicznie wyginać się i zawijać w stronę przeciąganego słońca: wyrenderuj świecący bursztynowy dysk słońca, który użytkownik może chwycić i przeciągnąć w dowolne miejsce na niebie, a każdy rosnący wierzchołek musi stale przeorientowywać kierunek wzrostu ku aktualnej pozycji słońca, aby przeciąganie słońca wyraźnie sterowało tym, jak cały ogród pochyla się i wspina. Siewki rozwijają się z animacją easing, a krople kondensacji tworzą się na szkle i powoli zsuwają w pętli. Steruj całością cyklem dnia i nocy powiązanym z pozycją słońca: oświetlenie otoczenia i poświata nieba płynnie przechodzą po gradiencie od ciepłego złota do chłodnego błękitu, położenie słońca wyznacza kierunek i długość miękkich cieni roślin rzucanych na podłogę oraz dryfujących plam światła na szkle, a o zmierzchu świetliki łagodnie pojawiają się jako małe, pulsujące punkty światła unoszące się wśród listowia. Kompozycja promieniuje wzrostem roślin od podstawy ku górze, w stronę środka, zamknięta łukiem kopuły. Użyj requestAnimationFrame do ciągłej, spokojnie oddychającej pętli animacji; utrzymaj płynną wydajność przy wielu roślinach widocznych jednocześnie. Dodaj subtelne, nienachalne kontrolki (np. suwak lub automatycznie przesuwany przełącznik pory dnia oraz przycisk resetowania/czyszczenia) stylizowane zgodnie z ilustracyjną estetyką, a także jednowierszową podpowiedź informującą użytkownika, by kliknął ziemię, aby posadzić roślinę, i przeciągnął słońce, aby kierować wzrostem. Dopasuj widok responsywnie do dowolnego rozmiaru okna i nadaj mu spokojny, nieruchomy, a zarazem żywy nastrój — pierwsze poranne światło wpada pod skosem, gdy delikatne pędy otwierają się razem. To symulacja generatywna, nie gra ani dashboard: priorytetem są prawdziwy rekurencyjny algorytm wzrostu, pętla animacji oraz fizyka światła/cienia/fototropizmu.

Zbuduj kompletną, jednoplikową stronę HTML zawierającą interaktywny dashboard globalnego finansowania startupów z fikcyjnymi, lecz wewnętrznie spójnymi danymi dla 8 sektorów branżowych na przestrzeni 5 lat. Cały CSS i JavaScript muszą być inline, bez żadnych zewnętrznych zależności, bez bibliotek wykresów, CDN-ów ani obrazów. Wyrenderuj trzy ręcznie zakodowane wizualizacje na canvas lub SVG: animowany wykres słupkowy, który sortuje się ponownie z easingiem, gdy użytkownik wybierze rok na suwaku, wykres liniowy z tooltipami po najechaniu pokazującymi dokładne wartości i pionową prowadnicą śledzącą, oraz wykres donut, którego segmenty rozszerzają się po najechaniu z animacją sprężynową. Dodaj ciemny, nowoczesny UI z paletą akcentów od fioletu do turkusu, animowane liczniki liczb w czterech kartach statystyk KPI, wiersz filtrów sektorów w formie przełączanych chipów, który natychmiast aktualizuje wszystkie wykresy, oraz przełącznik motywu jasny/ciemny z płynnymi przejściami kolorów. Układ musi być responsywny i poniżej 768px zwijać się do jednej kolumny, a każda interakcja musi reagować w czasie rzeczywistym bez przeładowania strony.