Waarom ik niet van Infogram hou

Infogram is een populaire tool om snel online grafiekjes te maken. Hier leg ik uit waarom je Infogram beter vermijdt op een nieuwsredactie en in elke andere professionele omgeving.

Infogram

De grote plus van Infogram is de eenvoud en snelheid waarmee grafieken kunnen worden gemaakt: kies een template, kies een grafische vorm (staafjes, lijnen, …), pas de data aan en klik ‘Publish’. ‘Charts & Infographics the Easy Way’ beschrijft Infogram zichzelf. Maar deze eenvoud heeft nadelen.

infogram

Slechte default instellingen

Mijn grootste kritiek gaat over de default-instellingen van Infogram. Een paar voorbeelden hiervan:

  • staafjes op een staafgrafiek hebben standaard allemaal een andere kleur
  • staafjes hebben geen datalabels
  • lijngrafieken hebben grids
  • lijngrafieken hebben een y-as die niet van 0 begint
  • lijngrafieken hebben vaak verticale tekst

Deze standaardinstellingen gaan in tegen de regels van goede datavisualisatie. Als gebruiker kan je deze zaken natuurlijk zelf wel corrigeren, maar de overgrote meerderheid van de Infograms die ik tegenkom gebruiken de standaardinstellingen. Nochtans zijn er mensen in en rond Infogram die beter weten, zoals dit artikel aantoont. Vergelijk daar de voorbeeld-Instagram eens met de tips die op het einde worden gegeven.

Hier komt nog bij dat Infogram heel wat grafiektypes aanbiedt die serieuze datavisualisatie onwaardig zijn. Voorbeelden: doughnut chart, multiple axes chart (kritiek), radial bar chart (volgens een post op de Infogram blog enkel te gebruiken ‘omwille van esthetische redenen’), stacked area chart (kritiek).

Overbodige interactiveit

De meerderheid van de Infograms stellen slechts kleine datasets voor: lijnen en staven met maar een handvol datapunten. Maar ook voor deze grafieken gebruikt Infogram standaard interactieve tooltips: je moet over de staven of punten bewegen met de muis om de cijfers achter de grafiek weer te geven.

Voor deze simpele grafieken zou het veel beter zijn om de interactiviteit achterwege te laten, de cijfers als labels op de grafiek te zetten en gewoon een afbeelding te publiceren.

Infogram voorziet wel een deelknop, maar delen via die knop leidt je naar de website van Infogram in plaats van naar je eigen webpagina

Het werken met afbeeldingen in plaats van ingesloten Infograms heeft nog een voordeel: afbeeldingen zijn heel gemakkelijk deelbaar op sociale media. Infogram voorziet wel een deelknop, maar delen via die knop leidt je naar de website van Infogram in plaats van naar je eigen webpagina (probeer maar eens met de Infogram hierboven).

Hanteerbaar

Afbeeldingen zijn ook veel makkelijker om mee te werken. Iedere gebruiker van een CMS weet wel hoe hij een afbeelding bij zijn tekst moet zetten. Terwlijk helemaal niet iedereen weet hoe hij een iframe in html-code moet toevoegen. Sommige CMS’en lusten ook helemaal geen iframes.

Bovendien hebben iframes een belangrijk nadeel: de breedte kan je wel responsive maken, maar voor de hoogte is dat veel moeilijker: je blijft vaak zitten met een lege ruimte op de pagina. Of de iframe krijgt net te weinig ruimte. Infogram biedt wel code aan om responsive grafieken te embedden, maar dat is javascript-code die door heel veel CMS’en zal geweigerd worden.

Afhankelijk van extern platform

Zoals steeds bij het gebruik van “x as a service” ben je bij Infogram afhankelijk van de stabiliteit van het externe platform. Exacte cijfers heb ik niet, maar heel stabiel lijkt mij Infogram niet te zijn:

Bij de research voor dit artikel kreeg ik ook herhaaldelijk een foutmelding op de pagina met voorbeelden, vanwaar op de homepagina van Infogram wordt gelinkt.

Alternatief

Iedere organisatie, nieuwsmedium of andere, die datavisualisatie serieus neemt doet er dus beter aan om voor eenvoudige grafieken Infogram of een van de vele andere graphics-as-a-service ter vermijden.

