11 Fictions Are

11 Fictions Are, new graphical works based on digital renders of contemporary architectural projects.

Wrecked Sierpinski / collapsed by kp
Plotter drawings / Bill Hinz
Life Drawing / Viktor Timofeev

Title: Deleuze & Guattari

Social Archipelago




Visualisation of 566,638 checkins at 7,048 venues in New York City. Data from the Foursquare network.

I've been analysing Foursquare data for Paris, London and New York. In case you don't know, Foursquare is a location-based social network which users interact with on their 3G mobile phones.

Visit the project page for a number of visualisations and remarks on the data. What follows here is a discussion of the data and analytical techniques that form the basis of the content on the project page, so have a look at that page first before reading below.

Data

I've used Foursquare data relating social venues to checkins (activity) at those venues. The data has been collected by a systematic crawl of the Foursquare Search API, which returns upto 50 nearby venues when supplied with a geolocation. The radius of this search is not explicitly documented by Foursquare. For each city, I constructed a lattice of search locations 2km apart and performed a search on each point of the grid. 2km was chosen as it produces some overlap in results, implying good coverage of the intervening space between search locations. This resulted in 200-400 searches per city, the exact number varying based on the size of the surface area covered for each city.

The search API additionally takes keyword searches, and further passes of the grid were carried out using a number of keywords (bar, club, restaurant, cafe, museum, hall, food). The resulting venues list was then de-duplicated. As such, the data does not represent a comprehensive data dump, but sufficient venue data has been collected (in excess of 6,000 venues for each city) to assume a representative sample of Foursquare data for each city.

It should be noted that Foursquare produces data skewed towards the network demographic, which is a 3G mobile phone owning portion of the population engaged in online social networking (typically skewed towards under 35s).

Venues are classified into parks, arts, shops, food and nightlife according to Foursquare's own classification scheme.

Analytics

The claim that Paris has a more contiguously walkable structure is based on a scan-based clustering of the venue data, using the DBSCAN algorithm. With a threshold distance of 400m (chosen as a comfortable walking distance) and a minimum cluster size of 3 venues, Paris breaks down to far fewer, larger clusters than the other two cities (PAR,NYC,LDN = 254,394,439 clusters), generating under a quarter of the noise (PAR,NYC,LDN = 401,1795,1599). Noise in this case represents isolated venues that cannot be assigned to a cluster.

The claim that activity is less spatially dispersed in Paris is based on dispersion calculated for the 100 highest activity walkable cells using a weighted standard distance measure [more] where venue popularity (total number of checkins) is used as a weighting factor and euclidean distance is used as the distance measure. This gives us a measure of standard deviation in space of all the points taken into consideration, measured in meters (PAR,NYC,LDN = 4965,6473,8657).

Walkable links per venue are calculated by constructing a network representation in which venues are nodes and edges are produced when any two nodes are within a walkable distance of 400m. This creates undirected graphs with K edges (PAR,NYC,LDN = 55478,39277,44977). Edges per venue gives a rudimentary expression of global connectivity (PAR,NYC,LDN = 9.64,5.64,6.30). The degree distributions of these networks and further network characteristics are outside the scope of this article, but can follow from these representations.

Power law remarks relate to a regression analysis of venue popularity rank distributions for each city. Zipf's Law is only a fit for part of the distribution.

Tools

Processing and Flash were used for visualisation, Proj4 and Proj4js for coordinate conversion, Tom Taylor's Boundaries for neighbourhood names, the iGraph Ruby extension for network representations, R for statistical analysis, Google Maps Geocoding API and lastly, the Foursquare API, for all the venue and checkins data. Everything else was done by hijacking a language designed for Hypertext Preprocessing.

Download

The data used to create the images is made available in full under the Foursquare API terms. The data consists of csv files with aggregate checkin figures and geo-location data for each venue crawled. These files are broken down by city. Additionally, csv files are included with venue location converted to the so called WebMercator/GoogleMercator (EPSG:900913) projection, to facilitate visualisation using metric coordinates.

This data represents a snapshot collected in mid July 2010. In all there are over 800,000 checkins at over 20,000 venues. Checkins are expressed in summarised form for each venue as this is what is available via the public API. No raw checkins appear in the data.

I spent Spring in 17 & 18, was mostly to be found in 15, 31 & 34 during the Summer months and am now moving my activities over to 10 & 13 in time for Autumn. [GMap]

Frei Otto








