Inside Looking Out

A P5.js project that uses live Coronavirus data to process an image over time. Sound is made using the Tone.js web audio framework.

Inside Looking Out uses live data from the UK Governments COVID-19 API as a narrative structure. Each day of the Coronavirus pandemic in the UK is represented by a single animation frame, creating an animated film that tells a story about the impact of the virus on the people of the UK.

Each frame shows a photograph of a circular window, obscured by horizontal lines representing each new case registered on that day. As the frames advance, a pixel is removed to represent each death, eroding the photograph until a final static image is revealed representing cases and cumulative statistics from the previous day.

Getting Started

npm install
npm run dev
# or
yarn
yarn dev

Open http://localhost:3000 with your browser to see the result.

Or see it live here