Title Bernhard Rieder & Yuri Engelhardt New Media project: information visualization UvA Media Studies Spring 2011

Basic ideas This presentation: The technological basics of interactive data visualization. Help negotiate between concept and implementation.

Basic ideas data repository / storage data source interface / visualization interface / visualization A basic model of an interactive datavis system Particular implementations may vary, but the basic logic is present in all systems.

Basic ideas

data repository / storage data source interface / visualization interface / visualization code

Basic ideas data repository / storage already tabled data data service (API) unstructured data import query scrape programming effort data preparation

Basic ideas database table

Basic ideas Variable types: Nominal => (text) => VARCHAR, TEXT, BLOB, … Ordinal => (class) => SET Quantitative => (number) => INT, FLOAT, … Datetime => (calendar) …

Basic ideas

data repository / storage data source interface / visualization interface / visualization code

Basic ideas data repository / storage data repository / storage interface / visualization interface / visualization middle ware middle ware SQL query prepared dataset user interaction dynamic data

Basic ideas Database querying Different query languages make it possible to “interrogate” the database in multiple ways. SELECT * FROM twitter_tweets SELECT COUNT(*) FROM twitter_tweets WHERE screen_name='couve'

Basic ideas [0] => Array ( [s] => [v] => 60 ) [1] => Array ( [s] => [v] => 38 ) [2] => Array ( [s] => [v] => 42 ) [3] => Array ( [s] => [v] => 27 ) [4] => Array ( [s] => [v] => 20 ) [5] => Array ( [s] => [v] => 23 ).... => SELECT COUNT(*),YEAR(created_at),MONTH(created_at),DAY(created_at) FROM `twitter_tweets` GROUP BY YEAR(created_at),MONTH(created_at),DAY(created_at) query table “twitter_tweets”

Basic ideas query: egypt query: tunis same code, same data structure, different query, different values

Basic ideas data repository / storage data repository / storage interface / visualization interface / visualization middle ware middle ware SQL query prepared dataset user interaction dynamic data - data processing - clustering - synthesis - data mixing - visualization - interface programming