ChatGPT API for Frontier GPT 5.6 Reasoning

Crie um único ficheiro HTML autónomo (apenas CSS e JavaScript inline — absolutamente sem bibliotecas externas, CDNs, frameworks, fontes ou URLs de imagens) que abra diretamente em qualquer navegador moderno e execute um simulador vivo e autocrescente de ecossistema de estufa de vidro, renderizado inteiramente como ilustração vetorial plana em Canvas/SVG. A cena em ecrã completo é uma estufa vitoriana abobadada: uma cúpula curva de vidro atravessa o topo como elemento de enquadramento, com os seus painéis desenhados como polígonos translúcidos verde-jade, realces especulares suaves e contornos finos de caixilhos, e uma faixa de solo escuro de cultivo ao longo da parte inferior. A direção artística é de ilustração vetorial limpa — folhas e caules desenhados com contornos nítidos de linhas de nervuras e preenchimentos em camadas semitransparentes, uma paleta assente em verde-sálvia enevoado e castanho-musgo, com luz solar âmbar e apontamentos de vidro-jade; sem fotorrealismo, sem gradientes usados como texturas, mantendo uma sensação gráfica e ilustrada à mão. Interação principal: clicar em qualquer ponto do solo planta uma semente nesse local, e a planta cresce em tempo real usando um L-system real — implemente uma gramática recursiva de reescrita (axioma mais regras de produção com parênteses de ramificação e variações aleatórias de ângulo/comprimento por instância, para que nenhuma planta seja idêntica) e anime a derivação para que os ramos se estendam, bifurquem e desdobrem folhas progressivamente ao longo de alguns segundos, em vez de aparecerem já totalmente formados. Fetos tropicais e trepadeiras devem dobrar-se e enrolar-se fototropicamente em direção a um sol arrastável: renderize um disco solar âmbar brilhante que o utilizador possa agarrar e arrastar para qualquer ponto do céu, e cada ponta em crescimento deve reorientar continuamente a sua direção de crescimento para a posição atual do sol, de modo que arrastar o sol conduza visivelmente a inclinação e a escalada de todo o jardim. As plântulas desdobram-se com uma animação de easing, e gotículas de condensação formam-se no vidro e deslizam lentamente para baixo em loop. Controle tudo com um ciclo dia-noite ligado à posição do sol: a luz ambiente e a lavagem do céu transitam suavemente num gradiente de dourado quente para azul frio, a localização do sol define a direção e o comprimento das sombras suaves das plantas projetadas no chão e dos pontos de luz à deriva no vidro, e ao anoitecer os pirilampos surgem gradualmente como pequenos pontos de luz pulsantes a flutuar entre a folhagem. A composição irradia o crescimento das plantas da base para cima, em direção ao centro, contida pelo arco da cúpula. Use requestAnimationFrame para um loop de animação contínuo e discretamente vivo; mantenha o desempenho fluido com muitas plantas no ecrã ao mesmo tempo. Inclua controlos subtis e discretos (por exemplo, um slider ou alternador de avanço automático para a hora do dia, e um botão de reiniciar/limpar) estilizados para combinar com a estética ilustrada, além de uma dica de uma linha a dizer ao utilizador para clicar no solo para plantar e arrastar o sol para orientar o crescimento. Torne-o responsivo a qualquer tamanho de janela, e dê-lhe um tom emocional calmo, quieto e vivo — a primeira luz da manhã a entrar de lado enquanto rebentos tenros se abrem em conjunto. Isto é uma simulação generativa, não um jogo nem um dashboard: dê prioridade ao algoritmo genuíno de crescimento recursivo, ao loop de animação e à física de luz/sombra/fototropismo.

Crie uma página HTML completa de ficheiro único contendo um dashboard interativo de financiamento global de startups, com dados fictícios mas internamente consistentes para 8 setores industriais ao longo de 5 anos. Todo o CSS e JavaScript deve ser inline, sem quaisquer dependências externas, sem bibliotecas de gráficos, sem CDNs e sem imagens. Renderize três visualizações programadas manualmente em canvas ou SVG: um gráfico de barras animado que se reordena com easing quando o utilizador escolhe um ano num slider, um gráfico de linhas com tooltips ao passar o cursor que mostram valores exatos e uma guia vertical de acompanhamento, e um gráfico de donut cujos segmentos se expandem ao passar o cursor com uma animação de mola. Inclua uma UI moderna escura com uma paleta de acentos violeta-a-turquesa, contadores numéricos animados em quatro cartões de estatísticas KPI, uma linha de filtros de setor com toggle chips que atualiza instantaneamente todos os gráficos, e um seletor de tema claro/escuro com transições suaves de cor. O layout deve ser responsivo, colapsando para uma única coluna abaixo de 768px, e todas as interações devem responder em tempo real sem recarregar a página.