Koronadatan visualisointi Javascript-kirjaston avulla
Hartikainen, Arttu (2021)
Hartikainen, Arttu
2021
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2021093018179
https://urn.fi/URN:NBN:fi:amk-2021093018179
Tiivistelmä
Opinnäytetyön tarkoituksena oli luoda web-sovellus, jonka avulla pystytään tarkastelemaan valitun maan koronatilastoja. Tavoitteena oli tehdä sovelluksesta selkeä ja helppokäyttöinen. Toisena tavoitteena työssä oli saada selkeä kuva visualisointiin käytettävistä tekniikoista ja työkaluista tulevaisuutta varten.
Monelle perustason käyttäjälle web-sivu ja web-sovellus saattavat tarkoittaa samaa asiaa, mutta todellisuudessa web-sovellukset ovat paljon monimutkaisempia. Web-sovellusten toimintatavat määräytyvät sovelluksessa käytettävien komponenttimallien ja arkkitehtuurin tyypin perusteella.
Dataa kerätään koko ajan kasvavissa määrin eri lähteistä, ja sitä opitaan hyödyntämään jatkuvasti enemmän. Datan avulla pystytään esimerkiksi saamaan vastauksia liiketoiminnassa tehtäviin päätöksiin.
Sovelluksen pohja toteutettiin käyttäen React-ohjelmistokehystä. Visualisoitava data haettiin COVID19API-rajapinnasta, jonka avulla voidaan hakea koko maailman tilastot yhdellä pyynnöllä. Varsinainen visualisointi toteutettiin Chart.js-kirjastoa käyttäen, jolla pystytään luomaan valmiita kaaviopohjia. Kaaviopohjaan tuotiin tilastot käytetystä rajapinnasta ja visualisoitiin ne kasvukäyräksi.
Työn lopputulokseksi saatiin ulkonäöllisesti hyvin yksinkertainen ja selkeä web-sovellus. Sovellus mahdollistaa perustason loppukäyttäjälle tarvittavan tiedon hakemisen nopeasti ja tieto on saatavilla nopealla vilkaisulla. Visualisoidut tilastot toteutettiin siten, että ne ovat helppolukuisia ja kaikkien ymmärrettävissä. Ilmaisen rajapinnan tuomien rajoitusten vuoksi sovelluksen sisältö ja visualisoitavat tilastot jäivät hieman suppeiksi. Maksullisen rajapinnan avulla sovellukseen voitaisiin tuoda lisäominaisuuksia, jotka mahdollistaisivat sovelluksen jatkokehityksen ja mahdollisen kaupallistamisen.
Monelle perustason käyttäjälle web-sivu ja web-sovellus saattavat tarkoittaa samaa asiaa, mutta todellisuudessa web-sovellukset ovat paljon monimutkaisempia. Web-sovellusten toimintatavat määräytyvät sovelluksessa käytettävien komponenttimallien ja arkkitehtuurin tyypin perusteella.
Dataa kerätään koko ajan kasvavissa määrin eri lähteistä, ja sitä opitaan hyödyntämään jatkuvasti enemmän. Datan avulla pystytään esimerkiksi saamaan vastauksia liiketoiminnassa tehtäviin päätöksiin.
Sovelluksen pohja toteutettiin käyttäen React-ohjelmistokehystä. Visualisoitava data haettiin COVID19API-rajapinnasta, jonka avulla voidaan hakea koko maailman tilastot yhdellä pyynnöllä. Varsinainen visualisointi toteutettiin Chart.js-kirjastoa käyttäen, jolla pystytään luomaan valmiita kaaviopohjia. Kaaviopohjaan tuotiin tilastot käytetystä rajapinnasta ja visualisoitiin ne kasvukäyräksi.
Työn lopputulokseksi saatiin ulkonäöllisesti hyvin yksinkertainen ja selkeä web-sovellus. Sovellus mahdollistaa perustason loppukäyttäjälle tarvittavan tiedon hakemisen nopeasti ja tieto on saatavilla nopealla vilkaisulla. Visualisoidut tilastot toteutettiin siten, että ne ovat helppolukuisia ja kaikkien ymmärrettävissä. Ilmaisen rajapinnan tuomien rajoitusten vuoksi sovelluksen sisältö ja visualisoitavat tilastot jäivät hieman suppeiksi. Maksullisen rajapinnan avulla sovellukseen voitaisiin tuoda lisäominaisuuksia, jotka mahdollistaisivat sovelluksen jatkokehityksen ja mahdollisen kaupallistamisen.