chartsAndDataViz

Diagrama de haces viajeros

La luz no se mueve por el cable: lo que se mueve es el degradado. Las coordenadas de un linearGradient son atributos y CSS no puede animarlas, así que van dos etiquetas animate de SMIL desplazando x1 y x2 a la vez. Y cada conector necesita SU propio degradado, porque con userSpaceOnUse las coordenadas son absolutas y uno compartido movería los cinco haces desde el mismo sitio.

Verlo en vivo y copiar su prompt

Qué se puede ajustar

Cómo funciona este catálogo

Cada componente trae su prompt de reproducción: el texto que se pega en un constructor con inteligencia artificial para obtener exactamente esta pieza. Los valores que ves arriba son editables, y el prompt que copias lleva dentro los que hayas elegido, así que lo que se genera es lo que estabas mirando.

Web construida por