Het beste alternatief zijn laagdrempelige tools die grafieken als statische afbeeldingen genereren. De Chartbuilder van Quartz is een open source tool die net dat doet en dus een goed alternatief.

Twee supersnelle visualisatietools voor digitale redacties

Hoe komt een grafiek in de krant? Meestal gaat het zo: een journalist werkt aan een stuk en heeft een Excel-bestandje met wat data waar iets grafisch mee zou kunnen gedaan worden of hij heeft wat geodata die mooi op een kaartje zouden staan. Hij bezorgt de gegevens aan de vormgevers van de krant, of bij gebrek hieraan aan de mensen van de layout, die er mee aan de slag gaan. ’s Avonds, tegen de dagelijkse deadline, is de grafiek of de kaart hopelijk klaar en valt hij samen met de krant bij de abonnee in de bus of in het rek bij de krantenboer.

Maar voor online nieuws is dit proces hopeloos traag. Voor online nieuws moet het veel sneller gaan om relevant te zijn. Dat is waarom ik in mijn eerste weken bij mijn huidige werkgever (Mediafin, de uitgever van De Tijd en L’Echo) wat heb geïnvesteerd in het bouwen van de Grafiekbouwer en de Mapmaker, twee tooltjes om supersnel grafieken en kaartjes te maken.

Grafiekbouwer

Ik ben een groot liefhebber van interactieve grafieken. Maar in heel wat gevallen zijn de datasets te klein en kan interactiviteit maar heel weinig bijdragen aan een grafiek. Vaak zijn eenvoudige, statische grafieken alles wat je nodig hebt om een verhaal te vertellen of te kruiden.

Ik had al wel eens gehoord van de Chartbuilder van Quartz, een open source tool om heel snel net zulke grafieken te maken. Uit de beschrijving:

Chartbuilder is the final step in charting. Paste data into it and export an svg or png chart in a style that has been predefined.

Dat was precies wat ik wou.

Het eenvoudige van het klonen van de Chartbuilder tot de Grafiekbouwer was het aanpassen van de stijl. Het aanpassen van kleuren en lettertypes was met een beetje zoekwerk zo gebeurd.

Maar Chartbuilder is een Amerikaanse tool. Dat betekent dat het als decimaal teken een punt verwacht en komma’s gebruikt om duizendtallen te scheiden. Ik had net het omgekeerde nodig. Om dit aan te passen, moest ik even de hulp van een collega inroepen.

Ondertussen is de Grafiekbouwer up and running en zijn er al heel wat grafiekjes mee geproduceerd.

Belgi-vijfde-grootste-Champagneverbruiker-Aantal-verbruikte-flessen-in-miljoen-2013_chartbuilder

Bitcoin-piekte-vorig-jaar-boven-1-000-Bitcoin-in-dollar_chartbuilder

Voornamelijk-financi-le-bedrijven-betrokken-bij-Luxleaks-Aantal-keer-vermeld-in-Luxleaks-rulings-per-sector_chartbuilder

Waar-ligt-het-Nederlandse-goud-Minder-dan-1-3-van-het-Nederlandse-goud-bevindt-zich-in-Nederland_chartbuilder

Ik maakte ook een tutorial voor de collega’s.

Bonus: de Grafiekbouwer geneert ook html-code voor tabellen, wat ook mooie resultaten geeft.

Mapmaker

Geïnspireerd door de Grafiekbouwer, wou ik ook graag een tooltje om snel kaartjes te genereren. Uiteraard is een Google Map zo ingesloten, maar ook hier geldt dat interactiviteit soms overkill is.

Statische kaartjes, dus. Ik kende de Mapbox Static API al en ook in dit geval klonk de beschrijving mij als muziek in de oren:

Static maps are standalone images that can be displayed on web and mobile devices without the aid of a mapping library or API. A static map image looks like an embedded map without any interactivity or controls.

Mijn mosterd haalde ik bij staticmapmaker.com, maar ik wou een tooltje waarbij de interactieve kaart de interface is. Zo bouwde ik Mapmaker.

mapmaker

