Avoimen datan visualisointi verkkoselaimessa

Abstract

Tässä insinöörityössä toteutettiin Suomen seutukuntien avointa dataa visualisoiva kartogrammi. Toteuttamista varten koostettiin ensin suunnitteluperusteita, joilla datavisualisaatioista saadaan mahdollisimman hyödyllisiä. Visualisaatio toteutettiin verkkoselaimella katseltavaksi ja tätä varten luotiin katsaus modernien selainten kykyihin sekä työkaluihin, joita voidaan käyttää niille ohjelmistoja toteutettaessa.

Työn alussa esitellään datavisualisaation perusteet. Tämän jälkeen koostetaan ensin visualisaatioiden graafisen suunnittelun periaatteita, sekä huomioita ihmisen näkökyvystä ja tiedonkäsittelystä kuten siitä, miten ihminen aistii värejä ja hahmoja. Lisäksi kerätään tärkeimpiä seikkoja visualisaatiota suunniteltaessa verkkoon, modernien verkkoselainten kyvyistä sekä siitä, millainen käyttöliittymä niille soveltuu.

Näiden periaatteiden nojalla kuvataan toteutettavan visualisaation suunnitelma ja esitellään kartogrammin konsepti, johon suunnitelma perustuu. Tämän jälkeen käydään läpi tarvittavan avoimen seutukuntadatan koosto ja esitellään D3-visualisointikirjasto, jolla ohjelma toteutetaan. Syntynyt visualisaatio käydään läpi ja lopuksi arvioidaan kehitysprosessia sekä sen tuloksia.

Työn tuloksena syntyi Suomen seutukuntadataa visualisoiva epäjatkuva kartogrammi, joka yritettiin ensin rakentaa ilman varsinaista karttadataa. Tämän kokeilun tulokset eivät olleet täysin tyydyttäviä, joten kartogrammin seutukunnille lisättiin sijaintidataa. Näin syntynyt visualisaatio arvioitiin riittävän hyväksi täyttämään työn tavoite.

The aim of the study was to develop a cartogram regionally visualizing open data in Finland. To guide the process, design principles about building maximally useful visualizations were first compiled. The visualization was developed to be viewed with a web browser, so an overview of the abilities of modern browsers and the tools used to develop software for them was include in the study.

The thesis begins by introducing the fundamentals of data visualization. Then the principles of the graphic design of visualizations are covered, as well as considerations about the visual system and human data processing capabilities. Also some of the most important points about designing visualizations for the web and the capabilities of browsers are introduced, and the user interfaces best suited for their use are briefly evaluated.

Using the collected principles the design of the visualization to be developed is then outlined, and the concept of a cartogram is introduced. After this the process of collecting the open sub-region data is described, and the basics of the D3 visualization library which is used to implement the visualization are explained. The completed data visualization is then presented, and the development process and its results are reviewed.

The result of this thesis was a non-contiguous cartogram that visualizes data about the sub-regions of Finland. The construction of the cartogram without map data was first attempted, but the result was deemed not to be sufficient. Placement data was then added to the cartogram, and the resulting visualization was concluded to meet the goals of the study.