Datan visualisointi D3-JavaScript -kirjastolla

Abstract

Datan visualisointi on nykyaikana tärkeää, sillä tiedon määrä maailmassa on aivan valtava ja lisää tietoa kerätään koko ajan. Opinnäytetyössä tutustutaan datan visualisointiin D3-JavaScript -kirjastolla sekä yleisesti datan visualisointiin, erityisesti internetissä esitettäviin visualisointeihin. Lisäksi tutkitaan myös D3-kirjaston kanssa hyödyllisiä web-teknologioita ja hyvin yhteensopivia JavaScript-kirjastoja.

D3-kirjaston ominaisuuksia ja toimintaa selvitettiin tekemällä interaktiivisia visualisointeja kyselytutkimusdatasta. Tarkoitus oli selvittää, että mitä D3-kirjastolla pystyy tekemään ja millainen se on, kun sitä vertaa muihin visualisointityökaluihin.

Visualisointi D3-kirjastolla oli aluksi melko vaikeaa, mutta oppimista helpotti aikaisempi osaaminen web-teknologioista. D3-kirjasto vastaa hyvin nykyajan asettamia vaatimuksia internetissä esitettäville visualisoinneille ja sillä pystyi toteuttamaan kaikki mitä yritettiin eli esimerkiksi kyselytutkimusdatassa taustatekijöillä jakaminen, pitkittäistietojen näyttäminen yhdessä kuvaajassa kaiken muun lisäksi ja haluttujen vastausvaihtoehtojen piilottaminen selitteitä klikkaamalla.

D3-kirjasto on erittäin hyvä työkalu moniin visualisointeihin, mutta erityisesti havaittiin sen soveltuvan monimutkaisten datojen visualisointeihin. Monitasoisen datan visualisointi oli D3-kirjastollakin melko vaikeaa, kunnes tajusi kaikkien tärkeimpien funktioiden toiminnot kunnolla, mutta muilla työkaluilla se olisi ollut vielä vaikeampaa ja useimmilla jopa mahdotonta. D3-kirjasto tarjoaa työkalut juuri sellaisten kuvaajien ja muiden visualisointien tekemiseksi kuin itse haluaa, jolloin kaikki on vain mielikuvituksesta ja osaamisesta kiinni.

Data visualization is important nowadays because the amount of information in the world is enormous and it just keeps growing. The purpose of this thesis is to explore data visualization with D3 JavaScript library and data visualization in general, especially when it comes to visualizations that are presented in the internet. Other useful or mandatory web technologies to use in conjunction with D3 library are also explored as are well compatible JavaScript libraries.

D3 library’s properties and functions were researched by doing interactive visualizations with survey data. The intention was to figure out what is able to be done with D3 library and how it compares to other visualization tools.

Visualization with D3 library was difficult at first but the learning process was made easier by previous knowledge about web technologies. D3 library satisfies the needs of today’s data visualizations that are created for the internet and it was able to be used for everything it was tried to be used for, e.g. dividing survey data by a background variable, showing longitudinal data in one graph along with everything else and hiding answer options by clicking their legends.

D3 library is a great tool for a lot of data visualizations but it was especially well suited for visualization of complex data. Visualization of multi-level data was difficult even with D3 library until all of the most important functions were really understood well but with other tools it would have been even harder and even impossible with a lot of them. D3 library offers tools to create any kind of graphs or other visualizations as one would want to create and then it’s just about imagination and know-how.