Näytetään tekstit, joissa on tunniste Highcharts. Näytä kaikki tekstit
Näytetään tekstit, joissa on tunniste Highcharts. Näytä kaikki tekstit

perjantai 28. kesäkuuta 2013

Kesäloma edessä, mitä takana?

Aloitin yhdessä Juha Rissasen, Juho Salmisen, Mika Pippurin ja Stina Tuomisen kanssa työt Yle:n PlusDesk-toimituksessa tammikuun 21. päivä kuluvaa vuotta. Tehtävämme PlusDeskissä on tehdä yhdessä muiden toimitusten kanssa verkonomaisia sisältöjä.

Näin heinäkuun kynnyksellä voidaan sanoa, että ensimmäinen rypistys on takana ja omalta osaltani edessä siintää kesäloma. Kolme viikkoa (toivottavasti) jotain aivan muuta.

Mitä sitten on takana? Kulunutta viittä kuukautta ja viikkoa voidaan katsoa monesta näkökulmasta, mutta eräs mittari jota seuraamme on miten paljon juttuja joiden tekemisessä olemme mukana on luettu. Seuraamme lukijamääriä mm. viikkotasolla missä tavoitteenamme on olla Yle Uutisten top3-luetuimman jutun joukossa. Tähän asti olemme onnistuneet tässä yksitoista kertaa.

Tässä nämä onnistumiset koottuna lukijamääräjärjestyksessä. Mukana on eri tyyppisiä juttuja ja juttutyyppejä sisältäen niin laskureita, karttoja, graafeja kuin myös upeita kuvituskuvia. Keräsin jutuista keskeisimmät metatiedot kuten julkaisuajan, kotiosasto, tekijät, lukijamäärät, käytetyt tekniikat sekä datalähteet. Olen merkinnyt kursiivilla PlusDeskin ulkopuoliset tekijät.

1. Laske uusi painoindeksisi täältä

2. Kuinka rikas olet verrattuna muihin eurooppalaisiin? Kokeile laskurilla

  • Linkki: http://yle.fi/uutiset/6672048
  • Kotiosasto: Talous
  • Julkaistu: Torstaina 6. kesäkuuta 2013 klo 6:25
  • Tekijät: Teemo Tebest, Johan Jaakkola, Juha Rissanen, Juho Salminen
  • Lukijamäärä: 166 548
  • Tekniikka: jQuery UI Slider
  • Data: Tilastokeskus, Eurostat

3. Mistä sinä säästäisit jos olisit ministeri? Kokeile laskurilla

  • Linkki: http://yle.fi/uutiset/6544401
  • Kotiosasto: Kotimaa
  • Julkaistu: Torstaina 21. maaliskuuta 2013 klo 6:28
  • Tekijät: Teemo Tebest, Juha Rissanen, Juho Salminen
  • Lukijamäärä: 107 619
  • Tekniikka: Ei erityistä teknologiaa.
  • Data: Valtiovarainministeriö

4. Täällä punkit aiheuttavat tauteja – katso alueesi tilanne

  • Linkki: http://yle.fi/uutiset/6598455
  • Kotiosasto: Kotimaa
  • Julkaistu: Keskiviikkona 15. toukokuuta 2013 klo 6:18
  • Tekijät: Teemo Tebest, Anne Pirskanen, Juha Rissanen, Juho Salminen
  • Lukijamäärä: 106 528
  • Tekniikka: Raphaël
  • Data: Terveyden ja hyvinvoinnin laitos

5. Pyöräilijä: Testaa osaatko liikennesäännöt

  • Linkki: http://yle.fi/uutiset/6688871
  • Kotiosasto: Liikenne
  • Julkaistu: Maanantaina 17. kesäkuuta 2013 klo 6:29
  • Tekijät: Teemo Tebest, Elina Jämsen, Juho Salminen, Juha Rissanen
  • Lukijamäärä: 87 519
  • Tekniikka: Google Form + kuvitus
  • Data: Liikenneturva

6. Katso paljonko ikäisilläsi sinkuilla on asuntolainaa