Hoe je de Mapmaker kan gebruiken:

  • zoom en pan naar het gebied dat je wil weergeven. Met de zoekbox linksonder kan je snel naar een land of gebied zoomen.
  • met de knop ‘Add marker’ kan je een icoontje op de kaart zetten. Je kan het daarna nog verslepen naar de juiste locatie of opnieuw verwijderen.
  • voor de taal van de basislaag kan je switchen tussen Frans en Engels (Nederlands is helaas niet mogelijk).
  • rechts en onderaan kan je de rand van het kaartje verslepen als je andere afmetingen wil.
  • als alles naar wens is ingesteld, brengt de knop ‘Get map’ je naar een statische afbeelding van de kaart. Deze kan je dan downloaden naar je computer om verder te gebruiken.

filipijnen

santiago

cordoba

brussel_mapmaker

Voor het maken van de basislagen heb ik Mapbox Studio gebruikt. Ik startte met een van de standaard kaartstijlen in Mapbox en paste daar de kleuren en nog enkele details van aan om de kaarten mooi bij de stijl van tijd.be en lecho.be te laten passen. Ik vertrok van een Engelstalige kaart, die ik dupliceerde en in het Frans zette voor de Franstalige versie.

De kaartjes zien er heel mooi uit, maar ze zijn natuurlijk niet ‘met de hand gemaakt’. Af en toe zit je met tekstlabels waar onvermijdelijk een deel van wordt weggekapt en de icoontjes kunnen ook wel eens een tekstlabel bedekken. Maar de snelheid en het gemak om ze te maken compenseren dat ruimschoots.

Snel visueel

Online nieuws is snel en visueel. Tools die snel visualisaties en kaartjes kunnen maken, passen dus perfect in de digitale nieuwsredactie. Open source tools als de Chartbuilder van Quartz schreeuwen er dus om gekloond, aangepast en gebruikt te worden.

Voor het produceren van kaarten (interactieve zowel als statische) is er volgens mij geen beter platform dan Mapbox. Op relatief korte tijd liet Mapbox mij toe om zelf een tooltje in elkaar te steken om supersnel kaartjes te genereren.

Geen nood meer dus aan de sowieso al druk bezette vormgevers en layouters van de krant om visualisaties te maken. Iedereen kan nu zelf supersnel de grafiekjes en kaartjes produceren die hij nodig heeft.

7 gratis tools voor de datajournalist

Ik schafte me zopas een nieuw digitaal werkpaard aan en een van de eerste dingen dan is natuurlijk het installeren van nieuwe apps. Mijn favoriete tools voor het werken met data waren de eerste die ik downloadde. Alle 7 zijn het gratis programma’s en, op Tableau na, ook allemaal open source. Dit zijn ze:

refineOpen Refine

Open Refine (voorheen Google Refine) is een handig programma voor het opkuisen van data. Niet helemaal voor beginners (af en toe een lijntje code kan heel handig zijn), maar zeker de moeite om even de leercurve te beklimmen. Deze reeks videootjes is daar uitermate geschikt voor.

RStudioR en RStudio

R is een programma uit de statistiek. Het is heel krachtig, maar niet zo gebruiksvriendelijk. RStudio doet een goede poging om dit wat te verhelpen, door onder andere ook het maken van grafiekjes wat makkelijker te maken.

tableauTableau

Sinds kort is Tableau Public, de gratis versie van het visualisatieprogramma Tableau, ook beschikbaar voor Mac. Ik ben geen expert in Tableau, maar heb er al wel wat mee geëxperimenteerd. Veelzijdig en gebruiksvriendelijk, je maakt er mooie grafieken mee.

tilemillTilemill

Voor het maken van interactieve kaartjes die wat verder gaan dan de standaard Google Maps, 1 adres: Tilemill. Afkomstig uit dezelfde stal als het fantastische Mapbox.

qgisQGIS

Voor het werken met geodata is er het geografisch informatiesysteem (GIS) QGIS. Je maakt er ook statische kaartjes mee.

bracketsBrackets

Brackets is eigenlijk niet echt een tool voor het werken met data. Het is een teksteditor voor het schrijven van code, gemaakt voor html, css en javascript. Het beste van Brackets is de Live Preview: zonder je files op te hoeven slaan en je browser te refreshen zie je je aanpassingen direct in de browser (werkt wel enkel met Chrome).