Thijs 2e Infograph

Goed, ik heb dus het weer op kerstmis proberen samen te vatten.
Ik vond de traditionele kerstgraphics maar stompzinnig, dus daar ben ik vanaf gestapt. Net zoals ik van de traditionele weergraphics afgestapt ben.

Je ziet een weergave van het weer op kerstmis van 1969 tot nu (ik moet de weergegevens van 2008 nog wel in m'n database mikken, dus die is nog wit/nul/leeg), waarbij het o.a. mogelijk is om te sorteren op jaar, temperatuur en neerslag.

De techniek erachter interesseert jullie waarschijnlijk geen zak, maar toch, de ingrediënten voor deze briljante infographic:

• 1 x KNMI site met weerdata
• 1 x importscript om deze weerdata in m'n eigen database te gooien
• 1 x een PHP file die deze data bruikbaar maakt
• 1 x AMFPHP die deze bruikbare data naar Flash kan transporteren
• 1 x Object Oriented ActionScript 3.0 boek
• 520 regels code
• 35 uur knutsel- cq. puzzeltijd

Goed mixen, in de goede volgorde uitvoeren, en hop: Thijs' 2e infographic!

NPS kaart

Het is grappig om te zien hoe NPS hun diensten visualiseren in metro kaart.

Klik op onderstaande afbeelding om de site te bezoeken

extra dimensie in Google Analytics

Visualizing Information for Advocacy: An Introduction to Information Design

Visualizing Information for Advocacy: An Introduction to Information Design is een zeer nuttige handleiding voor het maken van infographic. DOWNLOADEN DUS.
Klik op de afbeelding om het te downloaden.

Infographic Music Video

Royksopp - Remind Me

5.000 years of Fiath

Filmpje:

Operation Christmas

Infograph 1 set up

Slechte infographic

Kijk, zo moet het dus niet: :X

(Bron: Geenstijl, die het weer uit de Telegraaf heeft)

Schets 1,2 en 3

1 Infograph 3 delen:
- 1 Historisch Abstract
- 2 Maatschappelijk Figuratief/Abstract
- 3 Economisch Abstract/Figuratief

Metafoor

Metafoor opdracht

als we het dan toch over kaarten hebben..

voor alle Simpsons fans..
Een interactieve kaart van Springfield, met alle hotspots.







Niet echt een dynamic infographic, maar wel een toffe site waar je je eigen domino creatie kan maken en doormailen.
Check de favorites.

Idee Infographic 2

Hierbij mijn idee en een aantal "schetsen" in illustrator.

Zoals mijn eerste infograph over snoepgoed, wilde ik nu de slechte eigenschappen van het snoepgoed onder de loep nemen. Dit doe ik aan de hand van een onderzoek naar "bezoek aan de tandarts". Gaan er meer mensen naar de tandarts als 10 jaar terug etc. etc.

Ik wil het waarschijnlijk (in zekere zin) dynamisch maken door een tandenborstel en een groot stuk chocolade toe te voegen aan het geheel. Met de tandenborstel zie je het verloop door de jaren wat betreft tandarts bezoeken (beter gebit) en door chocolade zie je de pijnlijke/vervelende ingrepen die de tandarts moet doen ( trekken, vullingen etc.)

Idee Infographic 2

Ietsjes te laat, maar hier alsnog mijn idee voor de 2e infographic. Ik wil die gaan doen over 'de kleur rood'.

In veel verschillende culturen is rood een belangrijke kleur, en er is geen andere kleur die zoveel verschillende betekenissen heeft of symbolische waarde heeft. Vooral tijdens de decemberfeesten is de kleur erg belangrijk in veel culturen, met name rond de jaarwisseling. In China brengt de kleur voorspoed en geluk. Het is een traditie om kinderen op nieuwjaarsdag een rode envelop met geld te geven. Maar tegelijkertijd verjaagt rood de 'boze geesten', die bang zijn van de kleur. Maar ook in Italie en Spanje brengt te kleur geluk, daar draagt men tijdens de jaarwisseling traditioneel rood ondergoed.

Maar rood staat in onze eigen cultuur ook voor veel verschillende dingen, zo staat het zowel voor liefde en warmte, als gevaar, haat en bloed. Tijdens sinterklaas, kerst en oud en nieuw worden we veel aan (de betekenissen van) de kleur blootgesteld. In de infographic wil ik de overeenkomsten en verschillen in symboliek van verschillende culturen, maar vooral de impact die de kleur daarin heeft, in kaart brengen. Daarin beperk ik me zoveel mogelijk rond de decemberfeesten.

amazon textstats

Hier een voorbeeld van fascinerende "everyday statistics".
Amazon heeft een feature genoemd textstats. Klik op deze link voor een willekeurig voorbeeld: Als je Robert Penn Warren's meesterwerk All The King's Men" leest krijg je 32.249 woorden voor je dollar, en 9.204 woorden per ounce. Ik geef toe dit is literatuur fetisjisme.
Ik zet het bij inspiratie, niet omdat ik het "mooi" vind, maar omdat ik het interessant vind dat, met name bij grote sites als amazon, de verwerking en toepassing van de data die uit hun systeem voortkomt meteen weer als tool word ingezet om nog meer klantenbinding te krijgen. en het staat er met een klien bescheiden linkje. Bij Amazon wordt letterlijk alle data gebruikt en gerecycled.
Ook wel een beetje Big Brother natuurlijk.....
Trouwens, wie nog eens een goed boek wil lezen over Amerikaanse politiek.... add to cart en ze zijn je in de kerstvakantie een paar dagen kwijt :)

Dynamic Infograph 2 - Jeroen