7. Kannattaako koulutus? Näin työntekijä pärjää maisterille

  • Linkki: http://yle.fi/uutiset/6696442
  • Kotiosasto: Kotimaa
  • Julkaistu: Maanantaina 24. kesäkuuta 2013 klo 6:13
  • Tekijät: Teemo Tebest, Hanna Hantula, Mika-Matti Taskinen, Stina Tuominen, Juho Salminen 
  • Lukijamäärä: 70 375
  • Tekniikka: Highcharts Line chart + kuvitus
  • Data: Tilastokeskus, ammattiliitot

8. Nouseeko kotiseudullesi jättimäisiä tuulimyllyjä? Katso kartalta

  • Linkki: http://yle.fi/uutiset/6590722
  • Kotiosasto: Ajankohtainen kakkonen
  • Julkaistu: Tiistaina 23. huhtikuuta 2013 klo 7:09
  • Tekijät: Teemo Tebest, Jari Hakkarainen, Pasi Toivonen, Mika Pippuri, Stina Tuominen
  • Lukijamäärä: 54 314
  • Tekniikka: Google Fusion Tables
  • Data: Suomen Tuulivoimayhdistys ry

9. "Jäin eläkkeelle parikymppisenä"

10. Katso, kuka on kuuma Twitterissä – #SuomiTop100 on täällä taas

  • Linkki: http://yle.fi/uutiset/6698234
  • Kotiosasto: Internet
  • Julkaistu: Tiistaina 25. kesäkuuta 2013 klo 6:27
  • Tekijät: Teemo Tebest, Antti Hirvonen, Juha Rissanen, Stina Tuominen
  • Lukijamäärä: 47 884
  • Tekniikka: Tablesorter, kuvitus
  • Data: Twitter, Toni Nummela, Hampus Brynolf

11. Tuoko ryntäys kaivoksen naapuriisi? Katso kartalta

  • Linkki: http://yle.fi/uutiset/6476988
  • Kotiosasto: Yritysvastuu
  • Tekijät: Teemo Tebest, Jaana Kanninen, Juha Rissanen, Juho Salminen
  • Julkaistu: Maanantaina 4. helmikuuta 2013 klo 10:17
  • Lukijamäärä: 33 506
  • Tekniikka: Google Fusion Tables
  • Data: Tukes
Nämä ovat siis juttuja joita PlusDesk on ollut tekemässä ja jotka ovat nousseet Yle Uutisten top3-luetuimmaksi jutuksi julkaisuviikollaan. Lukijamäärät ovat peräisin ComScore:sta ja ne on tarkastettu aamupäivällä 28.6.2013.

Ruutia jätkät, ruutia!
Lähettänyt klo 0 kommenttia
Tunnisteet: , , , , , , ,
Sijainti: Yleisradio

perjantai 13. huhtikuuta 2012

Verotietojen visualisointi

On taas aika vuodesta kun posti tuo koteihin veroilmoitukset. Sain omani tällä viikolla ja ajauduin visualisoimaan elämäni verotiedot.

Alkuun pieni disclaimer...


Tähän asti tässä blogissa on käsitelty ensisijaisesti erilaisia verkostovisualisointeja. Ne ovatkin mielenkiintoisia ja teknologiaseksikkäitä. On kuitenkin hyvä muistaa, että usein perinteinen viiva-, pylväs- tai piirakkadiagrammi on visualisointikeinona hyvin tehokas. Niiden etu on laaja tunnistettavuus ja siten niitä on lähtökohtaisesti helppoa lukea ja ymmärtää. Verkostovisualisointien tulkinta ja tiedon omaksuminen on usein jopa kaltaiselleni "ammattilaiselle" ongelmallista.

Toki visualisointimenetelmä ja käytetyt -komponentit tulee ensisijaisesti valita käyttötarkoituksen ja datan ehdoilla, mutta nyt itse asiaan.

Datan hankinta


Olen saanut veroilmoituksen vuodesta 2003 lähtien eli dataa on kertynyt vuoden 2011 veroilmoitus mukaan lukien yhdeksältä verovuodelta. Keräsin datan käsin paperisista veroilmoituksista, jotka olen kuuliaisena kansalaisena mappiin säilönyt. Totesin myös jälkikäteen, että näin oli tehtävä, koska vero.fi-verkkopalvelu pitää ilmeisesti sisällään vain viimeisimmän verovuoden tiedot. Datan kerääminen tuotti yllättävän paljon työtä, koska veroilmoitukset ovat vuosien saatossa muuttaneet muotoaan ja tämä teki datan siistimisestä ja yhtenäistämisestä vaivalloista.

