Recently in Data en visualisatie Category


Knowledge cartographies / Trailer from Marco Quaggiotto on Vimeo.

ATLAS is an interface prototype being developed at the Politecnico di Milano for the exploration of research resources.
ATLAS lets the user list his bio-bibliographic resources in a shared environment and access them through many different maps and representations.
The interface becomes therefore an Atlas of knowledge cartographies, designed to show a complex environment through the overlapping of different images.
For more information, see knowledgecartography.org/

In Nederland is de eerste besmetting van de Mexikaanse griep geregistreerd bij mensen die niet in het buitenland zijn geweest. Ze zijn dus besmet geraakt binnen Nederland. Ik ben daarom eens op zoek gegaan naar visualisaties die in dit thema als onderwerphebben.

Map_20090608_0800.png
Bron: http://www.who.int/


WHO_ Influenza A(H1N1)_ Interactive Map Report-1.jpg
Bron: WHO interactieve kaart


swineflu.jpg
Bron: http://swinemap.org/


Swine Flu Center - Swine Flu Pandemic, Swine Flu Deaths, Swine Influenza, H1N1 virus, Ah1n1.jpg
Bron: http://www.webmd.com/


npr.jpg
Bron: NPR. Confirmed Cases Of Swine Flu Across The Globe.


swine_flu.jpg
Bron: Associated Press

swine_flu-1.jpg
Bron: Associated Press

swine_flu-2.jpg
Bron: Associated Press


Swine Flu Cases Map - Interactive Graphic - NYTimes.com.jpg
Bron: The New York Times.
Hier kun je dankzij een interactieve tijdlijn de ontwikkeling volgen.


pandemic-influenza.jpg
Bron: Virology Blog


slide01.gif
Flu viruses mutate over time causing small changes to proteins on their surface called antigens. If the immune system has met a particular strain of the virus before, it is likely to have some immunity; but if the antigens are new to the immune system, it will be weakened.
slide02.gif
The influenza A virus can mutate in two different ways; antigenic drift, in which existing antigens are subtly altered, and antigenic shift, in which two or more strains combine. Antigenic drift causes slight flu mutations year on year, from which humans have partial, but not complete, immunity. By contrast, the new strain of H1N1 appears to have originated via antigenic shift in Mexican pigs.
slide03-1.gif
The name "swine flu" is a slight misnomer as it is believed pigs acted as a mixing pot for several flu strains, containing genetic material from pigs, birds and humans. Most humans have never been exposed to some of the antigens involved in the new strain of flu, giving it the potential to cause a pandemic.
slide04.gif
The new virus has made the jump from pigs to humans and has demonstrated it can also pass from human to human. This is why it is demanding so much attention from health authorities. The virus passes from human to human like other types of flu, either through coughing, sneezing, or by touching infected surfaces, although little is known about how the virus acts on humans.
Bron: BBC


mappingtheoutbreak.jpg
mappingtheoutbreak-1.jpg
Bron: BBC News


slidesbbc.gif
Bron: BBC


Gráficos en ELPAÍS.com.jpg

Gráficos en ELPAÍS.com-1.jpg

Gráficos en ELPAÍS.com-2.jpg
Bron: El Pais


EU_Map_big.jpg
Bron: ECDC

Data visualisaties zijn afhankelijk van goede betrouwbare bronnen met geverifieerd cijfermateriaal. Op Opendataoverheid Wiki vind je een overzicht van Nederlandse data bronnen gevonden.

Gerelateerde informatie:
HackdeOverheid. 13 juni van 10.00-18.00 in het Volkskrantgebouw.
'Hackers' gaan spelen met overheidsdata. Webwereld. Vrijdag 29 mei 2009. Ernst-Jan Hamel.
Handreiking Open OverheidsData

Recentelijk is het boek Invisible Vision: Could Science learn from the Arts? van Sabine Wildevuur verschenen. Aanleiding voor de Waag om een avond te organiseren waar verschillende mensen vanuit verschillende invalshoeken bekijken of er een meerwaarde is wanneer kunstenaars natuurlijke of medische processen visualiseren. En kan de wetenschap daarvan kan leren.

Meer informatie op Berichten uit de Society en wijde omtrek >

Datum en locatie
Woensdagavond 24 juni 2009,
tijd 20.00 -22.00 uur.
Theatrum Anatomicum
Nieuwmarkt 4,
1012 CR Amsterdam

De avond is ook live te volgen via het streamingkanaal KillerTV.nl

Het boek Invisible Vision. Could science learn from the arts is te bestellen bij de uitgeverij Bohn Stafleu en van Loghum.

AUTEUR S.E. Wildevuur
ISBN 9789031351015
PRIJS 69.50
LEVERBAARHEID leverbaar

...pas dan kan er nieuwe informatie ontstaan. Wat ontstaan is als een hobbyproject van drie piloten om hun eigen vluchten te registreren is uitgegroeid tot een professioneel platform voor piloten. Door het combineren en visualiseren van vrij beschikbare commerciële vluchtgegevens zijn alle vliegbewegingen op een kaart te volgen.

