This site has been involved a tiny bit as one of the election atlas maps has been made available in such a manner that it works with today’s release of the developer preview of ie9 (watch Microsoft Product Manager Patrick Dengler demo that atlas). It is telling how much of a chicken and egg problem people face when talking about SVG that Microsoft had to reach out to small countries and even smaller websites to get hold of some SVG examples to show off. And may I add that this map had already been working in 2004.

Now that they’re in the game it’ll be interesting to watch how the adoption of SVG develops. It is a first step but one has to watch carefully. The current implementation in ie9 lacks several aspects of SVG, e.g. the viewbox attribute, which is very important to GIS applications. Let’s hope it was just a matter of what could get done in time for the conference, but we have seen otherwise before. Also with ie9 becoming a developing target for SVG apps a few other headaches will occur. The event model in ie differs from Mozilla’s implementation and there’s probably more to surface once you start going cross browser compatibility.

On the other hand the MIX10 keynote on day one heavily emphasized Silverlight 4. While this goes pretty much against the spirit of open standards, one has to admit upon seeing the ease of use of a visual authoring tool like Expression Blend 4, that this is what might be missing the most before SVG can really enter the mainstream.

Und für Deutschland gab es heute auch eine neue animierte Pyramide (SVG, en/fr/de/ru) für die 12. koordinierte Bevölkerungsvorausberechnung zu sehen, bei der man neben vier Varianten auch noch beliebig Altersgruppen einstellen kann und vieles mehr.

So war es dann ein wenig enttäuschend, im Fernsehen die anstehende Alterung der Bevölkerung lediglich in Form von Klotür-Männchen gezeigt zu bekommen. Dabei ist es vielleicht nicht nur das Vorurteil des verdummenden Mediums, sondern auch das 16:9 Seitenverhältnis des modernen Fernsehens, das hier Vorgaben macht.

Die Zahl der Nichtwähler bei der Bundestagswahl am 27. September war ohne Ausnahme in jenen Regionen, Kommunen und Stadtteilen überdurchschnittlich hoch, in denen besonders viele Menschen von Arbeitslosengeld oder niedrigen Löhnen leben müssen. Das ergab laut einem Bericht des „Spiegel“ eine Analyse des Paritätischen Wohlfahrtsverbandes.
...
Auch unter den westdeutschen Bundesländern sei das Land mit den anteilig meisten Einkommensschwachen vorne: In Bremen, wo die Armutsquote bei 19 Prozent liege, sei fast ein Drittel der Menschen nicht zur Wahl gegangen. Hoch sei die Wahlbeteiligung hingegen dort, wo Gutverdienende wohnten, zum Beispiel in den Speckgürteln von Berlin, Stuttgart und München. (Quelle: welt.de)

Selber ausprobieren unter zdf.de/ZDFmediathek/

Selber ausprobieren unter vis.uell.net/btw/09/atlas.html

Die Idee des ZDF Wahl-Lokals, das Wahlergebnis für die Klassen einer anderen Variable zu aggregieren, ist neu und gut gelöst. Leider ist das durch den ZDF Medienplayer vorgegebene Layout für die Karte der Bundesrepublik etwas unvorteilhaft und viele regionale Muster werden mit nur drei Klassen nicht so gut sichtbar. Dafür eröffnet die Klasseneinteilung per Schieberegler, die sofort die Karte und Wahlergebnisse aktualisiert, eine spielerische Interaktion und möglicherweise besseres Verstehen der Zusammenhänge. Wertvoller Platz für die Karte wird zugunsten von sehr großen Schaltflächen für die anderen Wahlen verschenkt.

The Voronoi Diagram comes to help. Its organic shapes are nested so that even very small shares can be shown. It serves as a special form of a tree map. The statistical use case is aptly named Price Kaleidoscope, also a better marketing term that doesn't involve cooking.

Here is a beautiful showcase of Scalable Vector Graphics at work. Read more about Voronoi diagram - a new visualisation tool for the price statistics or visit the SVGopen conference.

