New Methods of Disseminating Statistics Hiren Bhimjiyani Data Science and Visualisation Team BIS

Digital age Estimates that about 90% of all the data in the world today has been created in the past few years.

Key message Advance users

How our data is used Government statistics Benchmarking Planning services Internal research Marketing Resource allocation Policy

“ There is a need for government……to improve the accessibility of existing official data to meet a wider range of user needs and encourage future use. Ways to do this suggested in the research included: simplifying the data structure, reducing the volume of data, improving online access, especially the search facility on websites, Improving the timeliness. ” Statistics Commission The Use Made of Official Statistics March 2007

Three BIS projects Allow user to visually explore the data dynamically Improve search on the internet (limit use of Word or Excel) proprietary downloadable applications that can’t be indexed Provide timely information (API querying) Use of Scalable Vector Graphics (SVG) to improve search engine optimisation

Over to the browser

BIS Pulse Survey

Technical challenges: Pulse Survey My question to JQuery forum “Dear community, I am trying to use the JQuery ui combox and trying to link it to a button…………….. Here is my fiddle:…………………….” Response from JQuery forum “……The Autocomplete Combobox demo is very complex…… It is so complex that very few developers have been able to modify or enhance it…... ” The menu bar

Technical challenges: Pulse Survey The menu bar //button function for next question function next() { $('#dropdown').combobox("destroy"); //destroy the combobox and erase it leaving the underlying HTML select box var next_value = (document.getElementById("dropdown").selectedIndex + 1 ); if (next_value ===31){next_value = 1;}//hb //Unselect the currently selected option //setTimeout(function(){ }, 800); $("#dropdown option:selected").removeAttr("selected"); //remove the current selected value from the dropdown box document.getElementById("dropdown").selectedIndex = next_value; //change the HTML dropdown box value to the third one $('#dropdown').combobox(); //recreate the combobox. the new value will now stick selected_value = document.getElementById("dropdown").value; //redefine the selected_value variable and updateData(); //recall the combobox but this time with all its attributes and select event, ui so that if you use the drop down box again it fires properly $("#dropdown").combobox({ select: function (event, ui) { selected_value = ui.item.value; updateData(); //alert(ui.item.value); } } ); }

Technical challenges: Pulse Survey The menu bar //Special function created so that people don't keep pressing the next/previous button really fast //and messing up the transition $('#next').click(function() { var aaa = $(this); aaa.prop('disabled', true); setTimeout(function() { aaa.prop('disabled', false); }, 800); });

BIS Economic Growth Dashboard

Technical challenges: Economic Growth Dashboard Inclusive or exclusive

BIS International Trade in Goods map

Technical challenges: Trade in Goods map Loading of large amounts of CSV data into the browser Issues with Cross-Origin Resource Sharing (CORS) End userBIS server UN server database

The tools D3 CSS programming knowledge Other custom libs To get the job done A good development platform (IDE) Netbeans (free) Leaflet InkScape SVG editor (free) Just scratching the surface Development environment JavaScript programming knowledge JQuery HTML5 programming knowledge Web hosting service MapInfo, QGIS Graphics Adobe Illustrator R and Python

Questions Hiren Bhimjiyani Data Science and Visualisation Team BIS

Underlying methods Querying a live database using an API Disseminating information via non-propriety and open formats such as CSV and JSON Search engine optimisation using xml based graphics (SVG) Providing on demand content and increasing user engagement through interactivity Providing an interface for data access