flightaware.jpg

FlightAware. Live Flight Tracking.
• Ars Technica: Monster mashup: mapping every plane in the air, Nate Anderson, 27 mei 2009

Data visualisatie wordt steeds meer een hot topic...
CSI serie 2009 aflevering 14:

csi_alibi2.jpg

...he has no alibi between 12:00 and 2:30...

csi_alibi.jpg

.

Jeffrey Veen gaat in deze video aan de hand van voorbeelden dieper in op het geven van betekenis aan grote hoeveelheden data door het toevoegen van metadata en labels. Hij laat zien dat je als vormgever ook betekenis kunt geven door het gedoseerd toevoegen van versieringen zoals kleur, typografie en vorm. En dat er een evenwicht moet zijn tussen versiering en betekenis.
Tussendoor...
- haalt hij nog een quote van Minard aan:

The aim of my carte figurative is ... to convey promptly to the eye relation not given quickly by numbers requiring mental calculations.

- geeft hij een paar tips:
  • remove everything that isn't telling the story
  • enable people to find their stories
  • create tools to let people manipulate their own data
  • provide filters (like Gapminder) to enable clarity in the data


- en geeft hij een overzicht van punten geleerd bij het maken van visualisaties op basis van Google Analytics.

Gerelateerde informatie
Zijn presentatieschermen zijn als PDF te downloaden >
Online staan nog meer video- en online schermpresentaties gegeven tijdens UX Week 2008.

Links
UX Week
Adaptive Path op Vimeo

(Tip: Peter Bogaards)

JoAnn Kuchera-Morin demos the AlloSphere, a new way to see, hear and interpret scientific data. Dive into the brain, feel electron spin, hear the music of the elements ... and detect previously unseen patterns that could lead to new discoveries. Video on TED.com ©TED

OECDregionalstatistics.jpg

URL: http://stats.oecd.org/OECDregionalstatistics/

De OECD, de organisatie voor economische samenwerking en ontwikkeling, heeft haar online data-visualisatie platform vernieuwd. Je kunt er bestaande economische data filteren en op verschillende manieren (interactieve kaart, scatterplot, geanimeerde tijdslijn, parallelle geografische panelen) visualiseren. Ook kun je je eigen datasets uploaden waardoor patronen zichtbaar worden.

De doelstelling van de eXplorer is om belangrijke regionale patronen en trends zichtbaar te maken.

Meer informatie:
• OECD: Regional Statistics and Indicators
OECD launches new OECD eXplorer: web-tool for analysing regional statistics

Gerelateerde informatie:
• Latebytes: Nieuwe manieren om globale statistische data te presenteren
• Latebytes: Intelligente legenda's

De Malofiej Awards, bekend over de hele wereld als de 'Pulitzer Prijzen voor Infographic Design', is een jaarlijkse, internationale wedstrijd voor print en online informatie graphics. De wedstrijd is vernoemd naar de Argentijnse vormgever/infographer Alejandro Malofiej (1938-87) wiens werk het meest gekenmerkt wordt door eenvoud, toepasselijkheid en creativiteit. Hij werkte voor de Argenteinse krant "La Opinión" vanaf het begin van de jaren 1960 tot zijn dood in 1987.

Het doel van de Awards is het in de spotlight brengen van creatieve en informatieve hoogstandjes in de visuele journalistiek. Duizenden infographics worden elk jaar ingeleverd voor de wedstrijd. Deze worden, binnen een breed scala van categorieën, beoordeeld door een internationale jury van professionele en academische deskundigen op het gebied van gedrukte en digitale media.

Op de Infographicsnews blog vind je een overzicht van de winnaars van de Malofiej 17 (2008) Awards.

De Peter Sullivan Award ('Best of Show') is naar de New York Times gegaan voor 'The Ebb and Flow of Movies: Box Office Receipts 1986 -- 2008'.

TheEbbandFlowofMovies.jpg

De Miguel Urabayen prijs voor de beste kaart ging ook naar de NYTimes voor de Electoral Explorer.

ElectoralExplorer.jpg

Nederland heeft dit jaar twee prijzen in de wacht weten te slepen. De Volkskrant heeft een zilveren medaille gewonnen in de categorie 'Features' met de infographic 'Wie herdenken wij morgen' gemaakt door Remy Jon-Ming.

RJM_003_dodenherdenking.jpg

Een andere zilveren medaille ging naar Schwandt infographics voor de interactieve Ecoson, Groene Stroom graphic.

Links:

Data gehaald uit Twitter (= een gratis internetdienst waar mensen in real time korte berichten met elkaar kunnen uitwisselen) wordt binnen de Social Collider van Sascha Pohflepp en Karsten Schmidt gevisualiseerd. Je kunt zoeken op gebruiker, onderwerp of trend. Berichten die 'resoneren' worden op de horizontale lijn met elkaar gelinkt, andere zwakken af naar beneden.

