ChatGPT API for Frontier GPT 5.6 Reasoning

Crea un único archivo HTML autocontenido (solo CSS y JavaScript en línea; absolutamente sin bibliotecas externas, CDNs, frameworks, fuentes ni URLs de imágenes) que se abra directamente en cualquier navegador moderno y ejecute un simulador vivo y autoexpansivo de ecosistema de invernadero de cristal, renderizado por completo como ilustración vectorial plana en Canvas/SVG. La escena a pantalla completa es un invernadero victoriano abovedado: una cúpula curva de vidrio cruza la parte superior como elemento de encuadre, con paneles dibujados como polígonos translúcidos de verde jade, reflejos especulares suaves y finos contornos de montantes; una franja de tierra de cultivo oscura recorre la parte inferior. La dirección de arte es una ilustración vectorial limpia: hojas y tallos dibujados con líneas de nervadura nítidas y rellenos superpuestos semitransparentes, una paleta basada en verde salvia brumoso y marrón musgoso, con luz solar ámbar y acentos de vidrio jade; nada de fotorrealismo, nada de degradados usados como texturas; mantén un aspecto gráfico y de ilustración hecha a mano. Interacción principal: al hacer clic en cualquier punto de la tierra se planta una semilla en ese lugar, y la planta crece en tiempo real usando un L-system real: implementa una gramática de reescritura recursiva (axioma más reglas de producción con corchetes de ramificación y variación aleatoria de ángulo/longitud por instancia para que no haya dos plantas idénticas) y anima la derivación para que las ramas se extiendan, se bifurquen y desplieguen hojas progresivamente durante unos segundos, en lugar de aparecer ya formadas. Los helechos tropicales y las enredaderas deben doblarse y enroscarse fototrópicamente hacia un sol arrastrable: renderiza un disco solar ámbar brillante que el usuario pueda agarrar y arrastrar a cualquier punto del cielo, y cada ápice en crecimiento debe reorientar continuamente su dirección de crecimiento hacia la posición actual del sol, de modo que al arrastrar el sol se vea claramente cómo todo el jardín se inclina y trepa. Las plántulas se despliegan con una animación easing, y se forman gotas de condensación sobre el vidrio que se deslizan lentamente hacia abajo en bucle. Controla todo con un ciclo día-noche vinculado a la posición del sol: la luz ambiental y el baño de color del cielo se desplazan suavemente por un gradiente de dorado cálido a azul frío; la ubicación del sol define la dirección y longitud de las sombras suaves de las plantas proyectadas sobre el suelo y de las manchas de luz a la deriva sobre el vidrio; y al anochecer aparecen luciérnagas como pequeños puntos de luz pulsantes que flotan entre el follaje. La composición irradia el crecimiento de las plantas desde la base hacia arriba y hacia el centro, contenida por el arco de la cúpula. Usa requestAnimationFrame para un bucle de animación continuo y de respiración tranquila; mantén un rendimiento fluido con muchas plantas en pantalla a la vez. Incluye controles sutiles y discretos (por ejemplo, un slider o un interruptor de avance automático para la hora del día, y un botón de reiniciar/limpiar) con estilo acorde a la estética ilustrada, además de una pista de una línea que indique al usuario que haga clic en la tierra para plantar y arrastre el sol para guiar el crecimiento. Hazlo adaptable a cualquier tamaño de ventana, y dale un tono emocional calmo, quieto y vivo: la primera luz de la mañana entrando en diagonal mientras brotes tiernos se abren juntos. Es una simulación generativa, no un juego ni un dashboard: prioriza el algoritmo de crecimiento recursivo genuino, el bucle de animación y la física de luz/sombra/fototropismo.

Crea una página HTML completa de un solo archivo que contenga un dashboard interactivo de financiación global de startups, con datos ficticios pero internamente coherentes para 8 sectores industriales a lo largo de 5 años. Todo el CSS y JavaScript debe estar en línea, con cero dependencias externas, sin bibliotecas de gráficos, sin CDNs y sin imágenes. Renderiza tres visualizaciones programadas a mano en canvas o SVG: un gráfico de barras animado que se reordene con easing cuando el usuario elija un año desde un slider, un gráfico de líneas con tooltips al pasar el cursor que muestren valores exactos y una guía vertical de seguimiento, y un gráfico de dona cuyos segmentos se expandan al pasar el cursor con una animación de resorte. Incluye una UI moderna oscura con una paleta de acentos de violeta a teal, contadores numéricos animados en cuatro tarjetas KPI, una fila de filtros por sector con chips conmutables que actualicen al instante todos los gráficos, y un selector de tema claro/oscuro con transiciones de color suaves. El layout debe ser responsivo, colapsar a una sola columna por debajo de 768px, y cada interacción debe responder en tiempo real sin recargas de página.