Minimal paths, pneumatics / Frei Otto
Cantenary Bifurcations / Thomas Wong
Artesanal Voronoi / Seven Six Five
Complex City / Lee Jang Sub
Three 3 / Kat Masback
Vector Fields / Biothing

John Whitney

John Whitney, Matrix III (1972), Music by Terry Riley

Treatise

Excerpt of the Cornelius Cardew score, Treatise. Currently on show at The Drawing Room.

Carina

1982 Discovery

1983 Marlboro Country

1986 Suburban Sublime/Playboy Mystique

1989 Upward Mobility

1990 Urbanite Fantasy

Following a friend's recent interest in Thing Theory, I dug up my copy of Bruce Sterling's Shaping Things from the storeroom (not quite a junkspace but definitely a pile of space-junk). Leafing through I was reminded of the array of (typo)graphical techniques employed by the book's designer Lorraine Wild, with the visual linkage device above being my favourite.

I see this as a form of what I would call augmented textuality; a superposition of layered semantic relationships on text. Having recently read the thought-provoking iA article on bringing web design concepts to newspapers, I'm wondering if the web couldn't learn something from book designers in terms of augmentation. In this example, I think there's scope for a javascript-based implementation to draw Bezier curves between anchors in HTML using canvas to achieve the visual linkage effect.

Wild also uses type variations in a single text body to convey meaning, with a number of typefaces reserved for particular neologisms or words imbued with specialist definitions in Sterling's lexicon. I find it a bit naive/obnoxious, depends on your typographic stance. The web-based alternative might be to re-examine link typologies, since the consistency mantra in web design tends to crowd out attempts at applying multiple link styles to a single body, creating a homogeneity of linkage on a site-by-site basis that is bemusing if you take a step back. With regards to keywords and specially loaded (technical) terms however, I probably prefer the approach taken by the English language version of Henri Lefebvre's Rhythmanalysis,

The text of which possesses a good rhythm, induced by both typographic and linguistic techniques. A mix of bold and italicised emphasis abound, the former reserved for words with significantly enhanced meanings in the hands of Lefebvre. It's simple but makes a difference. That the book itself is on rhythm makes it doubly effective.

A disproportionate amount — disproportionate given how much online text I've read daily over the past decade — of the ideas that have influenced me over the years have come from books or essays. A lot of that no doubt has to do with copyright and IP, but some of it is down to the forms of communication themselves. Whereas the web has naturally gravitated towards networked/collaborative knowledge systems, the essay, in contrast, is standalone and demands sustained attention.

The essay and the academic research paper are still amongst the foremost textual knowledge communication formats around, despite having a fairly antagonistic relationship with the web, the former seemingly sidelined by the blog post and the latter still published as a PDF or print artefact. I'll reserve my ideas on modern research publishing for the web (itself such a huge topic) for another time, but I simply think there's scope to improve on these knowledge forms in Webby ways, without stripping them of their fundamental offerings. For example, I would love to see a web publishing engine dedicated to the essay form.

Here's a quick implementation of some crude augmented textuality techniques using HTML5 and Javascript, applied to a Rem Koolhaas essay, the hyperbolic diatribe, Junkspace, from 2001:

→ View Augmented Junkspace Demo

