1. Interactive Graphics at the US Bureau of Labor Statistics Michael Levi UNECE Work Session on the Communication of Statistics June 20, 2014.

Slides:



Advertisements
Similar presentations
What does REMI say? sm Introduction to The Next Generation of Policy Insight.
Advertisements

Putting TAIR to work for you hands-on workshop for beginning and advanced users
SADC Course in Statistics Good graphs & charts using Excel Module B2 Sessions 6 & 7.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
MICHAEL MARINO CSC 101 Whats New in Office Office Live Workspace 3 new things about Office Live Workspace are: Anywhere Access Store Microsoft.
County Health Rankings User’s Guide Atlanta Regional Commission For more information contact:
Music Select A Comprehensive Music Scheduling Software.
TS 313 Multimedia Applications Welcome to TS 313 Multimedia Applications There is no audio lecture associated with this set of introduction slides Refer.
Ian Bablewski Calvin Flegal Katie McNabb Bryant Moquist Design Presentation.
Languages for Dynamic Web Documents
Front and Back End: Webpage and Database Management Prepared by Nailya Galimzyanova and Brian J Kapala Supervisor: Prof. Adriano Cavalcanti, PhD College.
Retrieving compound pages This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:
Intro to ArcMap Customization with Visual Basic  Create your own toolbars, buttons, interactive tools, and programs  Runs behind the scenes in ArcMap.
1 De Philadelphie à Washington ou de l'Union des Etats d'Amérique aux Etats-Unis d'Amérique, en passant par l'État de l'Union: la documentation politique,
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Russell Taylor Lecturer in Computing & Business Studies.
QGIS Matthew Rosencrans Tom DiLiberto. Outline What is QGIS? What can we do with it? What data can we work with?
Long-Term Hydrologic Impact Assessment (L-THIA) Model An overview / screening model User friendly tool Does not require detailed data input Identifies.
1 Good graphs & charts using Excel Module 1 Session 7.
Customizing Enterprise with Widgets Michael L. Bowden SNRG Conference June 10, 2014 Harrisburg Area Community College
Getting Started with Dreamweaver
Computer Programming 12 Lesson 2 - Organizing the Problem By Dan Lunney.
Javascript and the Web Whys and Hows of Javascript.
READY-TO-WEAR: QUICK AND EASY MICROSITES FOR DATA-DRIVEN REPORTS Brian Karfunkel Data Analyst NYU Furman Center NNIP Idea Showcase July 16,
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Data Analysis and Security 11 Session Version 1.0 © 2011 Aptech Limited.
Electronic Course Layout and Presentation System An alternative method for presenting course information and activities to students in Sakai University.
THE BIG PICTURE. How does JavaScript interact with the browser?
JQuery Adding behaviour…. Lecture Plan Review of last lesson Adding behaviour –click, mouseover Animation –fade, slideDown Navigation –parent, find, next.
Creating Web Sites An introduction to the basics.
Adventures in Mastering the Use of Performance Evaluation Tools Manuel Ríos Morales ICOM 5995 December 4, 2002.
UNDERSTANDING ADOBE FLASH. The Flash Interface  The flash interface provides you with:  A menu bar  Panels  A work area: stage.
Accessing Indiana Traffic Data Presented by: Greg Katter, PE Long Range Planning and Modeling.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
HTML Project 4 Creating an Image Map.
Chapter 34 Java Technology for Active Web Documents methods used to provide continuous Web updates to browser – Server push – Active documents.
Introduction to JavaScript 41 Introduction to Programming the WWW I CMSC Winter 2004 Lecture 17.
Interactive Client-Side Technologies MMIS 656 Web Design Technologies Acknowledgements: Estrella, S. (2003). The Web Wizard’s Guide to DHTML and CSS.
Screens are a direct copy of the physical text. To learn the material for this course, begin by reading the textbook section. At first glance, the pages.
Introduction to Web AppBuilder for ArcGIS: JavaScript Apps Made Easy
United Nations Economic Commission for Europe Statistical Division The Importance of Databases in the Dissemination Process Steven Vale, UNECE.
TownMUD An Interface for a Text-Based Multiple User Dimension.
Esri UC 2014 | Technical Workshop | Operations Dashboard for ArcGIS: Extending the Functionality Jay Chen Kylie Donia Tif Pun.
Chapter 11 Using SAS ® Web Report Studio. Section 11.1 Overview of SAS Web Report Studio.
Dynamic Web Pages Jin Wu INF 385E Information Architecture School of Information 11/2/2006 Jin Wu INF 385E Information Architecture School of Information.
Chapter 11: Introduction to VBA Spreadsheet-Based Decision Support Systems Prof. Name Position (123) University Name.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
0 © Copyright 2013 Wellesley Information Services, Inc. All rights reserved. HANDS ON LAB: Data Visualization with SAP Lumira.
Anne-Christine Wanders - UNECE Statistical Division Slide Overview of the Style Guide on the presentation of statistics UNECE Work Session.
Web Browsing *TAKE NOTES*. Millions of people browse the Web every day for research, shopping, job duties and entertainment. Installing a web browser.
Improving visualisation tools in EUSTAT: Explaining the data Jorge Aramendi Rique (Eustat), Anjeles Iztueta Azkue (Eustat), Cristina Prado Valle (Eustat),
JavaScript 101 Introduction to Programming. Topics What is programming? The common elements found in most programming languages Introduction to JavaScript.
The Web Wizard’s Guide To JavaScript Chapter 9 Applied Web Programming Techniques.
JavaScript Introduction and Background. 2 Web languages Three formal languages HTML JavaScript CSS Three different tasks Document description Client-side.
Reflection on graphical interfaces for illustrating European statistics UNECE Work Session on Statistical Dissemination and Communication May 2008.
Adding Interactivity Comp 140 Fall Web 2.0 Major change in internet usage –From mostly static pages Text Graphics Simple links –To new paradigm.
JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.
Jacksonville SQL Saturday May 9, 2015 Introduction to Power BI.
© 2016 IBM Corporation EsriJS Connector. © 2016 IBM Corporation Overview This presentation is a review of the EsriJS Connector feature introduced in TRIRIGA.
 A Javascript library designed to simplify client-side scripting of HTML.
BRANDING YOURSELF FINAL DRAFT.
Reaching out to data users regarding next-generation news releases
Getting Started with Dreamweaver
EDStats Florida’s PK-20 Education Information Portal
Training Session A: Introduction to the StatPlanet Interface
Advisor: Dr.vahidipour Zahra salimian Dec 2017
Getting Started with Dreamweaver
Share What You Have Learned EP Session
Presentation transcript:

1

Interactive Graphics at the US Bureau of Labor Statistics Michael Levi UNECE Work Session on the Communication of Statistics June 20, 2014

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

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

Moderate Interactivity Map with linked bars Stacked bar with highlights 5

High Interactivity Animation Zoom 6

Alternative to Zoom 7

Behind the Scenes Highcharts (  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

Learning curve Simple charts  Line, bar, bubble, etc.  Including mouse-over and legend toggle No programming required  Select options/parameters  Good instructions 9

Learning Curve (cont.) Advanced charts  Animation, styles not already in library Programming is required  Need good JavaScript skills and coding experience 10

Output Client-side execution Browser dependent  Older browsers may not execute well  Sometimes requires tweaking existing code when new browsers are released 11

Contact Information Michael D. Levi Associate Commissioner for Publications and Special Studies U.S. Bureau of Labor Statistics