Wat precies het criterium is om te behoren tot de 'resonerende' groep is mij niet helemaal duidelijk maar het concept is sterk. Op deze manier kunnen er patronen in de communicatie ontdekt worden die anders verborgen blijven.

Gerelateerde informatie:
Chrome Experiments. Not your mother's JavaScript.
Sascha Pohflepp
Karsten Schmidt
Toxi's Photostream


Primal Source (video documentation) from haque d+r on Vimeo.

Primal Source, het visualiseren van lijfelijk data.
Daar had ik best wel eens even willen staan gillen...
Input: menselijke stemmen
Output: licht, kleuren en patronen
Url: Haque, design & research, Primal Source

Iedereen die ooit gebruik heeft gemaakt van het Parijse Metropolitain kan zich de grote routeborden bij de ingangen van de stations en op de perrons herinneren. Deze waren, in tegenstelling tot die van de London Tube, een redelijke geografische weergave.

paris-map-metro-big.gif

Zie hieronder de daadwerkelijke geografische ligging van de stations:

Paris_Metro_map.gif

Toch heeft Harry Beck vlak na WOII twee ontwerpen gepresenteerd aan de Fransen. Deze hebben de ontwerpen waarbij de geografische werkelijkheid volledig is losgelaten afgekeurd.

Pas in 2000 heeft de RATP plattegronden ontwikkeld die recht doen aan het gedachtegoed van Beck. De plattegronden zijn overzichtelijk en helder vormgegeven.

metro.gif

Maar heeft nog tot 2008 geduurd voordat ook de routeborden bij de ingangen van de stations en op de perrons zijn vervangen. Lees meer hierover op de site van Creative Review Harry Beck: The Paris Connection >

Related links:
Plan Interactif des transports en Ile-de-France
Different viewpoints of information (Latebytes)
Met dank aan Peter Bogaards voor de tip

Het online tijdschrift verzameld en toont innovatieve visualisaties van data waardoor complexe informatie vereenvoudigd weergegeven wordt. Het thema van Visualisations #2 is circels.

cover.jpg

Visualisation Vol2 - Circles-1.jpg

Visualisation Vol2 - Circles.jpg

000210-2317.jpg

Definitie: "Intense, Simple, Word-Sized Graphics"
© Edward Tufte

jQuery Sparklines.jpg

jQuery Sparklines: a jQuery plugin that generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.

Zowel de Financial Times als het NRC hebben een interactieve kaart die de economische crisis in Europa in beeld brengt ontwikkeld. Beide gebruiken ze voor de data een verschillende bron waardoor cijfers niet gelijk zijn.

ft_europeaneconomicforecast.jpg

De FT heeft een duidelijk them met een 'economic forecast'. Ze gebruiken de beeldtaal die hoort bij weerkaarten. De gebruikte datasets zijn tijd en bruto nationaal inkomen (een veelgebruikte maat voor de omvang van een economie).
Doordat de iconen net iets anders betekenen dan waar ze oorspronkelijk voor bedoeld zijn is het lastig interpreteren wat nu precies bedoeld wordt met de iconen. De legenda is een onmisbaar element. Een overzicht over lange periode is niet op te roepen.

nrc_economischecrisisEU.jpg

Het NRC biedt beduidend meer gegevens aan. Heeft naast een datakaart ook diagrammen om ontwikkelingen zichtbaar te maken. Het is niet direct duidelijk welke onderdelen klikbaar zijn. Doordat ze werken met verschillende basis vormen kunnen we hier wel verschillende jaren vergelijken.
Toch is het jammer dat er, naast de datakaart, niet gekozen is voor een tijdreeks die staatsschuld, economische groei, werkloosheid en begrotingstekort in één keer zichtbaar had gemaakt. Die had een beter overzicht van de economische ontwikkelingen in de Europese Unie kunnen geven dan nu het geval is.

Kunstenaars, techneuten en filmmakers creëren op internet voortdurend nieuwe manieren om de werkelijkheid in kaart te brengen en wijzen ons op onverwachte, triviale en shockerende aspecten van ons bestaan. Tijdens dit Doclab debat worden hoogtepunten uit het programma, waaronder o.a. de webdocumentaire Gaza|Sderot, besproken en presenteert Mediamatic de resultaten van de Any Media Workshop.

Tijdens het Doclab debat op 27 november werden o.a. hoogtepunten uit het programma besproken door Yuri Engelhardt en Raul Nino Zambrano, presenteerde Serge van Schie de creatieve toepassingen van Photosynth en bespraken Alexandre Brachet en Serge Godrey hoe de indrukwekkende webdocumentaire Gaza/Sderot tot stand is gekomen.

Een compleet overzicht van alle visuele uitingen rondom Obama's verkiezingsstrijd gemaakt door Information Design Studio.
Er zitten een paar prachtige uitingen tussen:

