Embed Size (px)
Citation preview
New Methods of Disseminating Statistics
Hiren [email protected]
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 CommissionThe 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 user BIS server
UN serverdatabase
The tools
D3
CSSprogramming
knowledge
Other custom libsTo get the job done
A good development
platform (IDE) Netbeans (free)
Leaflet
InkScapeSVG editor
(free)
Just scratching the surface
Just scratching the surface
Development environment
JavaScriptprogramming
knowledge
JQuery
HTML5 programming
knowledge
Web hosting service
MapInfo, QGIS
Graphics
Adobe Illustrato
r
R and Python
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