Keräsin veroilmoituksista jokaiselle vuodelle seuraavat neljä lukuarvoa:
  • Palkkatulot
  • Etuudet
  • Ennakonpidätys
  • Pakolliset Eläke- ja työttömyysvakuutusmaksu
Kaksi edellä mainuttua ovat luonnollisesti tuloja ja kun kaksi jälkimmäistä ovat maksuja. Omat veroilmoitukseni ovat siis tähän asti koostuneet oikeastaan pelkästään näistä neljästä tiedosta. Datan tallensin suoraan visualisointikomponentin koodiin. Alla esimerkki datasta:

series: [{
  type: 'column',
  name: 'Palkka',
  data: [2473.38,96.9,0,0,2136.01,1034.99,21620.83,25169.36,29790.87]
}, {
  type: 'column',
  name: 'Etuudet',
  data: [774.92,984.24,2214.54,2214.54,2214.54,2362.7,0,0,0]
}]

Arvot syötin siis taulukkomuodossa ja ne kuvaavat tässä tapauksessa vuosikohtaisesti saatua palkkaa ja etuuksia euromääräisinä *.

Visualisointityökalun valinta


Visulisointikomponentiksi valitsin Highcharts-kirjaston. Highcharts on monipuolinen JavaScript-kirjasto, jolla on mahdollista tehdä monipuolisesti selaimessa toimivia diagrammeja. Etenkin kaksiulotteisten viiva- ja pylväsdiagrammien piirtäminen ovat Highchartsin vahvuus. Highchartsin vahvuus on myös, että se on riittävästi dokumentoitu ja etenkin, että käyttäjälle annetaan paljon valmiita esimerkkejä siitä miten kirjastoa voidaan käyttää. Oman toteutukseni pohjana käytin tätä loistavaa esimerkkiä, joten tehtäväkseni jäi pääasiassa pelkästään lukuarvojen muuttaminen halutuiksi.

Lopputulos ja yhteenveto


Highcharts osoittautui siis tehokkaaksi työkaluksi. Kirjaston sisäänrakennetut toiminnallisuudet tietojen osoittamiselle ja näytettävien tietojen valitsemiselle toimivat tehokkaana apuvälineenä tulosten tulkinnassa. Kuvassa 1 nähdään kaksi esimerkki kuvankaappausta, josta ylemmässä näkyvillä ovat kaikki tiedot ja alemmassa tiedoista esillä vain osa. On siis helppoa tarkastalla arvoja, jotka muuten peittyvät hallitsevimpien arvojen taakse. Koko visualisointi on saatavilla täällä *.

Highcharts-kirjasto tuottaa selainympäristössä toimivan visualisoinnin, joka reakoi käyttäjän toimiin. Käyttäjä voi mm. osoittaa haluamaansa datapistettä ja valita visualisointiin piirrettävät datajoukot. (Kuva 1)

Lopputulos ei toki datajournalisesti ole kovin "skuuppaava", koska kyse on vain yksittäisen henkilön verotiedoista, mutta se on erittäin kiinnostava näin egosentrisestä näkökulmasta. Esimerkiksi opintotuesta ja kesätöistä saatavien tulojen ero kokopäivätöistä saataviin tuloihin tulee tämän visualisoinnin kautta esille hyvin selkeästi (tulot näkyvät kuvassa 1 sinisellä viivalla). Lisäksi visualisoinnista nähdään miten kaltaiseni normaalin palkkatyöläisen veroprosentti on saavuttanut pääomatuloista maksettavan 28%:n suuruuden.

Voisin kuvitella kuitenkin, että tämänkaltainen visualisointi voisi olla monelle kiinnostava omien verotietojensa kannalta ja mieleen tulisi, että olisi hienoa jos jokaiselle suomalaisella olisi käytössään samankaltainen visualisointi esimerkiksi vero.fi-palvelussa *vink*.

* En tällä kertaa tohtinut jakaa yksityiskohtaisia verotietojani kaiken kansan pällisteltäväksi, joten arvot on suolattu sattumanvaraisella korjauskertoimella. 
Lähettänyt klo 1 kommenttia
Tunnisteet: ,
Sijainti: Helsinki, Suomi
Tilaa: Blogitekstit (Atom)