XPLANED_Obama_Fundraising_72.jpg
© http://www.xplane.com/obama/

decision-tree.jpg
© The New Yrok Times, 18 april 2009

brainstem1.jpg

partsofbrain1.jpg

Courtesy of Neurons Firing

Het Interface Design Team van de universiteit van toegepaste wetenschappen in Potsdam heeft een online applicatie ontwikkeld waarbinnen je door verschillende ontwerp patronen kunt browsen. Het is een ware schat aan informatie over problemen en mogelijke oplossingen die er zijn op het gebied van interface, interactie elementen en schermontwerp.

patternBrowser.jpg

Gerelateerde links
http://www.welie.com/patterns/
http://developer.yahoo.com/ypatterns/
http://interface.fh-potsdam.de/infodesignpatterns/patterns.php

prognosebevolkingsontwikkelingpergemeente.gif
Bron: http://www.ruimtelijkplanbureau.nl/

Een bijna gelijke grafiek 'Bevolkingsgroei per gemeente, 2007-2025' met een andere kleurstelling, schaalverdeling en periode ziet er zo uit:

2621g1.gif
Bron: http://www.cbs.nl/

In een oogopslag is duidelijk hoe de informatie door middel van kleurgebruik gemanipuleerd kan worden.

Een grafiek kan relaties tussen voorwerpen in beeld brengen. Het kan een verzameling knopen en lijnen die paren verbinden in beeld brengen. Een voorbeeld:
333px-6n-graf.svg.png

Deze manier wordt bijvoorbeeld gebruikt bij het in beeld brengen van sociale netwerken, bij het schetsen van elektrische schema's en in de cartografie. Je kunt hiermee ook database modellen in kaart brengen. We zetten bijvoorbeeld Django modellen met behulp van Python om naar Graphviz DOT files. GraphViz (= Graph Visualization Software) is [simpel gesteld] de software die gebruikt maakt van de DOT taal om wiskundige berekeningen te visualiseren.

Het brengt de onderliggende relaties prachtig in beeld:
DjangoGraphViz.png

Meer informatie:
~ Converting Django models into Graphviz DOT files
~ Graphviz - Graph Visualization Software
~ Django extensie: GraphModels

Some background information on the Did You Know? presentation.

IDFADOCLAB.jpg

Van 20 tot en met 30 november is er weer het International Documentary Film Festival Amsterdam. Dit jaar richt ze zich met het nieuwe programmaonderdeel Doclab op de relatie tussen nieuwe media en documentaire. Het hoofdthema is datavisualisatie. Zelf zeggen ze hierover:

