Organized by Jochen Görtler (University of Konstanz),
We invite you to the following workshop as part of the SFB/Transregio 161 at the University of
Visualization for the Web: Front- & Backends (WIP) from
August 06 - 07, 2018.
Low fidelity prototyping is important for designing visual analytics systems with domain
experts. To facilitate this, a code template for creating simple, yet powerful interactive
visualization prototypes is a key ingredient. In this two-day workshop, the participants will
develop such a starter template to be re-used and adapted for future design study research. The
workshop will be led by
Hendrik Strobelt (MIT-IBM Watson AI Lab) and
Josua Krause (Accern prev. NYU Tandon School of Engineering) who have long
hands-on experience in developing web prototypes. They will teach current best practices and will
get the participants ready to create their own web-based visualizations with analytical
Start of Workshop: 10.30 am
On the first day, we will focus on the frontend, introducing D3.js as a visualization framework,
including its data model with ‘merges’, ‘joins’, and ‘transitions’. After that, we will explore the
communication of the frontend with backends written in other languages such as Python and Node.js
as a way to visualize more complicated datasets and models.
End of Day 1: 5.30 pm
Dinner at the ‘Brauhaus’: 7 pm
Start of Day 2: 9.30 am
On the second day, we will introduce web sockets as an additional way of communication between
the frontend and backend that lends itself in particular for real-time and streaming data.
Following up on this, we will look at ways to structure our frontend code and write reusable
components with React.
End of Workshop: 4.30 pm
Please bring your own laptop to follow along during the practical parts!