When Microsoft joined the SVG Working Group (w3c) in the beginning of 2010, John Gruber pointed out that Bill Clinton was president of the United States when SVG started. So a decade later Microsoft adds SVG support to its once dominant browser. Today’s announcement at Microsoft’s web developer conference MIX on the features of Internet Explorer 9 (ie9) was more of a relief than a surprise (read e.g. Zeldman's take).

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.

Labels: en, ie, ms, svg

Der 18. November hat das Zeug, Tag der Bevölkerungspyramide zu werden. Im Vereinigten Königreich wurde heute eine interessante Darstellung mit zwei Bevölkerungspyramiden (flash, en) vorgestellt, bei der man die Hüllkurve dieser Pyramiden für frei wählbare Jahre fixieren kann. Das ist schon eine recht anspruchsvolle Darstellung.

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.

Labels: bevölkerungspyramide, de, kritik, svg, svgweb, tagesschau

Hier noch ein praktisches Beispiel für die visuelle Darstellung von Zusammenhängen.

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)

Labels: btw09, de, vergleiche, wahlatlas

Zwei Anwendungen im Netz, mit denen man die Strukturdaten zur Bundestagswahl und die Wahlergebnisse in Verbindung bringen kann, ohne den Begriff der Korrelation einführen zu müssen. Hier das Beispiel Bevölkerungszu- bzw. -abnahme und Wahlverhalten, bei dem sich Regionen mit Bevölkerungsabnahme durch höhere Zweitstimmenanteile für die Partei Die Linke auszeichnen:

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.

Labels: btw09, de, kritik, vergleiche, wahlatlas, wahlen, zdf

Conventional wisdom in infographics has it that pie charts only work with up to six segments and each segment should represent a drastically different percentage. But that doesn't work with the basket of goods in price statistics where you may have to show the percentages of up to 700 items.

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.

Labels: en, svg, svgopen, voronoi

So I am preparing my paper for SVGopen 2009 which is titled The strengths of SVG in web mapping. Turns out that the strength of the election atlas cannot be solely attributed to the technology I used.

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.

Labels: en, svg, svgopen

In a post over at blogstats I was discussing how some of our interactive visualizations don't work under every circumstance and how it is handy to have them with you on your mobile phone. But it is no secret to even a mildly addicted web user, that a lot of times it is Internet Explorer that hinders progress. However critizising Microsoft and their web offerings might be a nice pastime for some, going the non-Internet-Explorer route usually means excluding half of your customers.

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.

Labels: en, flash, ie, populationpyramid, statistics, svg, svgopen, svgweb