Online visualisations

Maarten Lambrechts

@maartenzam

A few tools

SND

Amsterdam

8 November 2018

Selection criteria

Fast

Easy

Low cost

Quality output

Tools

Chartbuilder

By qz.com

Basic charts

Consistent styling

Static images (.png, .svg)

No spreadsheet

Chartbuilder

By qz.com

3. clone your own

          github.com/Quartz/Chartbuilder

Exercise

 

Reproduce the qz.com 'Chart of the moment'

 

Chocolate and Nobels

Chartbuilder tutorials

vs Chartbuilder

More chart types

Highlight & annotate

Interactive charts

Maps

Demo: charts

Sample data sets

 

Global temperature anomalies

Demo: maps

Tutorials

vs Chartbuilder & Datawrapper

Unconventional chart types

Drag & drop

No finished charts, generates 'frames'

Demo

Sample datasets

De dans om de Kamerzetels

vs Chartbuilder & Datawrapper

Interactions en animations

Stories

Create your own templates

Windmills in Amsterdam

Demo

Different map types

Static and interactive

Cartographic quality

Responsive locator map

 

Dynamic map: windmills

Demo

Data wrangling

 

Create pipelines

 

Some integration with charts

Satellite images

 

Historical images

 

3D images

 

Convert Illustrator artboards to html

 

Responsive graphics

 

 

Thanks!

Online visualisations: some tools

By maartenzam

Online visualisations: some tools

  • 2,425