woensdag 19 januari 2011

Definitie van information graphics - infographics

Een infographic of informatieve illustratie geeft een informatieve weergave van verschillende objecten met een combinatie van tekst en beeld. Dit kan voorkomen in de vorm van een kaart, grafiek, bord, instructieve tekening of een interactieve applicatie. Ze is bedoeld voor het overgedragen van informatie, data en kennis. Het wordt toegepast door journalisten in nieuws- en achtergrond artikelen, in financiƫle jaarverslagen, in openbaar vervoersystemen als verklarend beeld, en voor wetenschappelijke of educatieve doeleinden.

De term infographic is verkorting van de Engels term: "information graphics". In het Nederlands is dit begrip niet nader gedefinieerd en er bestaat geen overeenstemming, welke vormen van informatie ontwerpen onder de "infographic" vallen.

De infographic is een grafische weergave van informatie in de vorm van grafieken, diagrammen of strip-achtige illustraties. Binnen deze vormen wordt gebruikgemaakt van bijvoorbeeld fotografie, lijntekeningen, kleurcoderingen, teksten, cijfers, of een combinatie ervan. Alle elementen in die infographics geven informatie over actuele gebeurtenissen, of bevat een analyse van de gebeurtenissen of becommentarieert deze juist. Maar de infographic kan ook gerelateerde achtergrondinformatie weergeven.

Volgens Nigel Holmes rekent men de gewone kaart, die informatie over de omgeving weergeeft, niet tot de infographics. Infographic zijn gekoppeld aan processen of gebeurtenissen en tonen daarover gegevens. Deze gebeurtenis kan fictief zijn, gelogen, of duizenden jaren geleden plaats hebben gevonden. Dat zorgt wel weer voor een volgende onderverdeling in de infographics. Namelijk een onderverdeling naar de toepassing van de infographic. Die onderverdeling is gekoppeld aan de tijd die beschikbaar is om de infographic te fabriceren, waaraan uiteraard een financiƫle overweging aan ten grondslag ligt. Voor de infographics zorgt de tijdsdruk ervoor dat er twee stromingen zijn binnen de productie van deze visuele kunstwerken. Infographics worden gemaakt voor media met een langere ontwikkelingstijd en voor media die de actuele nieuwswaarde naar voren willen brengen. Infographics voor nieuwsmedia en voor tijdschriften (achtergronden). Het verschil tussen de pictogram en de infographic zit dus zowel in de vorm, de opzet en het doel als in de functie.

data > informatie > visualisatie > illustratie > infographic

dinsdag 18 januari 2011

Geschiedenis van de infographic

Al eeuwen maken mensen gebruik van beelden om hun ideeen te communiceren. Voordat er uberhaupt in woorden werd gecommuniceerd waren er al pictogrammen, hierogliefen en grottekeningen.

In Egypte, Mesopotanie en in China zijn iconisch systemen en symbolen teruggevonden ver voor het ontstaan van alfabetten en geschreven talen.


Invasie van Nazi Duitsland in Sovjet-Unie in 1941

Informatieve beelden zijn altijd al een onderdeel van de geciviliseerde wereld geweest. Landkaarten, grafieken en diagrammen werden als methode gebruikt om belangrijke wetenschappelijk, economische en sociale gegevens vast te leggen en te communiceren.

Ter ondersteuning van het nieuws aan de massa. Vanaf 1960 maken infographics deel uit van het nieuws in kranten en tijdschriften. De komst van de computer heeft een sterke bijdrage geleverd aan de verdere ontwikkeling van infographics. Grafische software vereenvoudigde de productie van grafieken en diagrammen. De opmaak van nieuwspagina's en de productie van dagbladen werd sneller en efficienter. Journalisten bundelden tekst en beeld om hun verhaal te vertellen.

De explosie van infographics in kranten en tijdschriften kwam in de jaren 80 van de vorige eeuw. De missie van iedere redactie was toen: biedt de lezer met weinig tijd zoveel mogelijk informatie op een vermakende en makelijk te consumeren manier. Redacties zagen in dat infographics lezers op een eenvoudige en beter te begrijpen manier informeerden over het betreffende onderwerp dan alleen tekst.

