Delivery

This post contains the deliverables that have to be handed in. First of all there is the report: verslag. Then there is the source code: code.

Well, that’s seems to be it. Have a great day!

Screenshots

Feedback other groups

Steam

Good:

• Cool animations.
• Select bars to put them at the bottom makes it easy to compare.
• Different visualizations for different stories in data.

To improve:

• Only bar and line charts.
• Why not all the graph on the same page (without selecting) if the graphs are for comparing.
• Not many dimensions to data: year of release, genre, number of releases.

F1

Good:

• Compressed timeline.
• Including races within the old point system.
• Nice style and color scheme, fits the theme.

To improve:

• Steep learning curve.
• Not knowing where to look for interesting information (e.g. search for specific drivers).
• No extra information about what particular races they won.

Butterflies

Good:

• Nice style and color scheme.
• Overview > Filter > Details on Demand.
• Binning map.

To improve:

• No scaling to fit all the graphs on one screen.
• Unclear relation between temperature and number of butterflies for non-experts.
• No comparing two butterflies species.

Video

The video of our visualization can be found here.

Try out the visualization here.

Final Presentation

The final presentation can be found here.

Vooruitgang Paper

We hebben al aan het paper gewerkt en in de SIGCHI template gegoten. Er ontbreken natuurlijk nog enkele grote delen en het paper zal vorderen naarmate de visualisatie evolueert.

Infovis Paper

Infovis van de week 7

De infovis van deze week is atypisch in de zin dat er geen quantitatieve data getoond wordt. De visualisatie is ook niet abstract. Wat ze wel interessant maakt is de inhoud. See for yourselves:

http://www.google.com/maps/about/behind-the-scenes/streetview/treks/khumbu/

Het is extreem interessant om eens rond te neuzen bij mensen die helemaal anders leven dan wij. Deze visualisatie helpt daar goed bij door de verschillende bronnen die het gebruikt: Google Maps, de tekeningen van de dorpen, Google Streetview, geluidsfragmenten met commentaren van de lokale bevolking, video’s van YouTube.

Feedback Sessie 30/03

Les: Geschiedenis van informatievisualisatie

De sessie begon met een les over de geschiedenis van de informatievisualisatie en haar toekomst. De belangrijkste les hier is dat informatievisualisatie nooit een verhaal op zich is, maar eerder ‘the means to an end’. Daarom werd de data door de visualisatie soms wat overdreven. Terugkijken naar het ontstaan van informatievisualisatie bracht ons ook bij de vraag of de visualisaties die we gewend zijn, zoals bar charts, wel zo evident zijn als we denken. Ten slotte keken we naar een presentatie van een van de ontwikkelaars van d3.js, Jeffrey Heer. Hij leerde ons dat informatievisualisatie in kwantiteit is toegenomen door de toegankelijkheid, bv. via Microsoft Excel, maar in kwaliteit is afgenomen. Heer’s oplossing was de computer zelf laten beslissen: gegeven de data, wat zijn de potentieel interessantste correlaties en hoe zouden die aan gebruikers getoond moeten worden.

Show ‘n tell

De slides van de sessie van 30/03 zijn beschikbaar hier. Omdat we weinig nieuwe ideeën hadden geïmplementeerd t.o.v. de vorige sessie was er natuurlijk veel minder feedback. De belangrijkste opmerkingen waren dat we voor tekst niet de stroke maar de fill moesten veranderen om ze te kleuren, en dat we beter geen zwaardjes konden gebruiken om conflicten op de kaart.

Nu komt het erop aan om de ideeën de we hebben te implementeren, zodat we volgende keer veel meer feedback kunnen krijgen. Dit voornemen is uiteraard opgenomen in de planning.

Feedback sessie 23/03

Na ons nieuwe idee te hebben voorgesteld in de vorige sessie hadden we 2 weken de tijd om verder te werken aan onze visualisatie. Tijdens de afgelopen sessie kregen we opnieuw veel nuttige feedback op ons eerste digitale prototype.

Namen van conflicten minder zichtbaar maken afhankelijk van inzoomniveau.