Ik wil mijn 2e infographic doen over de Top 2000 (van Radio 2), en verschillende zaken in kaart brengen, zoals de formatie van de artiest (bandje, zanger, zangeres), en de status van de artiest (actief, niet meer actief, overleden), genre van de muziek etc. Schetsen zijn nog niet zo uitgebreid.

Opdracht 9 december: Witruimte

Vlindertuin

Het concept

Ons concept is gebaseerd op een vlindertuin. De verschillende categorieën worden weergegeven door verschillende kleuren bomen in de tuin. Je kunt zelf bomen toevoegen en weghalen. De rupsen die op de bomen zitten geven weer hoeveel ruimte je nog over hebt in je mailbox.

Als je een mailtje binnen krijgt dan verandert een rups in een cocon. Als je op de cocon klikt, komt er een vlinder uit en kan je de mail lezen. De vlinder heeft dezelfde achtergrond kleur als de boom waarin hij is geboren. Zo kan je als de vlinder in de vlindertuin fladdert nog zien welke categorie hij toebehoort. Het patroon op de vleugels geeft aan van welke afzender de mail is. Dat patroon staat ook op de cocon zodat deze ook te onderscheiden is.

Naarmate de tijd verstrijkt vervaalt de kleur van de vlinder. Hoe feller de kleur is, hoe nieuwer het bericht.

Hoe meer coconnen aan een boom hangen, hoe groter de boom wordt. Zo kan de gebruiker in een opslag zien welke boom het belangrijkste is.
Om mailtjes weg te gooien kan de gebruiker het raam open zetten zodat de vlinder ‘ontsnapt’ uit de vlindertuin.

Dus:
Vlindertuin = Mailclient
Boom = Categorie
Vlinder = Email
Patronen op de vlinder = Verzender
Aantal rupsen = Mailbox space
Vervagen van kleur = Leeftijd van de mail
Vlinder ‘ontsnapt’ = weggooien van mail

Door: Jimmy de Wijs & Mark van Gorp

Data voor Infographic 2 van Thijs

Cijfers over het aantal vuurwerkslachtoffers
een database met alle weergegevens per dag
Cijfers van het aantal verwijzingen naar Bureau HALT n.a.v. vuurwerkdelicten

Ik ben wel benieuwd naar de invloed van het weer op het vuurwerkgebruik, vandaar deze cijfers.

Heeft iemand toevallig nog ergens toegang tot verkoopcijfers van vuurwerk door de jaren heen? Ik heb het niet kunnen vinden :(

hierarchie opdracht

Hiërarchie

Hierarchie

Hierarchie

Visuele Hierarchie Fenna

Visuele hierachie

Les 3 Suzanne

Les 4 Susanne: Hierachie

Hiërarchie

visuele hierarchie oefening - Jeroen

Visuele Hierachie Alex Kuijer

Hierarchie

Visuele hierarchie

Opdracht Visuele Hiërarchie

Opdracht 1A

Oefening Hierachie

Thijs' hiërarchie

Mijn fotocompilatie.

Hierarchie

Visuele Hierarchie: Opdracht 1a

Infographics at lamosca

Site met veel kleine infographics in elke keer de zelfde kleuren. Sommige zijn niet allemaal even duidelijk. Maar zit toch zeker wel leuke en goede infographics bij.

http://www.lamosca.com/data/

Naar mijn idee wel interessante visuals. Van de New York Times.
Een tijdslijn waardoor de gebeurtenissen omtrent een vliegtuigongeluk worden verduidelijkt.

Inspiratie Infograph

Infograph over Religieuze tolerantie

Klik

City infographic

Interessante infographic over de stadscultuur van grote wereldsteden v.s. de datum wanneer de stad gesticht is. Zorgd in iedergeval wel voor een kleurig uiterlijk.

Wat zeggen de makers erover: "asking how 37 global cities, spanning centuries and 4 urban filters can begin to create new links, layers and similarities? In turn, this process generates a new graphic arena of global urban conditions and overlaps."

Het deed me denken aan Thijs zijn 1e infographic.

Filmpjes

klik op de onderstaande afbeelding om het filmpje te bekijken

Germany Vs. China - Liu Yang

Infographics van Liu Yang over de cultuurverschillen tussen het Oosten en het Westen.
Blauw= het Westen
Rood = het Oosten


Hieronder meer afbeeldingen te zien:
part I
part II
part III

Les 3 Jan Jaap: Metafoor, de vulkanische eilanden

Groepje: Boyd, Dominique en Rianne

Tornadomail

In het midden van de pagina bevind zich de stapel mail. Bovenop bevinden zich de oudere mailtjes. Vanaf onderen komen de nieuwe mailtjes binnen. Rondom de stapel mail is op de grond een driehoek getekend. Op de hoekpunten bevinden zich drie categorieën. (Contacten, Datum, Onderwerpen). De wegen tussen de hoekpunten zijn koppelingen tussen de categorieën.

Boven dit alles zweeft een tornado. De tornado kun je oppakken en slepen naar de wegen/hoekpunten. (De schaduw onder de tornado geeft aan welke keuze je gemaakt hebt). Op het moment dat je de tornado loslaat op een hoekpunt wordt de stapel mail (gedeeltelijk) opgezogen waarbij er gesorteerd word op onderwerp(en).

In de tornado staan de mailtjes gesorteerd van boven naar beneden (contacts: a-z, datum: verleden tot heden, Onderwerpen: importantie en a-z.) Tegelijkertijd geven de geladen icoontjes d.m.v. grootte aan hoe belangrijk de mail is, hoe groter het icoon hoe meer importantie het mailtje heeft.