Online data visualisation


Eén van de meest krachtige manieren om verhalen online te vertellen is met een datavisualisatie. Geef je bij een statische datavisualisatie de gebruiker veelal inzicht in een complex verhaal; bij een online visualisatie kan de gebruiker zelf erdoor heen klikken en op zoek gaan naar onderdelen van het verhaal die voor hem of haar interessant zijn.

In deze training zetten we een aantal essentiële stappen op het gebied van programmeren. Het maken van een aansprekende online datavisualisatie vereist namelijk enige kennis en inzicht in programmeertalen zoals HTML, CSS en Javascript. Je leert in de training hoe je data kunt vinden, hoe je deze interactief kunt maken en hoe je de data tot leven kan brengen in een visualisatie. Enige kennis en ervaring met coderen is vereist.

Omschrijving training

We starten met het kort opfrissen van een aantal elementen van HTML, CSS en Javascript; essentiële bouwstenen die nodig zijn om online visualisaties te maken. Vervolgens leggen we de link met D3.js, een krachtige Javascript bibliotheek om dynamische, interactieve visualisaties te creëren. Je gaat aan de slag met een paar basisvormen en grafieken in D3.js. Afhankelijk van de achtergrondkennis van de deelnemers, staan meer complexere visuele vormen op het programma.

Ook kijken we naar andere tools om interactieve online visualisaties te maken of te verrijken. We oefenen bijvoorbeeld met het gebruik van Chart.js of NVD3 en gebruiken bibliotheken zoals MapboxGL (speciaal bedoeld voor kaarten) of pixi.js (voor hoogwaardige visualisaties).

Gedurende de twee trainingsdagen krijg je uitleg, laten we je voorbeelden zien en ga je zelf zo veel mogelijk aan de slag met (korte) opdrachten. Aan het einde van de training heb je een gedegen basis om aantrekkelijke en interactieve visualisaties te kunnen maken.

De volgende onderwerpen komen onder meer aan bod:

  • voorbeelden van online datavisualisaties;
  • kijkje aan de ‘achterkant’ van het webontwerp;
  • korte opfrissessie van een aantal programmeertalen;
  • maken van eenvoudige grafieken met Chart.js of NVD3;
  • introductie in D3.js;
  • importeren van data in D3.js;
  • maken van grafische vormen in D3.js;
  • aandacht voor de ontwerpkeuzes bij een visualisatie;
  • toevoegen van interactieve elementen in D3.js;
  • het gebruik van andere tools en bibliotheken zoals MapboxGL en pixi.js

 

 

 

 

 

Trainer

peter

Dominikus Baur is een datavisualisatie expert en interaction designer uit Duitsland. Hij creeert gebruiksvriendelijke en bruikbare visualisaties voor zowel mobiel, tablet als desktop computers. Als freelancer werkt hij voor grote bedrijven zoals OECD, Microsoft Research en Wincor-Nixdorf. Daarnaast geeft hij trainingen en workshops op het gebied van web-based datavisualisaties.

Prijs

De kosten van de training zijn € 549 exclusief BTW, inclusief koffie, thee en lunch.

Doelgroep

Een ieder die al enige ervaring heeft met het werken met data of infographics en zich de basisprincipes van interactieve datavisualisaties eigen wil maken. Enige ervaring met programmeren is vereist.

Praktische informatie

28 en 29 september (09.30 – 17.00 uur).
De training wordt in het Engels gegeven.
De training vindt plaats in Centraal Museum in Utrecht.

Schrijf je in