Nevertheless, I am collecting the advantages of SVG in mapping, and this is one of them:

You can hardly have a better load indicator than the map being drawn district by district as the path data is tickling through your slow connection.

This website advocates the use of open standards for data driven graphics, namely SVG (Scalable Vector Graphics) and it is this technology that is not at all supported in Internet Explorer. Adobe provided a – reasonable at the time (2001) – plugin that got end of lifed in January 2009, leaving a significant questionmark for content providers who used the SVG format.

Just in time for its world conference SVGopen 2009, good news is coming in form of a JavaScript library called SVG Web, that allows SVG to be rendered using the Flash plugin. While this is not a panacea, the Flash plugin has 95-97% market share (it is a necessary requirement for watching youtube!) and thus a viable option to go. It is exactly those video capabilities of Flash that might cause it to be blocked in some office environments, but still.

One of the huge advantages of SVG Web is its ability to run almost unmodified standard complient SVG markup. This hasn't been done before. JavaScript libraries like dojo.gfx, Raphaël or JSXGraph adapt some elements of the SVG language and everything has to be constructed in JavaScript. In addition those libraries render VML on Internet Explorer, which has the advantage of giving vector graphics to even the barest Internet Explorer installation (no plugins required at all), but performance is far from bearable for more advanced graphics. SVG Web is backed by Google who is kind of giving Microsoft the finger here.

The SVG Web Toolkit is currently in its alpha stages but is already running well enough to adapt an animated populaton pyramid to it, as is showcased on this site. The election atlas is also making good progress in running on Internet Explorer via the Flash plugin and will hopefully be released on this site soon.

This is one of the many great examples that are showcased in Visual Language for Designers: Principles for Creating Graphics that People Understand, a recently published book by Connie Malamed that does a lot more than showcasing best practices without discussing bad examples:

Malamed is a cognitive scientist, artist, and educator. As such, she recognizes the need for infographics to be designed with an understanding of what actually works, based on empirical research. She proposes design principles that have emerged from an understanding of how the eyes and mind function, drawn from research in the fields of visual communication and graphic design, learning theory and instructional design, cognitive psychology and neuroscience, and information visualization.

Die folgenden Punkte möchte ich hervorheben

1. Die Zeitschiene erlaubt zumindest für die Bundestagswahlen eine Rückschau bis 1949. Obwohl hier die Funktionalität von (2) gedoppelt wird, ist in dieser Darstellung der Zeitstrahlaspekt besser erlebbar.
2. Eine Liniengrafik der Stimmenanteile über den gesamten verfügbaren Zeitraum ist gleichzeitig auch als Navigator wie unter (1) zu verwenden. Hier kommt man mit der Größe etwas an die Grenzen, zeigt aber gleichzeitig die Datendichte des Wahlmonitors auf.
3. Der Navigator ist besonders gut gelungen. Nicht nur, dass er die verschiedenen regionalen Ebenen visualisiert und somit sofort zeigt, was es hier noch aus dem Datenfundus zu sehen gibt. In der Deutschlandkarte sieht man sogar welcher Landtag gewählt wird.
4. Das Vergrößerungsglas ist kontraproduktiv, denn es macht auch noch darauf aufmerksam, dass die Kreiskarte als Pixelgrafik hinterlegt ist. Enttäuschender ist noch, dass die Karte nur als Navigation zu den Kreisergebnissen aber nicht als thematische (Choropleten-) Karte genutzt wird.

Nicht im obigen Screenshot zu sehen, aber eine Selbstverständlichkeit sind die Ergebnisdarstellungen nach Gewinne/Verluste, Sitzverteilung und Stimmenanteil. Wirklich schade ist, dass trotz Verwendung von Flash die Grafik pixelgenau begrenzt ist und sich auch auf großen Monitoren nicht vergrößern läßt.

Manuscript (pdf, 28kB)

