skip to main content
10.1145/2809563.2809596acmotherconferencesArticle/Chapter ViewAbstractPublication Pagesi-knowConference Proceedingsconference-collections
demonstration

Building an open data visualisation web app using a data server: the Styrian diversity visualisation project

Published: 21 October 2015 Publication History

Abstract

Statistical open data is usually provided only in the form of spreadsheets or CSV files, which can sometimes be very large. The writer of an open data app is confronted with two choices: restrict themselves to managable bite-sized chunks of data, which can be consumed (read, parsed, and held in memory) in one go, or install and maintain their own data server which the app can query on demand.
The Styrian Diversity Visualisation project was conceived to visualise the diversity of inhabitants of the Austrian Province of Styria (Land Steiermark) using open data served from a data server (triple store). The corresponding web app queries the data server at run rime with a SPARQL query to obtain exactly the data required at that particular time, greatly simplifying its internal logic. There is no need to parse and store entire data sets in memory.
The data server is an instance of a Virtuoso Open Source server. The web app (client) is written in HTML5 and uses the leafletjs JavaScript library to provide mobile-friendly interactive maps. The user interface was designed as a set of three stories, each guiding users through a scenario with accompanying interactive visualisations based on corresponding open data sets.

References

[1]
Vladimir Agafonkin. Leaflet. 24th Jun 2015. http://leafletjs.com/.
[2]
Apache. Fuseki2. Apache Jena Project. 24th Jun 2015. http://jena.apache.org/documentation/fuseki2/.
[3]
TimBerners-Lee. Linked Data. 2010. http://w3.org/DesignIssues/LinkedData.
[4]
Mike Bostock. D3: Data-Driven Documents. May 2015. http://d3js.org/.
[5]
Dataveyes. A Data-Driven Snapshot of the Population of Rennes. blog post. Jun 2014. http://dataveyes.com/#!/en/case-studies/rennes-metropole.
[6]
Eurostat. Eurostat. European Commission. 24th Jun 2015. http://ec.europa.eu/eurostat/.
[7]
Land Steiermark. Open Government Data, Land Steiermark. 24th Jun 2015. http://data.steiermark.at/.
[8]
Ethan Marcotte. ResponsiveWeb Design. 2nd edition. A Book Apart, 2nd Dec 2014. 153 pages. ISBN 1937557189. http://abookapart.com/products/responsive-web-design.
[9]
ODP. Open Data Portal Austria. Wikimedia Austria. 24th Jun 2015. http://opendataportal.at/.
[10]
OGD. Open Government Data Austria. Bundeskanzleramt. 24th Jun 2015. http://data.gv.at/.
[11]
OKFN. Open Data Handbook. Open Knowledge. 24th Jun 2015. http://opendatahandbook.org/.
[12]
OpenLink. Virtuoso Open Source Edition. OpenLink Software. 24th Jun 2015. http://virtuoso.openlinksw.com/dataspace/doc/dav/wiki/Main/.
[13]
OSM. OpenStreetMap Overpass API. 24th Jun 2015. http://wiki.openstreetmap.org/wiki/Overpass_API.
[14]
Rennes. Qui Sommes Nous? Rennes Métropole. 23rd Jun 2015. http://dataviz.rennesmetropole.fr/quisommesnous/.
[15]
Juan Sequeda. Introduction to: Triplestores. dataversity. 31st Jan 2013. http://dataversity.net/introduction-to-triplestores/.
[16]
Nigel Shadbolt, Wendy Hall and Tim Berners-Lee. "The Semantic Web Revisited". In: IEEE Intelligent Systems 3.21 (Jan 2006), pages 96--101. ISSN 1541-1672.
[17]
Stadt Graz. Open Government Data Graz. 24th Jun 2015. http://data.graz.gv.at/.
[18]
W3C. Resource Description Framework (RDF). W3C RDF Working Group. 25th Feb 2014. http://w3.org/RDF/.
[19]
W3C. SPARQL 1.1 Overview. W3C Recommendation. 21st Mar 2013. http://w3.org/TR/sparql11-overview/.
[20]
Wiener Linien. Wiener Linien Open Data. 24th Jun 2015. http://wienerlinien.at/eportal2/ep/channelView.do/pageTypeId/66528/channelId/-48664.
[21]
Zemanta. LODRefine: LOD-enabled Version of OpenRefine. 5th Oct 2013. http://sourceforge.net/projects/lodrefine/.

Cited By

View all

Comments

Information & Contributors

Information

Published In

cover image ACM Other conferences
i-KNOW '15: Proceedings of the 15th International Conference on Knowledge Technologies and Data-driven Business
October 2015
314 pages
ISBN:9781450337212
DOI:10.1145/2809563
  • General Chairs:
  • Stefanie Lindstaedt,
  • Tobias Ley,
  • Harald Sack
Permission to make digital or hard copies of part or all of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for third-party components of this work must be honored. For all other uses, contact the Owner/Author.

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 21 October 2015

Check for updates

Author Tags

  1. HTML5
  2. SPARQL
  3. data server
  4. geovis
  5. information visualisation
  6. leaflet-js
  7. open data
  8. responsive
  9. triple store
  10. web app

Qualifiers

  • Demonstration

Conference

i-KNOW '15

Acceptance Rates

i-KNOW '15 Paper Acceptance Rate 25 of 78 submissions, 32%;
Overall Acceptance Rate 77 of 238 submissions, 32%

Contributors

Other Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

  • Downloads (Last 12 months)16
  • Downloads (Last 6 weeks)0
Reflects downloads up to 20 Jan 2025

Other Metrics

Citations

Cited By

View all

View Options

Login options

View options

PDF

View or Download as a PDF file.

PDF

eReader

View online with eReader.

eReader

Media

Figures

Other

Tables

Share

Share

Share this Publication link

Share on social media