De hoeveelheid beschikbare data is gigantisch en het wordt steeds makkelijker en verleidelijker om er daar iets te doen. Dit zien we vooral terug in de opkomst van het fenomeen 'datavisualisatie' onder wetenschappers, webdesigners, mediakunstenaars en, in toenemende mate, documentairemakers (denk bijvoorbeeld aan het succes van Al Gore's als 'powerpoint-documentaire' omschreven An Inconvenient Truth).

Binnen Doclab onderzoekt IDFA hoe datavisualisaties de meest absurde, ontluisterende, triviale en onverwachte aspecten van de werkelijkheid in kaart brengen. Het programma, dat bestaat uit films, websites en interactieve projecten, toont een selectie van de meest tot de verbeelding sprekende datavisualisaties van de afgelopen jaren en onderzoekt hoe deze zich verhouden tot hedendaagse documentaire cinema en crossmedia.

[Website] Idfa Doclab 2008 [Datavisualization & Documentary]. Het interactieve programma is ook gratis te bekijken op een groot scherm in de Cineac, tegenover Tuschinski.

De kracht van een data visualisatie

Een bak cijfers vertalen naar een visuele weergave kan ervoor zorgen dat statistische data beter gecommuniceerd wordt. Grafieken zijn zoals Tufte (1997), een bekende auteur op het gebied van analytisch ontwerp, zegt 'instruments for reasoning'. Voordat het zover is zullen echter eerst een paar stappen genomen moeten worden. Ervan uitgaande dat de bak met data al verzameld is moet er gekeken worden welke cijfers met elkaar in verband kunnen worden gebracht. Is er een ontwikkeling in tijd, zijn er verschillen, is er een stijgende of dalende lijn in te ontdekken etcetra. Door deze data te rangschikken en te ordenen kunnen deze patronen zichtbaar gemaakt worden. Ontwikkelingen, schommelingen hierin, de frequentie hiervan, onderlinge relaties en een totaaloverzicht kunnen in beeld gebracht worden.

Data moet, volgens Tufte (1997), zo in beeld gebracht worden dat

  • vergelijkingen (het vergelijken van 2 of meer variabelen),
  • verspreidingen (hoe vaak verschillende waardes van één of meer variabelen voorkomen),
  • samenstellingen,
  • ontwikkelingen (variabelen door de tijd heen) en
  • onderliggende relaties zichtbaar gemaakt kunnen worden.

Dr. Andrew V. Abela (2006), een professor in marketing en marktonderzoek aan de Catholic University of America in Washington, gaat uit van 4 mogelijkheden: vergelijkingen, onderliggende relaties, verspreidingen en samenstellingen. Visueel is dit te zien in zijne 'Chart Suggestions--A Thought-Starter'.

ChartSuggestions.jpg

Dit artikel is een kort overzicht van een paar hoogtepunten uit de geschiedenis. Het is een samenvatting van alle artikelen die al eerder door mij gepubliceerd zijn op deze blog. En is bedoeld als een summier maar compleet overzicht met onderstaande conclusie als resultaat:

Conclusie

Wanneer je de ontwikkelingen in datavisualisatie vergelijkt met die van de maatschappij zie je dat er vooral grote ontwikkelingen op het gebied van data visualisatie plaats vonden vlak na grote overgangen in de maatschappij.

Vlak na het industriële tijdperk bijvoorbeeld, eind 18e - begin 19e eeuw, was er een enorme opbloei van data visualisatie.

En sinds het post-industriële tijdperk de opkomst van de personal computer (In 1983 introduceerde IBM zijn eerste Personal Computer in Nederland.) zie je een toename de verschillende visualisatie technieken (wordclouds, treemaps, spreadplots).

Vandaag de dag volgen zowel de technologische als maatschappelijk ontwikkelingen elkaar in hoog tempo op. Computers worden steeds sneller, hebben steeds meer rekenkracht om ingewikkelde berekeningen uit te voeren. Het delen van informatie, het participeren hierin, rijke internet applicaties is steeds meer een gemeengoed. Het valt buiten de scope van mijn artikel om in te gaan op de huidige enorme technologische ontwikkeling maar het zal zeker van grote invloed zijn op de datavisualisatie en het presenteren van gegevens. Het is een goed moment om nu te gaan kijken naar de nieuwe mogelijkheden.

Stani Michiels (eerder genoemd in 'Informatie op een munt') heeft een uitleg over het ontstaan van de herdenkingsmunt online gezet.

Links:
De uitgebreide beschrijving van het ontwerp door ontwerper Stani Michiels.
How to make money with free software... by Stani Michiels.

NYTimes_VisualizationLab.gif

A specially for The New York Times developed version of Many Eyes can be used to create visualizations using data from today's news. Users of the website will be able to visualize and comment on information and data sets presented by the NYTimes. They can share those visualizations with others and create topic hubs where people can discuss specific subjects.

Why is the Times working with IBM to distribute Many Eyes on NYTimes.com? Like the creators of Many Eyes at IBM's Visual Communication Lab, The Times believes that users could bring their insight to the process of interpreting data and information and discovering new and innovative ways of presenting them. Just as readers' comments on articles and blogs enhance our journalism, these visualizations - and the sparks they generate - can take on new value in a social setting and become a catalyst for discussion.

The New York Times Visualization Lab

Personally I think it's positive that users can see visualizations of data. It can give more insight in the accompanying news articles. But offering users the opportunity to use that many visualization options is very distracting and leads to nothing.

VisualizationLab_ Data_sets.jpg

De meest gebruikte manier om met elkaar te communiceren is door het gebruik van woorden. Woorden die bestaan uit verschillende letters en die eenmaal samengevoegd een bepaalde betekenis krijgen.

Dat noemen we ook wel taal. De online van Dale omschrijft taal als: taal de; v(m) talen

  1. spraakklanken waarmee men zijn gedachten en gevoelens aan anderen kenbaar maakt
  2. spraakklanken ve bep. gemeenschap: de Nederlandse ~
  3. dat wat iem zegt, zijn woorden: ~ noch teken geven niets van zich laten horen
  4. (in het algem) middel om gedachten en gevoelens kenbaar te maken: gebarentaal, lichaamstaal

Vijf basisvormen

Nu zijn er, denk ik, vijf basisvormen van taal te onderscheiden.

woordtaal.pngde woordtaal, de meest gebruikte taalvorm die zowel in gesproken als geschreven vorm gebruikt wordt,
systeemtaal.pngde systeem- of cijfertaal zoals bijvoorbeeld het periodiek systeem (geschreven),
beeldtaal.pngde beeldtaal van bijvoorbeeld de statistiek of hiërogliefen (geschreven)
lichaamstaal.pngde lichaamstaal (fysiek) en
gebarentaal.pngde gebarentaal (fysiek) waarbij gedachten worden geuit door het gebruik van gebaren.

Ik wil hierbij eens wat dieper ingaan op één van deze basisvormen: de beeldtaal.

Data visualisatie is een vorm beeldtaal

Wanneer bij een woordtaal de letters woorden vormen die eenmaal samengevoegd betekenisvolle zinnen kunnen zijn dan zou je binnen de beeldtaal Bertin's 'visuele variabele': positie (x- en y-as), omvang (hoeveelheid of grootte), grijswaarde, textuur, kleurtint, oriëntatie () en vorm als letters kunnen zien die met behulp van de vier basisvormen, de woorden, (data kaarten, tijdsreeksen, plaats-tijd narrative ontwerpen en relationele grafieken) kunnen communiceren tot volledige zinnen. Het wordt pas een zin als er ook daadwerkelijk data (de betekenis) aan gekoppeld wordt.

09a.jpg

Dan Roam, 'Drawing on a Napkin'

Een deel van deze visuele variabele van Bertin kwam ik ook tegen bij Dan Roam (Digital Roam) in zijn boek Drawing on a Napkin. Zijn letters zijn basisvormen, lijnen en pijlen, mensen en objecten:

basisvormen.png

Dave Gray, XPlane

Een andere beelddenker, Dave Gray, oprichter van XPLane ('the visual thinking company'), heeft een video gemaakt van wat hij als de bouwstenen van de visuele taal ziet: "Forms, fields and flows".

De laatste tijd vallen de financiële instellingen met bosjes om. Het valt me op dat er in het nieuws veel over geschreven en gepraat wordt maar weinig gevisualiseerd. Toch kan een goede visualisatie veel verduidelijken.

vakgebiedenvisualisatie.gif

De eerst keer dat ik over Processing hoorde was toen ik de data visualisatie "De vergeten kade" van Marieke Brommersma tegenkwam die de drugsoverlast in een bepaald gebied in Amsterdam in beeld moest brengen. Het zag er visueel aantrekkelijk uit en ik was nieuwsgierig hoe ze dat bereikt had.

Adam.jpeg

Processing is de door Ben Fry en Casey Reas ontwikkelde, open-source op Java gebaseerde, programmeertaal. Het kan gebruikt worden om op een visuele manier de grondbeginselen van het programmeren onder de knie te krijgen en is vooral bedoeld om interactieve afbeeldingen, animaties mee te ontwikkelen. Om die reden zie dat het in toenemende mate gebruikt wordt voor data visualisaties.

Een mooi voorbeeld komt van Kars Alfrink, een freelance interactie ontwerper, laat stap voor stap in een blogartikel zien hoe hij met behulp van onder andere Processing een interactieve kaart met reistijden ontwikkeld.

2761843373_343812a73d.jpg

Meer voorbeelden van wat met Processing mogelijk is kun je vinden op de tentoonstellingspagina of op de projectpagina van Ben Fry.

tt_varnelis.jpg Kazys Varnelis en Leah Meisterlin hebben een artikel over het ontwerpen van intelligente kaarten [1] geschreven. Ze vergelijken hierin de klassieke papieren kaart die alleen ruimtelijke informatie laat zien met de online plattegrond applicaties zoals Google Maps die ons de goede richting geeft.

"We gebruiken tegenwoordig GPS (Global Positioning System) om onze routes uit te stippelen. En Google mash-ups en geotagging maken het mogelijk om onze persoonlijke kaarten te maken. Het is het tijdperk van de intelligente kaarten..."

tt_varnelis_1.jpg

Afgelopen zaterdag (21 juni 2008) is in het Parool een uitgebreid artikel verschenen over de publicaties 'Kijken achter de cijfers' en 'Criminogeniteitsbeeld Amsterdam 2008'.

art_xlarge_3668.jpg

Onderzoekers hebben voor het eerst tot op wijkniveau in kaart gebracht waar in Amsterdam het risico op criminaliteit het grootst is - en door welke factoren. Nieuw is dat niet zozeer is gekeken naar de misdaadcijfers, maar juist naar omstandigheden die criminaliteit in de hand werken: het aantal laagopgeleide ouders in een buurt, allochtonen, krappe huizen, uitvallers op school. Lees verder op de site van het Parool.

Gerelateerde informatie
Dienst Onderzoek en Statistiek. Publicaties: Kijken achter de Cijfers.
Vrije Universiteit Amsterdam. Onderzoekspublicaties: Kijken achter de cijfers en criminogeniteitsbeeld.

De visualisatie, Code_swarm genoemd, toont een overzicht van de bijdragen van verschillende personen aan de ontwikkeling van software door de tijd heen. Een bijdrage is wanneer een persoon een verandering aanbrengt in de code of in een document en deze toevoegt aan de centrale bewaarplaats. Zowel ontwikkelaars als documenten worden als bewegende objecten weergegeven. Zodra een ontwikkelaar een document bewerkt licht het op en verschuift naar de ontwikkelaar. De document zijn kleurgecodeerd, afhankelijk van of het code is of gewoon tekst. Wanneer gedurende een langere periode documenten niet wijzigen of ontwikkelaars geen bijdrage leveren vervagen ze naar de achtergrond. Een histogram onderaan laat zien wat er eerder is gebeurd.

Het project is ontwikkeld door Michael Ogawa met behulp van de prgrammeertaal Processing. De broncode is opensource en is te vinden op http://code.google.com/p/codeswarm.

De meest toegankelijke visualisatie is die van Guido van Rossum met betrekking tot de ontwikkeling van Python.

code_swarm - Python on Vimeo.jpg code_swarm - Python on Vimeo-2.jpg code_swarm - Python on Vimeo-1.jpg


code_swarm - Python from Michael Ogawa on Vimeo.

Meer informatie kun je vinden op de projectpagina.

* Organic information visualization, coined by Ben Fry, is a different approach to information visualization. It eschews traditional data confinement in space and lets the elements play together in freeform and unpredictable ways.

iTunes-2.png De dagelijkse doses informatie die we voorgeschoteld krijgen neemt nog steeds toe. Het gevolg hiervan is dat we steeds meer willen onthouden. Gereedschappen zoals de personal digital assistant (PDA) die ons daar bij kunnen ondersteunen vinden dan ook gretig hun weg op de markt. Een van de eerst was de Psion Organiser, iets later kreeg je de Apple Newton en de Palm Pilot. In 2007 kwamen daar de Apple iPhone en de iPod touch bij. Afgelopen maadag 9 juni was de keynote speech van Steve Jobs waarin de iPhone 3G geïntroduceerd werd. En vol bewondering heb ik gekeken naar de applicaties ontwikkeld door derden voor dit apparaat. Mark Williams van Modality presenteerden er bijvoorbeeld Netter's Anatomy voor de iPhone, een atlas van de menselijke anatomy in zakformaat.

Een grote hoeveelheid informatie wordt geordend, overzichtelijk en met prachtige medische illustraties aangeboden voor interactieve weergave op een wanna-have platform met touchscreen. Het omzetten van informatie naar kennis, het uit je hoofd leren van alle onderdelen van het menselijk lichaam moet zo toch veel leuker zijn. Je kunt leren terwijl je op de trein wacht, gewoon van je telefoon.

watwaswaarNl_Page_1.png

In het Parool van afgelopen zaterdag werd in een klein bericht een nieuwe webapplicatie genoemd waar je historische informatie over elke plek in Nederland kunt vinden. Of zoals ze zelf zeggen:

Speur naar historische kaarten of foto's van bijvoorbeeld je eigen leefomgeving. WatWasWaar.nl geeft snel en overzichtelijk toegang tot een groot aantal, soms unieke collecties, van Nederlandse erfgoedinstellingen. Het materiaal is zeer divers, overal anders en wordt continu aangevuld.

Toch leuk om te weten dat de grond onder ons kantoor in de Beurs van Berlage twee eeuwen geleden nog water was. De consequenties van bouwen op deze basis zijn nog steeds zichtbaar door dynamische scheurstructuren op onze muren...

WatWasWaar-1.png

VisNetw.png

Op uitnodiging van Yuri Engelhardt (Yuri, thanks, I really appreciated it) zijn Paul en ik gisteren naar de Waag gegaan om de zeven interactieve projecten te bekijken die ontwikkeld zijn door de multidisciplinaire teams van de UvA en de MAHKU. Elk vijfkoppig team bestaat uit drie technisch ontwikkelaars (UvA), twee media analisten (Uva) en een grafisch ontwerper (MAHKU).

Na een introductie van Waag Society en Media Gilde passeerden de zeven projecten in korte presentaties de revue:

  1. Vriendjespolitiek.net waar je door middel van je Hyves profiel kunt kijken welke politieke partijen het beste bij je passen.
  2. MatchMaker waarbij de persoonlijke profielen gepubliceerd binnen het sociale netwerk Hyves gematched worden naar overeenkomst interesses.
  3. Data Body die door visualisaties mensen bewust willen maken van hun gepubliceerde profielen door deze te vergelijken met andere profielen. Dankzij Data Body kun je vaststellen in hoeverre jou profiel op MySpace afwijkend is van de statistische massa.
  4. LoOSN combineert met behulp van data verkregen via Alexa een wereldkaart, wereldtalen en de verschillende sociale netwerken. In de applicatie krijg je bijvoorbeeld te zien welke talen in welke landen gesproken worden, in welke sociale netwerken deze talen gesproken worden.
  5. Friendscape haalt de data uit Hyves en presenteert gedeelde foto's op een 3D grid waarbij op de ene as de namen zijn uitgezet, op de andere de maanden. Foto's zijn gestapeld op de kruisingen van de x- en de ij-as. Hoe hoger een stapel hoe meer foto's.
  6. Kaboom die een alternatieve manier (op kleur of op tags) biedt om visueel door de afbeeldingen te browsen. Dit project deed me denken aan IBM's experimentele Query By Image Content (QBIC) zoektechnologie. Kaboom maakt een histogram van een plaatje en vergelijkt dit met het histogram van andere plaatjes om zo te kunnen matchen.
  7. En als laatste A tags life die trends in beeld brengt door het koppelen van geplaatste Flickr foto's aan bekeken Flickr foto's.

Meer informatie over de projecten is te lezen op de site van Masters of Media.

Het waren zeven vlotte presentaties van young professionals in een warm Theatrum Anatomicum en dit artikel doet ze zeker te kort. Een ding is zeker, het combineren van de verschillende specialisaties heeft tot een hele mooie synergie geleid.

Betrokken opleidingen

Gerelateerde informatie

Invitation_21_May_2008.jpg Morgen (woensdag 21 mei) worden in het Theatrum Anatomicum van de Waag (Nieuwmarkt 4, Amsterdam) 7 innovatieve visualisatieprojecten gepresenteerd onder de noemer 'Visualizing the Network'. Hierbij worden beelden gebruikt om door online sociale netwerken te 'navigeren' en op een nieuwe manier informatie te onttrekken aan het net. Initiatiefnemers zijn de UvA en de MaHKU. Toegang is gratis.

Bron
site Waag Society

Een 'design pattern' is een systematische beschrijving over een optimale toepassing van vaardigheden. Uitgangspunt is altijd de meest effectieve oplossing uit de praktijk waardoor er minder complicaties bij de uiteindelijke implementaties zullen zijn.

Deze manier van beschrijven is ontwikkeld door de architect Christopher Alexander. Hij ontwikkelde een ontwerpmethode voor architecten en stedenbouwkundigen en beschreef deze in 1977 in zijn boek 'A Pattern Language: Towns, Buildings, Construction'.
In 1994 hoorde ik voor het eerst over design patterns op de @Home conferentie van Doors of Perception.
En sinds ongeveer 2000 volg ik de groei Martijn van Welie's 'A Pattern Library for Interaction Design' nauwgezet. In de loop van de tijd zijn daar ook de Design Pattern Library van Yahoo en het Web Patterns Project van U.C. Berkeley School of Information bijgekomen.

Een pattern bestaat ruwweg uit:

  • naam
  • probleem dat het patroon oplost
  • synoniemen
  • probleemomschrijving (voorbeeld wanneer patroon de oplossing zou kunnen zijn)
  • context waarop het patroon van toepassing is
  • structuur van het patroon
  • implementatie van het patroon
  • voorbeeld
  • voorbeelden gerelateerde patronen

De InfoDesign site heeft een mooie verzameling links naar relevante informatie over patterns op het web!

Nu heeft Christian Behrens als bijlage bij zijn master thesis 'The Form of Facts and Figures' een website 'Information Design Patterns' ontwikkeld waarin hij design patronen voor het visualiseren van informatie omschrijft.

skitched-20080520-114250.png

vdqi_bookcover.gif Als het goed is wordt dit het laatste artikel dat zijn oorsprong heeft in Tufte's klassieke boek 'The visual display of quantitative information'. Niet zonder spijt want het is een prachtig gebonden boek van mooie lithografische kwaliteit vol zorgvuldig gerangschikte afbeeldingen. En de grondigheid waarmee hij zijn kennis met voorbeelden omschrijft en laat zien is zeer aangenaam.

... Theory and practice in the design of data graphics, 250 illustrations of the best (and a few of the worst) statistical graphics, with detailed analysis of how to display data for precise, effective, quick analysis. ...

Tufte verdeeld het onderdeel 'theorie van grafische data visualisatie' in 5 onderdelen.

  1. Data-inkt en grafische restyling.
  2. Chart-junk: vibraties, grids en eenden.
  3. Data-inkt maximalisatie en grafische vormgeving.
  4. Multifunctionele grafische elementen.
  5. Data dichtheid en kleine veelvouden.
  6. Esthetiek en techniek in grafische data visualisatie.

'Graphical integrity' kenmerkt zich, volgens Tufte, door een zestal principes:

  1. Zorg dat de weergave van nummers, zoals daadwerkelijk gemeten binnen een grafiek, moeten gelijk zijn aan de gevisualiseerde numerieke hoeveelheden.
  2. Gebruik heldere, grondige en gedetailleerde etikettering, om grafische vervorming en dubbelzinnigheid te voorkomen.
  3. Toon variatie in data, niet in het ontwerp.
  4. Geef geld in tijdslijnen gecorrigeerd voor inflatie en in standaardeenheden weer. Dat is veelal beter dan een nominale weergave van het geld.
  5. Gebruik geen twee of driedimensionele weergave om eendimensionele data te visualiseren. Het aantal getoonde informatie-dragende dimensies mag niet het aantal dimensies in gegevens overschrijden.
  6. Laat geen data zien die buiten de context vallen.

Bij het communiceren van complexe kwantitatieve ideeën zijn er vier basisvormen te onderscheiden:

  1. data kaarten,
  2. tijdsreeksen,
  3. plaats-tijd narrative ontwerpen en
  4. relationele grafieken.