federal statistical office fso highcharts@swissfso · pdf filefederal department of home...

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

Since 1891: high quality graphics

European Statistics Code of Practice

Xact was first available on Atari as well as IBM OS/2

–Ata

Still in use today for charts in print

It still runs on Windows 10

Chart and data table are independent

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.

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

1st level of requirements

Error margins, confidence intervals Null (missing) values

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

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

Commercial product, low costs

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

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

Supply chain management

Data Story Master

Template Asset

1. Storytelling

The editor needs to focus on content and relations that are relevant and interesting for the target audience.

Data Story

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

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

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

Objective

Embedding • Chart • Text • Table are equal components of the information

Application The chart enables users to explore the data

Some first results

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)

2nd sprint: Dashboard on crime indicators

HTML: Corporate Design

2nd sprint

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

Dashboard combines different charts, but one goal

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)

Standard products

A comparator for cantons (DigiPub)

Standard product for web and tablet solutions

Almost unlimited possibilities, but JavaScript is not for everybody

–Kna

A web frontend for chart editing

Embed charts into the web CMS

Four chart types at disposal

Title and Subtitle, with alignment / positioning

many options for configurations

special formatting for axes and tooltips

categories, date/time, data

Preview function

List of assets generated

Further development?

Compare by • gender • nationality • education level • income level • territorial categories • a.s.o.

federal statistical office fso highcharts@swissfso · pdf filefederal department of home...

Documents

fso- seminar 2009

highcharts cookbook · chapter 7: integrating with the yii...

with highcharts & d3.js sharepoint data visualization

© fso, unit c 1, division mathematical statistical methods,...

livro processos fso

fso pso michael_kelsey

fso passport brochure

partee1 fso

federal statistical office of germany fso germany - peter...

aula fso quiz

federal statistical office (fso) covers the following fields

federal department of home affairs fdha federal statistical...

highcharts - tutorials point · by adding interactive...

fso rf_out rxr

fso installation

fusion hcm fso

presentacion fso

package ‘highcharter’ · package ‘highcharter’...

bu - obu · mopu dua (dana) 2011 mopu satu (d30) 2010 fpso...

federal statistical office’s reputation and acceptance by...