The techniques are completely web native (though you'll need recent versions of Firefox, Chrome or Safari to view them). You could argue this is no longer an essay but a thinly disguised term frequency vector smattered with relational graphics, a set of wordnets or a pliable series of strings. Perhaps. I would apologise to Rem if it wasn't a calculated attempt at altering the state of the text through superposition, an uninvited act of post-production.

If you're an IE user, I guess you can make do with this graphic for now:


Hubert Blanz

X-Plantations, Hubert Blanz

Christina's Mirror

Mirror/Christina's World

MJ Doughnut

- Michael Jackson, Original Solo Recordings, 1972-1997 (view medium size, view large size)

Last week I was at Music Hackday, messing around with music data at The Guardian offices in Kings Cross, London. The outcome is this Michael Jackson doughnut, which spans the whole of his solo recording career, showing which of his tracks have been the most popular & loved by Last.fm listeners, as well as which releases have been the most influential and loved. The graphic was programmatically produced and could be produced for other artists quite easily.

Some notes on how to read this information graphic: The size of each slice is proportional to the number of plays of that particular track or release compared to the total number of plays of Michael Jackson's material on Last.fm. The darkness of the slice indicates how loved that track or album is by the listener base. Tracks are organised by album, by date, starting with his first solo record, Ben, from 1972.

Some notes on the metrics: The graphic takes into account 6 months worth of Last.fm listening data, that's 3,606,823 individual plays of his tracks by 1,432,458 listeners worldwide. The loving data spans a shorter time period, a little over two months; this period contains data which falls both before and after his death. The love data for releases is normalised by track count, so the darkness of the blue hue expresses the average number of loves per track on said release.

In the case of (countless) albums featuring re-releases of original works, such as Number Ones, I have aggregated play counts and merged them into a single play count for the original recording (e.g. Billie Jean). This is why you don't see releases like HiStory (Book 1) or The Essential Michael Jackson in the graphic. The playcounts on original tracks which are featured on those records, however, do contribute to the tracks shown in the graphic, as I'm trying to get a feel for which of his original recordings are the most influential overall.

Some notes on the tech: I spent much of the 4-8 hours it took to produce the software coming up with ways of cleaning the data. The gap in the doughnut represents the proportion of plays which relate to live versions, endless remixes (official & unofficial) and collaborations (duets etc). I chose to keep these in the dataset in order to represent proportionally how much attention goes towards that kind of material. I also stripped a lot of seemingly badly tagged, or dubiously attributed tracks using a bunch of filters aided by my observation of the dataset. I used simple Levenshtein distances to merge tracknames together and a few simple transforms to help the merging process. The merging operation was crucial because some tracks have been officially re-released over 30 times and the metadata can vary a little each time. The graphic was produced using PHP & Actionscript with JSON as the transport mechanism between the two.

Popularity and love data is from Last.fm, release dates are from Musicbrainz and Discogs was used for authoritative discographic data.

Lastly, just a note on the motivation - MJ was primarily a childhood experience for me (I was 6 when Bad was released), and the hours I've spent with the dataset have given me the time to reflect on what a grip his older material has had on my generation's collective identity. As the notion of a mainstream, backed as it is by broadcast media, gives way to thousands of niches in disparate networks, it's hard not to see MJ as a relic of an age of mass cultural experience that is slowly receding into the distance. R.I.P. MJ.

Lindenmayer

pixeltree/a/13

I wrote a patch in 2003 to draw Lindenmayer (L-system) root structures. I recently re-visited it to play around with it. I've posted an image gallery, as well as other approaches to representing L-systems (series b, series c) and the Actionscript source code as part of a library including source for generating the kind of flakes I posted back in December. Code for generating cellular automata structures will be added to the library in due course.

The interface between natural and synthetic structures raises its own questions about what we perceive as natural - we have an increasingly volatile conception of nature, and perceptions will alter radically over the coming years and decades thanks to genomics. I like the play in Autechre's EP covers, which are rigorously 'programmed' but betray some resemblance to natural formations,



Xerography

xerography

Xerographies by Bruno Munari

Pflakes

pflake/01
pflake/02
pflake/03
pflake/05
pflake/04
pflake/06
pflake/07
pflake/08
pflake/09
pflake/10
pflake/11
pflake/12
pflake/13
pflake/14
pflake/15
pflake/16
pflake/17
pflake/18
pflake/19
pflake/20
pflake/21
pflake/22
pflake/23
pflake/24
pflake/25
pflake/26
pflake/27
pflake/28
pflake/29
pflake/30
pflake/31
pflake/32
pflake/33
pflake/34
pflake/35
pflake/36



I overdosed on xmas spirit and found myself writing a patch that draws pentagonic snowflakes. Feliz navidad.

Chandigarh

Sector 1, General Assembly
Sector 1, General Assembly
Sector 10, City Museum
The cosmic General Assembly, Chandigarh, designed by Le Corbusier

On this last trip to India I took some time out to wander North, to Chandigarh, the Punjabi capital. It's a 50's modernist urban planning experiment commissioned by Nehru on the dawn of the partition, as a psychological replacement for Lahore, offered as the state capital to the displaced Hindus and Sikhs. My family were largely displaced from Lahore and the surrounding areas, and some of them ended up in Chandigarh.

An Indian garden city inspired by the Chicago school of urban planners, Chandigarh was conceived and executed by a number of Europeans and Americans, finally (and most famously) by Le Corbusier and his cousin Pierre, who, together with a number of Indian architects, worked on a completely integrated design solution for the modern Indian city, from bus stop to manhole design to theatres & cinemas, administrative buildings, residential blocks, commercial complexes and transport infrastructure. This is planning from scratch, on an overwhelming scale.

Sector 1, Secretariat
Sector 1, General Assembly
Sector 19, Le Corbusier Center
Top: The Secratariat façade, Middle: General Assembly detail, Bottom: Original tape showing the 'modulor' measurement scale

I was surprised to find Corb's writings to show a deep contemplation of proportion - he talks of building Chandigarh "in human proportions" and applies this to everything from road length to window dividers, tree height to about 10 different scales and qualities of housing. He used his own measurement scale ('modulor') based on the golden ratio, devised a set of traffic categorisation principles to be used in road layouts and oversaw the construction of an artificial lake and landscaped areas of the city. I've generally regarded Corb's inability to execute a usable, human architecture problematic but in this project he evidently injected a lot of useful ideas alongside his sheer intellectual energy. His cousin worked on Chandigarh until his death (long after Corb had returned to Europe) and is probably the unsung hero of the project.

Sector 11, City Museum
Sector 14, Le Corbusier Center

Top: The city pavilion, Middle: Corb on Sukhna Lake, Bottom: Sukhna Lake today

I came away thinking of Chandigarh as a quiet triumph, in that it largely delivers and functions; utopian visions giving way to pleasant, usable spaces. The overriding aesthetic of unmaintained cubes of concrete is stunning, the landscaped areas put to good use by the residents, the traffic and housing density incredibly low by Indian standards, the noise pollution well contained. Astonishingly, much modern private residential housing in the city seems to have absorbed the modernist aesthetic (Corb's trademark strip windows are a particular favourite), as if the immersion in the lines, façades, materials & forms of the original architects has somehow overcome the place, gripping it despite the decades that have passed.

As you wander around, you are slowly overcome with a quiet sense of well-being that I can only attribute to a consistent design vision carried out on an unprecedented scale. If nothing else, it's an affirmation of the central role of design in all aspects of everyday life.

Sector 1, Open Hand
Sector 1, High Court
Sector 17, Shopping Center

Top: Corbusier's 'Open Hand' logo for the city, Middle: High Court building, Bottom: A commercial block in the pedestrianised city center

There is consciously very little sensitivity to Indian tradition in the design of Chandigarh - Corb built a cosmic general assembly building that takes inspiration from Mughal endeavours past, but other than that, the city was from day one to be a "new city, unfettered by the traditions of the past" (Nehru). This place of 800K inhabitants, which was conceived on a completely empty plot of land in 1949, despite its grubby look and feel, still seems ahead of its time in today's smog-ridden, noise-polluted, poorly zoned urban India.

Interestingly, Chandigarh has been listed as a potential UNESCO World Heritage site, something which I imagine would have appalled Corbusier; a spirit ever in favour of creation over preservation.

Rupees

Wim Crouwel

crouwel poster

crouwel poster

Hand-crafted on the cusp of the digital age, this poster has been re-printed by Blanka from the original drawn in 1968 by Wim Crouwel. I like his alphabets.

Ornament & Crime

I reject the argument that ornament increases the pleasures of life of a cultivated person, or that it is beautiful. I prefer undecorated gingerbread. Modern people will understand.

Adolf Loos, Ornament & Crime

1975

Some great slides from a 1975 IBM presentation.

Takashi Homma







Above: Spread from 'Tokyo and my Daughter'. Below: Images from 'Tokyo Suburbia'


Takashi Homma is a japanese photographer. I really like 'Tokyo And My Daughter' and 'Tokyo Suburbia'. He's about to publish a volume which aggregates a selection of his work on Tokyo to date.

Scape

scape studies (2004)

scape studies (2004)

landscape studies (2004)

Three Landscape Studies (2004)

Automata


CA/6CA/5CA/11CA/4CA/3CA/2CA/1CA/7CA/8CA/9CA/10CA/11CA/12CA/13CA/14

Studies in Cellular Automata

Using a Cellular Automata program I wrote a couple of years back. Click on a thumb for a larger version.

Homogenous

Three of the following interface elements are from the new look Delicious, and the other three are from Flickr.

delicious redesign

delicious redesign

delicious redesign

delicious redesign

delicious redesign

delicious redesign

Heaven


Hieronymous Bosch, Center panel, 'The Garden of Earthly Delights', circa 1504

Worth seeing in in the context of the entire triptych and with the shutters closed. Bosch has consistently fascinated me for a decade now (I've been lucky enough to see originals of his in Venice and Madrid), and I finally got round to picking up a great publication on Bosch's life & work.

Parquet

parquet

A parquet deformation is a continuously evolving tessellation. This one is taken from Douglas Hofstadter's Metamagical Themas

Xerrox

xerrox

Carsten Nicolai processes muzak culled from hotels, airports & in-flight airline programs in xerrox.

Meltykiss