Dit kan op verschillende manieren verwezenlijkt worden:

• De namen zouden verborgen kunnen worden en pas zichtbaar worden bij een bepaald inzoomniveau.
• De namen zouden eerst doorzichtig kunnen zijn en dan geleidelijk zichtbaarder worden bij het inzoomen.
• De namen zouden vergroot/verkleind worden aan de hand van het inzoomniveau.

De tweede optie zou nogal abrupte overgangen geven dus laten we achterwege. De tweede optie is interessant en geeft en meer geleidelijke overgang en vermijdt tot op een zeker punt overlappende tekst.  De derde optie lijkt de meest logische optie en zullen we initieel implementeren.

Landen selecteren.

Het zou mogelijk moeten zijn om bijvoorbeeld 2 verschillende landen te kunnen selecteren met verschillende kleuren om zo al de conflicten met diezelfde kleur te highlighten (eventueel pulsend) indien die landen betrokken waren bij dat conflict. Dit kan zeker nieuwe inzichten geven.

Extra informatie tonen.

Indien je over een land hovert zou er een soort popup moeten verschijnen die extra informatie geeft over het conflict (data, betrokken landen, aantal doden, korte beschrijving).

Linken naar onze bron.

Indien we enkel interstate conflicten tonen kunnen we dit best vermelden en de nodige criteria geven van de conflicten die we tonen. Dit vermijd de situatie waar iemand op zoek is naar een bepaald conflict en niet begrijpt waarom die niet getoond wordt.

Wereldkaart

Een wereldkaart tonen waar we aanduiden waar de verschillende conflicten plaatsvinden is zeker een meerwaarde die bvb in de verwante visualisatie (zie vorige blogpost) niet gebruikt werd.

Infovis van de week 6 (Luca)

Deze visualisatie is meteen ook een soortgelijke visualisatie die we in ons paper kunnen opnemen.

De horizontale as is net zoals bij ons een tijdslijn, terwijl de verticale as de duur van het conflict weergeeft. Het aantal doden wordt weergegeven met de oppervlakte van de poppy, wat lijkt op ons oorspronkelijke idee om een cirkel hiervoor te gebruiken. Aangezien de visualisatie gebruik maakt van de poppies, is het logisch om lengte en oppervlakte te gebruiken om de steel en de blaadjes van de bloem weer te geven. Overlappingen worden opgelost door de kleinere oppervlaktes vooraan te zetten. Het is geen ideale oplossing, aangezien dezelfde kleuren in elkaar doorlopen, maar de visualisatie straalt wel een mooie uniformiteit uit rond het thema van de Eerste Wereldoorlog.

Er zijn meerdere filters om te kunnen sorteren op tijd, gebied en aantal slachtoffers. De namen van de conflicten worden slechts weergegeven wanneer je er over zweeft met de cursor. Door er op te klikken krijg je zelfs nog wat extra informatie. Aangezien wij toelaten om ook op onze visualisatie in te zoomen, naast enkel horizontaal te kunnen scrollen, kunnen wij de namen van de conflicten wel vanaf een bepaald niveau laten zien. Extra informatie bekomen door met de muis op het conflict te klikken of er over te hoveren is ook wat wij in gedachten hadden.

De visualisatie geeft ook de keuze tussen een lineaire en logaritmische schaal voor de duur van het conflict. Aangezien de lineaire schaal ervoor zorgt dat al de conflicten op een hoop komen te staan hebben ze er goed aan gedaan om de logaritmische schaal als default te gebruiken. Voor de sterk uiteenlopende lengtes van barcharts in onze eigen visualisatie zouden wij ook een logaritmische schaal kunnen gebruiken.

Wat wij duidelijk anders doen dan deze visualisatie is de nadruk op onze ‘gemiddelde sterfkans per dag’ metriek. Daarenboven willen wij ook een wereldkaart integreren, om de locaties nog duidelijker aan te geven. De mogelijkheid om conflicten te sorteren zou ook nieuwe inzichten kunnen geven die deze visualisatie niet geeft.