Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Highcharts@SwissFSO A work-in- progress-report Daniel von Burg Graphics and web editor 18/05/2016 ESS visualisation workshop, Valencia
2 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Since 1891: high quality graphics
3 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
European Statistics Code of Practice
4 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Xact was first available on Atari as well as IBM OS/2
com
mon
s.w
ikim
edia
.org
–Ata
ri_10
40S
Tf.jp
g, ©
Bill
Ber
tram
, 200
6
5 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Still in use today for charts in print
6 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
It still runs on Windows 10
7 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Chart and data table are independent
8 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
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.
9 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Looking for an out-of-the-box solution, free for non-commercial use
10 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
11 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
1st level of requirements
Error margins, confidence intervals Null (missing) values
12 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
2nd 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
13 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
3rd 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
14 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Commercial product, low costs
15 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Highcharts is already in use by other government offices in Switzerland Swiss National Bank MeteoSwiss
16 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
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
17 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Supply chain management
Data Story Master
!
Template Asset
18 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
1. Storytelling
The editor needs to focus on content and relations that are relevant and interesting for the target audience.
Data Story
!
19 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
2. Master (Vorlage)
Definition of chart type. Master files contain all settings defining the corporate design, including margins and grid colours.
Data Story Master
!
Template Asset
20 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
3. Template (Schablone)
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.
Data Story Master
!
Template Asset
21 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Final asset
Data and template are joined in this last step. This allows for an automatized actualisation or comparison of different categories.
Data Story Master
!
Template Asset
22 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Objective
Embedding • Chart • Text • Table are equal components of the information
Application The chart enables users to explore the data
23 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Some first results
24 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
1st sprint: 2015 Federal Elections
25 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
1st 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)
26 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
2nd sprint: Dashboard on crime indicators
27 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
28 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
2nd sprint: Dashboard on crime indicators
HTML: Corporate Design
HTML
29 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
2nd sprint
HTML
30 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
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
31 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Dashboard combines different charts, but one goal
32 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
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)
33 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Standard products
34 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
A comparator for cantons (DigiPub)
Standard product for web and tablet solutions
HTML
35 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Almost unlimited possibilities, but JavaScript is not for everybody
com
mon
s.w
ikim
edia
.org
–Kna
ms-
15-k
nsq-
9.jp
g, ©
Den
nis
van
Zuijl
ekom
36 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
A web frontend for chart editing
Embed charts into the web CMS
37 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Four chart types at disposal
38 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Title and Subtitle, with alignment / positioning
39 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
many options for configurations
40 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
special formatting for axes and tooltips
41 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
categories, date/time, data
42 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Preview function
43 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
List of assets generated
44 Highcharts @ Swiss Federal Statistical Office | A work-in-progress-report Daniel von Burg, Neuchâtel, 2016
Federal Department of Home Affairs FDHA Federal Statistical Office FSO
Further development?
Compare by • gender • nationality • education level • income level • territorial categories • a.s.o.