Die erste Überlegung beim Programmieren im Bereich von Webseiten ist immer, soll der Code auf dem Client oder auf dem Server ablaufen:
Für dynamische oder animierte Webseiten muss aber der Code auf dem Client laufen, da dort etwas passieren soll. Nur hat dies immer die Schwierigkeit, dass man vom Browser (und von der Bildschirmgröße etc.) abhängig ist.
Eine mögliche Variante ist Javascript. Hier kann man sich auch Unterstützung durch Bibliotheken (wie etwa p5.js für eine an Processing angelehnte Unterstützung) holen. Etwas schwieriger wird es, wenn man dann auch noch Grafiken animieren will. Hier kommt svg ins Spiel. SVG (Skalierbare Vektor Grafiken) kann man entweder als Grafiken einbinden, oder sie direkt in HTML schreiben (wie in dem Beispiel oben.) SVG kann man entweder direkt animieren (mit SMIL, aber hier gibt es z.T. Browserprobleme), oder mit einer Mischung aus Javascript und SVG. Die Grafik oben ist mit SMIL animiert klckt auf Desktop oder Handy, oder auch die Schokolade.
Javscript und SVG gemischt sind etwa bei der Quadratpflanze oder bei dem animierten Glücksrad. Drücken auf "Go" oder "Go1000" macht hier eine ganze Menge.