Interactive Graphics a t the US Bureau of Labor Statistics
description
Transcript of Interactive Graphics a t the US Bureau of Labor Statistics
![Page 1: Interactive Graphics a t the US Bureau of Labor Statistics](https://reader036.fdocuments.in/reader036/viewer/2022062520/568161c1550346895dd1a4bc/html5/thumbnails/1.jpg)
1
![Page 2: Interactive Graphics a t the US Bureau of Labor Statistics](https://reader036.fdocuments.in/reader036/viewer/2022062520/568161c1550346895dd1a4bc/html5/thumbnails/2.jpg)
Interactive Graphicsat the US Bureau of Labor
Statistics
Michael LeviUNECE Work Session on the Communication of Statistics
June 20, 2014
![Page 3: Interactive Graphics a t the US Bureau of Labor Statistics](https://reader036.fdocuments.in/reader036/viewer/2022062520/568161c1550346895dd1a4bc/html5/thumbnails/3.jpg)
Why Interactivity? Present more information Add another dimension to the data
Time, in particular Let users decide what they want to
see Custom views of data
3
![Page 4: Interactive Graphics a t the US Bureau of Labor Statistics](https://reader036.fdocuments.in/reader036/viewer/2022062520/568161c1550346895dd1a4bc/html5/thumbnails/4.jpg)
Simple Interactivity Map
Mouse-over to display detail Links
Line chart Show/ hide series Mouse-over to display detail
Bar/Line mix and match Multiple charts, “stacked”
4
![Page 5: Interactive Graphics a t the US Bureau of Labor Statistics](https://reader036.fdocuments.in/reader036/viewer/2022062520/568161c1550346895dd1a4bc/html5/thumbnails/5.jpg)
Moderate Interactivity Map with linked bars Stacked bar with highlights
5
![Page 6: Interactive Graphics a t the US Bureau of Labor Statistics](https://reader036.fdocuments.in/reader036/viewer/2022062520/568161c1550346895dd1a4bc/html5/thumbnails/6.jpg)
High Interactivity Animation Zoom
6
![Page 7: Interactive Graphics a t the US Bureau of Labor Statistics](https://reader036.fdocuments.in/reader036/viewer/2022062520/568161c1550346895dd1a4bc/html5/thumbnails/7.jpg)
Alternative to Zoom
7
![Page 8: Interactive Graphics a t the US Bureau of Labor Statistics](https://reader036.fdocuments.in/reader036/viewer/2022062520/568161c1550346895dd1a4bc/html5/thumbnails/8.jpg)
Behind the Scenes Highcharts (www.highcharts.com)
JavaScript library Download code and install on server Each chart has a unique code set that
makes calls to the Highcharts library Generated by hand (or, at BLS, with
Jay’s Chart Maker tool)
8
![Page 9: Interactive Graphics a t the US Bureau of Labor Statistics](https://reader036.fdocuments.in/reader036/viewer/2022062520/568161c1550346895dd1a4bc/html5/thumbnails/9.jpg)
Learning curve Simple charts
Line, bar, bubble, etc. Including mouse-over and legend
toggle
No programming required Select options/parameters Good instructions
9
![Page 10: Interactive Graphics a t the US Bureau of Labor Statistics](https://reader036.fdocuments.in/reader036/viewer/2022062520/568161c1550346895dd1a4bc/html5/thumbnails/10.jpg)
Learning Curve (cont.) Advanced charts
Animation, styles not already in library
Programming is required Need good JavaScript skills and
coding experience
10
![Page 11: Interactive Graphics a t the US Bureau of Labor Statistics](https://reader036.fdocuments.in/reader036/viewer/2022062520/568161c1550346895dd1a4bc/html5/thumbnails/11.jpg)
Output Client-side execution Browser dependent
Older browsers may not execute well Sometimes requires tweaking existing
code when new browsers are released
11
![Page 12: Interactive Graphics a t the US Bureau of Labor Statistics](https://reader036.fdocuments.in/reader036/viewer/2022062520/568161c1550346895dd1a4bc/html5/thumbnails/12.jpg)
Contact Information
Michael D. Levi
Associate Commissioner for Publications and Special Studies
U.S. Bureau of Labor Statistics