OpenLayers Examples

Bei den OpenLayers-Beispielen sind auch speziell diejenigen für mobile Devices interessant ("mobile" als Filter eingeben). Mit dem iPhone funktionieren schon einige problemlos, z.B.:

Höhenprofil aus Google-Maps

Tool um direkt mit Google-Maps Höhenprofile erstellen zu können, die dann zusammen mit dem Kartenausschnitt ganz einfach auf der eigenen Webseite integriert werden können.
(Schade sieht man auf der Linie der Karte nicht, wo im Höhenprofil sich die Maus gerade befindet.)

Hier zum Beispiel durch den alten botanischen Garten:

oder die Üetlibergbahn




Arbeiten und Leben mit der Cloud

Mal was ausserhalb des Themas: Sascha Lobo schreibt über "My Work and Life with the Cloud". Unterhaltsam.

If San Francisco Crime were Elevation

Methodisch nicht ganz so ausgefeilt, wie Adi's Tag-Nacht-Bevölkerungsverteilung...
Die Idee, anstatt der Farben ein Google-Satelliten-Bild zu verwenden gibt aber einen schönen Effekt.

(source: http://dougmccune.com/blog/2010/06/05/if-san-francisco-crime-was-elevation/)


Tag- und Nachtbevölkerung Stadt Zürich

Versuch für eine Illustration im Tages-Anzeiger (mit Structure Synth und Sunflow; Beschreibung des Vorgehens):

Ein Klick auf die Bilder zeigt sie in Originalgrösse (1502 x 3551 Pixel).


Google Maps API Styled Map Wizard

Mit diesem Tool lassen sich die entsprechenden Map Styles interaktiv festlegen. 
Aus der Doku zu den Styled Maps:

The StyledMapType allows you to customize the presentation of the standard Google base maps, changing the visual display of such elements as roads, parks, and built-up areas to reflect a different style than that used in the default map type. These components are known as features and a StyledMapType allows you to select these features and apply visual styles to their display (including hiding them entirely). With these changes, the map can be made to emphasize particular components or complement content within the surrounding page.


Crime Maps: explore police stats with our interactive tool

UK-Kriminalstatistik beim Guardian.

Last week's launch of the police.uk website clearly proved popular, perhaps excessively so. We teamed up with the engineers behind SpatialKey to build a richer interface on to December's crime data that lets you compare and contrast crime levels by location and type
How this interactive was made
Datablog: download the data



(Ausschnitt aus der Website, ein paar Links gehen (auch dort) nicht):
Data-Driven Documents

D3.js is a small, free JavaScript library for manipulating documents based on data.
D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.
D3 is not a traditional visualization framework. Rather than provide a monolithic system with all the features anyone may ever need, D3 solves only the crux of the problem: efficient manipulation of documents based on data. This gives D3 extraordinary flexibility, exposing the full capabilities of underlying technologies such asCSS3HTML5 and SVG. It avoids learning a new intermediate proprietary representation. With minimal overhead, D3 is extremely fast, supporting large datasets and dynamic behaviors for interaction and animation. And, for those common needs, D3’s functional style allows code reuse through a diverse collection of optional modules.


From National Geographic, a wordle type cloud map based on the distribution of common last names.



Random Metropolis 1

SuperPope has added a photo to the pool:
Random Metropolis 1
A random city I created using Structure Synth.

I just started messing around with Structure Synth earlier this week, and I love it. I wanted to write a script that would generate random buildings and was surprised to find out just how easy it was to get results beyond my expectations.