Die Autorität über die endgültigen Entscheidungen bei einem Film wird final cut genannt. Dabei hat der Regisseur im Studiosystem im Allgemeinen nicht diese Entscheidungsbefugnis, was die Begründer des Autorenfilms aber als eine Grundvoraussetzung ansahen. Gruber erläutert das Beispiel Alfred Hitchcock, der keine final cut Autorität hatte und zu einer Zeit arbeitete, als Regisseure viel mehr Einstellungen drehten als benötigt wurden, so dass die Studios hinterher noch das Ende des Films variieren konnten, um einem vermeintlichen Publikumsgeschmack entgegenzukommen und den wirtschaftlichen Erfolg des Films zu steigern. Hitchcock hat das Studiosystem dabei aber ausgetrickst, indem er lediglich jene Einstellungen drehte, aus denen nur die eine Fassung des Films geschnitten werden konnte, die er selber beabsichtigt hatte. Hieraus leitet Gruber die folgende Theorie ab:

The Quality of any collaborative endeavor
tends to approach the level of taste
of whoever is in charge | of whoever has final cut

(works both ways)

Diese Theorie läßt sich in der Tat in der anderen Richtung am einfachsten nachvollziehen: Auch wenn noch so talentierte Menschen in einem kreativen Prozess zusammenarbeiten, geht dieses Talent verloren wenn die Geschmackssicherheit des Letztentscheiders nicht das Maß der Mitarbeiter erreicht.

Mehr noch als die Formulierung dieser Theorie sollte man sich an der Lehre orientieren, die Gruber allen Kreativen mit auf den Weg geben möchte: Wie Alfred Hitchcock mag man die final cut Autorität nicht bekommen, indem man danach fragt, sondern indem man sie sich nimmt.

Das ganze funktioniert erstaunlich gut. Das Zoomen per Doppel-Tippen scheint als Ziel Bounding-Box die größeren <g> Elemente zu verwenden, beim Wahlatlas sind das die Bundesländer. Lediglich die Mouseover Effekte funktionieren nicht auf dem Touch Interface. Schließlich hört die Karte auch noch auf einen Klick-Event für das Ziehen der Karte, den man im Film hin und wieder bemerkt.

Jedenfalls hat das iPhone immer noch keinen Flash Support und SVG ist somit das Mittel der Wahl für Rich Internet Applications auf dieser Platform. Das gibt wieder Hoffnung für das offene Web im Allgemeinen und SVG im Speziellen.

Und dankenswerterweise tut amazon genau das – jedenfalls in der Version ihrer Webseite, die mir gerade angezeigt wird. Das ist sicherlich noch nicht der ganze Tufte, was wir hier zu sehen bekommen, aber hilfreich ist es in jedem Fall und es entspricht eben dem amazon „Design“.

Das wäre jetzt ein guter Ausgangspunkt, so etwas als Sparkline umzusetzen und in die Hotellisten von expedia oder hrs einzubauen.

To make something from several other similiar things.
My car broke down so I had to Frankenstein a new engine from old Mustang and Corvette parts.

und kennt noch ein paar andere interessante Bedeutungen.

In seiner sechsten Ausgabe (Sept/Okt 07, siehe nebenstehenden Ausriss) wird erläutert, wie das Längenmaß Meter definiert ist und wie sich diese Definition über die Zeit hinweg verändert hat. Das ist zunächst nicht ganz so spektakulär und gehört vermutlich in groben Zügen zum Allgemeinwissen. Gerade deshalb stellt sich leicht die Frage, ob in diesem Falle die Comic-hafte Darstellung den Leser für dümmer verkauft als er ist.

Der Einfachheit halber vergleichen wir – nach Lektüre der obigen visuellen Erklärung – diese mit einer textlichen Ausführung. Nachfolgend ein Auszug aus dem Artikel „Meter“ der deutschsprachigen Wikipedia:

