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

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

3. 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.

4. Basic ideas

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

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

7. Basic ideas database table

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

9. Basic ideas

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

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

12. 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'

13. Basic ideas [0] => Array ( [s] => 2010-12-15 [v] => 60 ) [1] => Array ( [s] => 2010-12-16 [v] => 38 ) [2] => Array ( [s] => 2010-12-17 [v] => 42 ) [3] => Array ( [s] => 2010-12-18 [v] => 27 ) [4] => Array ( [s] => 2010-12-19 [v] => 20 ) [5] => Array ( [s] => 2010-12-20 [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”

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

15. 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