1. New Methods of Disseminating Statistics Hiren Bhimjiyani Hiren.Bhimjiyani@bis.gsi.gov.uk Data Science and Visualisation Team BIS

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

3. Key message Advance users

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

5. “ 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

6. 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

7. Over to the browser

8. BIS Pulse Survey

9. 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

10. 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); } } ); }

11. 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); });

12. BIS Economic Growth Dashboard

13. Technical challenges: Economic Growth Dashboard Inclusive or exclusive

14. BIS International Trade in Goods map

15. 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

16. 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

17. Questions Hiren Bhimjiyani Hiren.Bhimjiyani@bis.gsi.gov.uk Data Science and Visualisation Team BIS

18. 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