Aktuelle Definition: Der Meter ist definiert als die Strecke, die das Licht im Vakuum in einer Zeit von 1 / 299.792.458 Sekunden zurücklegt. Statt ein Meter-Eichmaß aufzubewahren, beruht die Definition des Meters damit auf einer Zeitmessung. Dies erfolgte, weil die Definition der Sekunde (Maßeinheit der Zeit) als atomares Zeitnormal gelang und somit beide Maßeinheiten unabhängig von Eichmaßen bestimmt werden können. ...

Frühere Meter-Definitionen: ... 1889 wurde vom inzwischen gegründeten BIPM ein neuer Standard eingeführt. Dazu wurde der internationale Meterprototyp angefertigt, ein Stab mit kreuzförmigem Querschnitt aus einer Platin-Iridium-Legierung im Verhältnis 90:10, und ein Meter wurde festgelegt als der Abstand der Mittelstriche zweier Strichgruppen bei einer Temperatur von 0° C. Damit richtete sich das Meter nicht mehr nach der Vermessung der Erde, sondern entsprach der Länge eines konkreten Gegenstands. Kopien dieses Meterprototyps wurden an die Eichinstitute in vielen Ländern vergeben. ...

Interessanterweise ist der Wikipedia Artikel mit der photographischen Abbildung eines Meterprototyps aus Platin-Iridium bebildert. Der sieht zwar ganz schick aus, aber weder kann man die Legierung aus dem Bild entnehmen noch ergeben sich Hinweise auf die weiteren Umstände, denen dieses Metermaß genügen muß. Eigentlich kann man nur den Querschnitt des Materials erkennen.

Natürlich ist der Wikipedia Artikel wesentlich detaillierter, aber weder ist er für die schnelle Lektüre geeignet, noch kann man sich die Informationsmenge besonders gut merken. Wieder einmal kann man sehr schön die jeweiligen Stärken herausarbeiten, die sich eben nicht gegenseitig ausschließen:

Die Visualisierung ist zur schnellen Informationserfassung geeignet, sie prägt sich vielen Menschen leichter und längerfristig ein, kann aber zwangsläufig nicht gleichzeitig die selbe Informationsdichte haben wie ein ausführlicher Text. Allerdings - und deshalb scheiden sich an Informationsgraphiken auch die Geister - hat nicht jeder ein photographisches Gedächtnis. Letzeres scheint mir aber nicht eine zufällige Disposition zu sein, sondern hat nach meiner Erfahrung etwas mit gelernten Sehgewohnheiten zu tun. Meist sind es jüngere Menschen, die der Bildsprache den Vorzug geben.

In der Wissenschaft scheint es umstritten zu sein, ob es soetwas wie das photographische Gedächtnis überhaupt gibt. Der Scientific American schreibt:

You might expect that an individual who claims to still see a picture after it has been removed would be able to have a perfect memory of the original picture. After all, a perfect memory is what is usually implied by the commonly used phrase "photographic memory." As it turns out, however, the accuracy of many eidetic images is far from perfect. In fact, besides often being sketchy on some details, it is not unusual for eidetikers to alter visual details and even to invent some that were never in the original. This suggests that eidetic images are certainly not photographic in nature but instead are reconstructed from memory and can be influenced like other memories (both visual and nonvisual) by cognitive biases and expectations.

The vast majority of the people who have been identified as possessing eidetic imagery are children. The prevalence estimates of the ability among preadolescents range from about 2 percent to 10 percent. And it is an equal-opportunity phenomenon - there's no gender difference in who is likely to be an eidetiker. Although it is certainly controversial, some researchers also believe that eidetic imagery occurs more frequently in certain populations of the mentally retarded (specifically, in individuals whose retardation most likely stems from biological, rather than environmental, causes) and also among geriatric populations. With a few notable exceptions, however, most research has shown that virtually no adults seem to possess the ability to form eidetic images.

Das klingt ja dann oberflächlich betrachtet doch fast nach der These Comics = Verdummung. Vielleicht muß man die Vorzüge von Visualisierung doch etwas anders erklären und die Kritiker ernster nehmen. Bleibt also noch einiges zu erforschen.