c3s-6

7 June 2025

About

Dea Bankova

Source: iamkai.co

Data Viz @ Reuters

We are a London-based and online community dedicated to making space for creativity - physical space, head space, collaboration space. A playground for exploring the tools, ideas, and experiments that live at the intersection of code and art.

Source: iamkai.co

Creative Developer

Source: Lea Lafleur

In concrete terms, we’re looking at browser-based sketches (p5.js, Three.js, d3.js, GSAP, etc.), using physical tools like pen plotters, and occasionally exploring the weird and wonderful edges of creative expression.

Prasanta Kumar Dutta

Source: 100% Leiden

Data Viz @ Reuters

Source: 100% Leiden

Information Experience Designer

Source: Alyssa R

GSAP showcase

Personal inspiration

Source: Laura Jones
Source: AhaSlides

Code??

Basic DOM animations

Canvas

Source: queeniescards

P5

SVG (morphing )

Three.js

Source: Carolina Lais

Other examples

Animating with GSAP on Canvas (Observable notebook)

Colours in Spirited Away - animating Canvas with GSAP (Observable notebook)

Colours in Totoro - animating Canvas with GSAP (Observable notebook)

Colours in Arcane - animating Canvas with GSAP (Observable notebook)

Old creative coding with JavaScript workshop I did containing some clean

examples of GSAP canvas animations (Observable notebook)

Circle packing with canvas and GSAP animation (Observable notebook)

Simple Patatap clone - lots of little animations (OpenProcessing)

Animating lots of Three.js particles with GSAP

Next up

Source: Tracey Capone
Source: Siew Design

Wired Connections

Sun 27th July

@Sainsbury Wellcome Center, UCL

Create a pair of gloves with ‘half a circuit’ of LEDs.

The circuit will only be completed when two of the gloves are touched

together.

Made on mmm