A work-inprogress-report. Daniel von Burg Graphics and web editor 18/05/2016 ESS visualisation workshop, Valencia

Transcription

1 A work-inprogress-report Daniel von Burg Graphics and web editor 18/05/2016 ESS visualisation workshop, Valencia

2 Since 1891: high quality graphics 2

3 European Statistics Code of Practice 3

4 Xact was first available on Atari as well as IBM OS/2 4 commons.wikimedia.org Atari_1040STf.jpg, Bill Bertram, 2006

5 Still in use today for charts in print 5

6 It still runs on Windows 10 6

7 Chart and data table are independent 7

8 Today s / yesterday s challenges We can not easily produce interactive web charts. There ist no unicode support. PDF, SVG and other up-to-date file formats are not supported. We cannot transfer charts easily from one media to the other. Web charts are produced out of print. 8

9 Looking for an out-of-the-box solution, free for non-commercial use 9

10 10

11 1 st level of requirements Error margins, confidence intervals Null (missing) values 11

12 2 nd level of requirements Liquid layout (independent from screen space / screen resolution) = HTML5, no canvas Can be adapted to use the Swiss governement corporate design guidelines 12

13 3 rd level of requirements Categorical and numerical X-axis Two Y-axes Any colour for any category Multiple formats for labels: -- digits after colon -- units and many more 13

14 Commercial product, low costs 14

15 Highcharts is already in use by other government offices in Switzerland Swiss National Bank MeteoSwiss 15

16 Any out-of-the-box tool needs to be customized Corporate design User instructions Documentation Quality control Use it in print and office software, too 16

17 Supply chain management Data Story Master Template Asset! 17

18 1. Storytelling Data Story! The editor needs to focus on content and relations that are relevant and interesting for the target audience. 18

19 2. Master (Vorlage) Data Story Master Template Asset! Definition of chart type. Master files contain all settings defining the corporate design, including margins and grid colours. 19

20 3. Template (Schablone) Data Story Master Template Asset! All settings that are relevant for the dissemination of data are defined on this level: titles, labels, colours for indicators, units and ranges for the axes. 20

21 Final asset Data Story Master Template Asset! Data and template are joined in this last step. This allows for an automatized actualisation or comparison of different categories. 21

22 Objective Embedding Chart Text Table are equal components of the information Application The chart enables users to explore the data 22

23 Some first results 23

24 1 st sprint: 2015 Federal Elections 24

25 1 st sprint: 2015 Federal Elections + Tap data point to see values + Apprentices were able to fill the data in all 26 files Only one canton at a time (on/off in InDesign) 25

26 2 nd sprint: Dashboard on crime indicators 26

27 27

28 2 nd sprint: Dashboard on crime indicators HTML: Corporate Design HTML 28

29 2 nd sprint HTML 29

30 A dashboard for information tourists + Compare two cantons at a time + Switch on/off all indicators + Multiple subcharts possible Cantons change colours when switching No comparision with the national results at all times Needs space 30

31 Dashboard combines different charts, but one goal 31

32 Dissemination and Target-groups 1. Specialists, statisticians, experts (miners) 2. Professional use, Administration, consultants, businesses (farmers) 3. Occasional users, Administration, media, politicians (tourists) 4. Passive consumers, Media consumers (consumers) 32

33 Standard products 33

34 A comparator for cantons (DigiPub) HTML Standard product for web and tablet solutions 34

35 Almost unlimited possibilities, but JavaScript is not for everybody 35 commons.wikimedia.org Knams-15-knsq-9.jpg, Dennis van Zuijlekom

36 A web frontend for chart editing Embed charts into the web CMS 36

37 Four chart types at disposal 37

38 Title and Subtitle, with alignment / positioning 38

39 many options for configurations 39

40 special formatting for axes and tooltips 40

41 categories, date/time, data 41

42 Preview function 42

43 List of assets generated 43

44 Further development? Compare by gender nationality education level income level territorial categories a.s.o. 44