Coding the Humanities

Jan Hein Hoogstad & Marijn Koolen

THATCamp 2015

28/01/2015

Utrecht University

Programme

I. Programming and the Humanities

II. Hands-on JavaScript

Vision

Brief Survey

Motivation

Coding

Data Visualisation

Web as Data

Document Object Model

DOM example

HTML Example

Hands-on Javascript

Console

JavaScript?

Acquiring Data

REST Queries

REST Example

https://www.rijksmuseum.nl/api/nl/collection?q=karel+appel&ps=30&key=ssCRX6qW&format=json

Bar Chart

  1. get info on paintings by Karel Appel from Rijksmuseum API
  2. create HTML element for each place of production
  3. set element size based on number of paintings produced
  4. add elements to HTML document

Exercise!

Endless Possibilities

Thank You!