FlowingData: Choice of color in a movie can say a lot about what's going on in a scene. It sets the mood, changes the tone, indicates a change in point of view, so on and so forth, which is why moviebarcode is so fun to click through. The concept is simple. Take every frame in a movie and compress it into a sliver, and put them next to each other. Voilá. Movie barcode."
09.03.2011
Filme kompakt
Eine wirklich sehr kompakte Darstellung von Filmen (eine Art "Filme aufräumen", bisher 74 Filme, unten z.B. Babel (2006)); erinnert etwas an das Projekt Interactive Information Visualization of a Million Items.
FlowingData: Choice of color in a movie can say a lot about what's going on in a scene. It sets the mood, changes the tone, indicates a change in point of view, so on and so forth, which is why moviebarcode is so fun to click through. The concept is simple. Take every frame in a movie and compress it into a sliver, and put them next to each other. Voilá. Movie barcode."
FlowingData: Choice of color in a movie can say a lot about what's going on in a scene. It sets the mood, changes the tone, indicates a change in point of view, so on and so forth, which is why moviebarcode is so fun to click through. The concept is simple. Take every frame in a movie and compress it into a sliver, and put them next to each other. Voilá. Movie barcode."
07.03.2011
Fractal Lab
Tom Beddard:
MIt Google Chrome auf dem Mac funktioniert die Applikation (Link) problemlos, hier ein Screenshot:
A WebGL based web application for rendering 2D and 3D fractals in real-time.
You will need a WebGL enabled browser, currently Google Chrome or Firefox 4 beta are the best choices, and a reasonably modern graphics card.MIt Google Chrome auf dem Mac funktioniert die Applikation (Link) problemlos, hier ein Screenshot:
04.03.2011
toxiclibs
Karsten Schmidt aka Toxi hat bei den ETH-Architekten einen 50-minütigen Vortrag zu "Code as the primary design tool" im Rahmen des Master of Advanced Studies "Computer Aided Architectural Design 2011" gehalten.
Er zeigt darin viele (meist künstlerische) Beispiele:
Sie beruhen auf der toxiclib-Processing-Library (toxiclibs.org). Die dortigen Beispiele (und die Beispiele im Rahmen des Vortrags) haben mich beeindruckt.
Er zeigt darin viele (meist künstlerische) Beispiele:
Sie beruhen auf der toxiclib-Processing-Library (toxiclibs.org). Die dortigen Beispiele (und die Beispiele im Rahmen des Vortrags) haben mich beeindruckt.
03.03.2011
Map Baidu
Flash vs. Canvas
Ein Vergleich von Canvas/JavaScript und Flash aufgrund verschiedener Kriterien. Die Schlussfolgerung:
Canvas is the future of 2D (and possibly 3D) graphics on the web. Sure, it has a few shortcomings, but as time passes, it will only get better.
You can write it with the same language (JavaScript) as the rest of the interaction logic on your web page. It's fast and getting faster. Once a few competent frameworks appear, it will be just as easy to use as Flash for a huge variety of tasks. And once the iPad ships, Flash will become a liability.
My advice for web developers: if something on your site CAN be done in Canvas, it SHOULD be done in canvas.
(aus: "Bye Bye Flash: Network Graph is now Canvas")
GeoNames WebServices
http://api.geonames.org/findNearby?lat=46.511197&lng=8.94776&fclass=P&fcode=PPLA&fcode=PPL&fcode=PPLC&username=demo&style=full
<geonames>
<geoname>
<toponymName>Aquila</toponymName>
<name>Aquila</name>
<lat>46.5</lat>
<lng>8.95</lng>
<geonameId>2661736</geonameId>
<countryCode>CH</countryCode>
<countryName>Switzerland</countryName>
<fcl>P</fcl>
<fcode>PPL</fcode>
<fclName>city, village,...</fclName>
<fcodeName>populated place</fcodeName>
<population/>
<alternateNames/>
<elevation>0</elevation>
<continentCode>EU</continentCode>
<adminCode1>TI</adminCode1>
<adminName1>Ticino</adminName1>
<adminCode2>2102</adminCode2>
<adminName2>Distretto di Blenio</adminName2>
<adminCode3>5049</adminCode3>
<adminName3>Blenio</adminName3>
<timezone dstOffset="2.0" gmtOffset="1.0">Europe/Zurich</timezone>
<distance>1.25674</distance>
</geoname>
</geonames>
Natural Earth: Free Vector and Raster Map Data
Eine reichhaltige Sammlung von GIS-Daten (administrative Umrisse, Ozeane, Flüsse, Seen, Städte; verschiedene auf dem Relief beruhende Raster) auf globalem Niveau. Hier ein Beispiel für die Länderumrisse (1:10 Mio.):
Natural Earth is a public domain map dataset available at 1:10m, 1:50m, and 1:110 million scales. Featuring tightly integrated vector and raster data, with Natural Earth you can make a variety of visually pleasing, well-crafted maps with cartography or GIS software.
Natural Earth was built through a collaboration of many volunteers and is supported by NACIS(North American Cartographic Information Society), and is free for use in any type of project.
Natural Earth is a public domain map dataset available at 1:10m, 1:50m, and 1:110 million scales. Featuring tightly integrated vector and raster data, with Natural Earth you can make a variety of visually pleasing, well-crafted maps with cartography or GIS software.
Natural Earth was built through a collaboration of many volunteers and is supported by NACIS(North American Cartographic Information Society), and is free for use in any type of project.
28.02.2011
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
………………………………………………….
(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
………………………………………………….
Labels:
Tools
25.02.2011
Europe Population Density Map
Da sind dann unsere Zürcher Gipfel kaum mehr auszumachen:

Grössere Version bei flickr, Autor: Savvas Karmaniolas
21.02.2011
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/)
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/)
17.02.2011
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).
16.02.2011
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.
15.02.2011
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
• How this interactive was made
• Datablog: download the data
12.02.2011
d3.js
(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 asCSS3, HTML5 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.
10.02.2011
Random Metropolis 1
SuperPope has added a photo to the pool:

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.
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.
04.12.2007
28.10.2007
16.09.2007
15.09.2007
processing-Anwendungen
Dave Bollinger: Breite Palette von künstlerischen Anwendungen von processing. Gefunden in flickr, wos noch andere schöne Beispiele hat.
Abonnieren
Posts (Atom)