Tegenwoordig hebben de meeste kranten- en tijdschriftredacties beeldredacteuren en medewerkers in dienst op het gebied van infographics of huren ze specialisten als Sotopia in.

data > informatie > visualisatie > illustratie > infographic

zondag 16 januari 2011

Getting Started with Flash Develop and AS3

I wanted to make a really easy to follow tutorial on how to get started using the Flash Develop and Actionscript 3.0. FlashDevelop, is a .NET open source editor for Flash and web developers. I personally have recently switched to FD and am very impressed by the results, much faster workflow and project management. So this tutorial will to do things: quickly walk you through a typical FD installation and then how to compile your first application.

Please note: Flash Develop is WINDOWS ONLY!

http://nuigroup.com/forums/viewthread/1689/

http://www.swftools.com/tools-search.php


Data | Gegevens | Informatie | Illustratie | Visualisatie | Infographic

Data visualisaties voor op het internet via Flash

Al weer een paar jaar oud maar Jeffrey Heer startte een interessamt ontwikkelproject voor het vervaardigen van data visualisaties met behulp van Actionscript. Het project heet Flare en is te vinden op http://flare.prefuse.org/

De Actionscript library is beschikbaar samen met voorbeeld visualisaties die in een flash player kunnen worden bekeken. Als openscource project is de library gratis te dowloaden inclusief documentatie en een tutorial. Met de library kan je niet alleen eenvoudige grafieken en diagrammen maken maar ook complexere data animaties en interactieve infographics ontwerpen.


Data | Gegevens | Informatie | Illustratie | Visualisatie | Infographic

dinsdag 11 januari 2011

360 panorama

Een wat andere manier om informatie te visualiseren: 360 panorama beelden. In combinatie met plattegronden kan je via 360 panorama fotografie een bezoeker van een huis, beurs, showroom of winkel een uitstekend beeld geven van de inrichting, architectuur of collectie.

Het voorbeeld gemaakt op www.360-panorama-tours.com toont hoe we een villa compleet in beeld brachten.

Vincent de Vries Photography was verantwoordelijk voor de fotografie. Sotopia concepts stitchde in Panoweaver de foto's en bouwde in Tourweaver de interactieve applicatie. Zowel de plattegrond als de foto's bevatten interactieve elementen waarmee de bezoeker door de ruimte kan navigeren.

Niet wat je noemt een infographic maar zeker een methode om te overwegen om informatie duidelijk en mooi te visualiseren.

data > informatie > visualisatie > illustratie > infographic

woensdag 5 januari 2011

Locals versus tourist: Google maps, Flickr en Picassa

Interessant artikel van Marleen Luijt in de NRC Next van dinsdag 4 januari. Luijt beschrijft daar een project van de Amerikaan Eric Fischer. Hij combineerde in zijn project Locals versus tourist Google maps, Flickr en Picassa?

Het internet en de online omgevingen worden meer en meer een verzamelplaats van beeld en informatie. Deze "afvalbergen" van data bevatten briljantjes die het waard zijn ontgonnen te worden.

Door heel veel data te combineren met lokaties, geografisch data, online quotes, online gedrag etc. kunnen interessante trends en ontwikkelingen worden blootgelegd.

Het visualiseren van grote hoeveelheden data in een real time infographic zou dan de volgende stap zijn. Wie durft?


Data | Gegevens | Informatie | Illustratie | Visualisatie | Infographic

maandag 3 januari 2011

Metro lijnenvork

Nederland is toonaangevend als het gaat om bewegwijzering in de publieke omgeving. Deze visualisatie van de metro in Rotterdam geeft duidelijk de plaats van bestemming aan, gebruikt heldere, contrasterende kleuren en maakt duidelijk naar welke stations de reiziger kan reizen. Het ontwerp is van Mijksenaar en gerealiseerd in 2009.



Location:Willem van Kesselstraat,Het Lage Land,Nederland