nrk.no

Slik gjorde vi det: Chordvisualisering av innvandring til fylker

Kategorier: NRK,Open Source & Webutvikling

Eurokriseflyktninger
Eurokriseflyktninger ill: Tom G. Johansen

Rett før sommeren skrev vi noen artikler om arbeid og innvandring. Om hvor de forskjellige nasjonalitetene fra EU/EØS landene bosetter seg i Norge.

Det ble gjort for å se nærmere på utviklingen av arbeidsinnvandring, fra norsk etterspurt arbeidskraft i fra land som Polen og Sverige, til folk som forlater landet sitt på grunn av økonomiske kriser (for eksempel Spania, Hellas etc).

Da det er mange myter og meninger om dette temaet, fant vi ut at datavisualisering er en god måte å fortelle litt av hva statistikken sier.
Som ved mange andre prosjekter, er det som regel ikke mangel på data som er problemet, men hvordan man kan forenkle datagrunnlaget slik at det blir en forståelig visualisering som kan øke innsikten i temaet.

For oss på datavisualiseringsteamet, var dette et mindre prosjekt: Datagrunnlaget var allerede innhentet av journalistene Kirsti og Camilla da vi fikk henvendelsen.
Ofte starter prosjektene våre med en felles diskusjon på tavle, hvor mulige retninger skisses raskt opp.

Skisser til data viz
Potensielle løsninger skisses raskt opp på tavle for diskusjon.

 

Denne gangen gikk det veldig raskt fra diskusjon til den første prototypen var klar. Ved å gjenbruke eksisterende kode fra Steve Hall, hadde Helge Thomas (utvikler) en ferdig prototype på under 15 minutter. Med denne prototypen sjekket vi raskt ut om chord diagram i det hele tatt var en god løsning eller om datagrunnlaget ville bli for komplekst o.l.

Det viste seg at datagrunnlaget og selve interaksjonsprinsippet måtte forenkles. Så med et datagrunnlag basert på kommuner, forenklet vi dette ned til fylker og reduserte også antall informasjonselementer ved rollover.

Visualiseringen er kodet i D3, og er sikkert et kjent bibliotek for mange av dere. D3 er et JavaScript-bibliotek som er mye brukt for datavisualisering. Biblioteket er open source og utviklet av Mike Bostock fra The New York Times, og finnes på GitHub.

Mike laget D3 da han tok sin doktorgrad på Stanford University, og som en liten kuriositet kan du lese oppgaven han skrev om D3 i 2011 her.

Det som kanskje tok mest tid var justeringer i forhold til mobilversjonen. Det er utfordrende å vise komplekse visualiseringer på en mobilskjerm hvor interaksjonen plutselig er avhengig av veldig tykke tommelfingere.

Når vi lager interaktive visualiseringer for mobile enheter er basisfunksjoner (native functions) i mobilen ofte gode å ha – zoom er et eksempel – men det er ikke helt uproblematisk, da brukeren ikke alltid er klar over at denne funksjonen kan brukes.

Innvandring til Fylkene - Tom Gabriel Johansen

Visualiseringen skapte raskt en god del tilbakemeldinger, samt noen ønsker om forbedringer. Da Ulf Engelsen tok kontakt med oss kort tid etter publisering og etterlyste funksjonalitet, synes vi forslaget hans var så godt, at vi umiddelbart implementerte det.

Her er en nedstrippet versjon av visualiseringen

Noen kommenterte at vi burde legge ved tallene vi bruker, slik at andre også kan dra nytte av disse. Det er vi helt enige i. Her er tallgrunnlaget vi brukte i en Excel fil: NasjonalitetPrFylke2014SSB
Oppdaterte data kan også finnes hos www.ssb.no

Disse jobbet på prosjektet
Journalist: Camilla Wernersen & Kirsti Haga Honningsøy
Utvikler: Helge Thomas Hellerud
Info designer: Tom Gabriel Johansen (Tom Halsør)

Moderne teknologi har gjort det veldig raskt og enkelt å visualisere informasjon på en lettfattelig og oversiktlig måte, men vi vet også at det er mulig å forenkle for mye. Savner du noe fra visualiseringen?

5 kommentarer

    • Tom Gabriel Johansen (NRK) (svar til Terje Hauger)

      Hei igjen Terje
      Kom akkurat på at vi gjorde en visualisering av nasjonaliteter samlet i Norge her:
      nrk.no/innvandringsmyter/
      Skroll ned til bakgrunnsstoff, der kan du se en visualisering av hvordan utviklingen i har vært siden 1980 frem til nå (top24 liste)
      Russland har klatret oppover de siste årene.

      🙂

Legg igjen en kommentar til Terje Hauger Avbryt svar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *. Les vår personvernserklæring for informasjon om hvilke data vi lagrer om deg som kommenterer.