Screened

A demonstrator mapping where films of different kinds are shown around the UK, built on the BFI's archived film screening data.

When: Dec 2011
Stage: A prototype
Stack: SVG
Outcome: The BFI came in with financial support; further development with the BFI to turn it into a policy-making and data analysis tool.

Archived screenshot of Screened — Archived screenshot. The site itself is gone; this is the evidence.

The result of a failed Culture Hack idea, this was a hack to visualise a database of all UK public film screenings in 2010 using an SVG heatmap that I created for the project. Afterwards the BFI came in with some financial support for the idea and we looked at using it for policy-making - where are the areas of least specialist film availability by head of population, for instance.

Since the hack, I worked with the BFI on further development to turn this into a policy-making and data analysis tool.

Around the same time

Wake up monsters!Writing · 2011
Cognitive ConsonanceMusic · 2011
Screened - a map visualisation of UK film screening dataWriting · 2011
Stories from an Invisible TownProjects · 2011

Earlier in projects: Stories from an Invisible Town. Later in projects: Accenture: Festival of Ideas.

/* No script, no button and no pill: the header sits in the page as the plain bar, every room in the row, and the body keeps its own top padding. */ /* grouped: the same idea, and why this block now names two layouts. Its rooms sit behind the More button, so with no script to open it they have to be a plain second line instead. float needs no equivalent — its bar renders every room already, and its rules below hide .site-more outright. */ :root[data-fx-nav-layout="grouped"] .site-more-button { display: none; } :root[data-fx-nav-layout="grouped"] .site-more .site-more-list { display: flex; position: static; flex-wrap: wrap; gap: 0.5rem 1rem; min-width: 0; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; } :root[data-fx-nav-layout="float"] header.site-header { position: static; width: auto; height: auto; margin: 0 0 2.5rem; padding: 0; flex-wrap: wrap; align-items: baseline; background: none; border: 0; border-radius: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; } :root[data-fx-nav-layout="float"] body.py-8 { padding-top: 2rem; } :root[data-fx-nav-layout="float"] .site-header .site-nav { flex-wrap: wrap; } :root[data-fx-nav-layout="float"] .site-header .site-nav > a { display: inline; } :root[data-fx-nav-layout="float"] .site-more { display: none; } :root[data-fx-nav-layout="float"] .site-header .site-title, :root[data-fx-nav-layout="float"] .site-header .site-title:has(> span) { max-width: none; opacity: 1; margin-right: 0; visibility: visible; }