Slik gjorde vi det: Asfalt 2014

På NICAR i Baltimore møtte jeg Zach Wize, en av hjernene bak Timeline JS. Han kunne fortelle at KnightLab ved Northwestern University jobber med et nytt verktøy som heter StoryMap. Det er tilgjengelig nå, men er fortsatt under utvikling, og kan derfor være litt ustabilt på noen felt. Men i dag dukka det opp ei pressemelding som var perfekt til GigaPixel – en variant inne i StoryMap. GigaPixel går ut på at du laster opp et bilde (som ikke behøver være så utrolig stort egentlig, men bedre enn telefon-oppløsning i allefall), og legger punkter i bildet som du zoomer til og legger til informasjon. Pressemeldingen idag handlet om asfaltlegging planlagt i Møre og Romsdal i sommer. Et kart der strekningene allerede var inntegna la jeg inn som bildet, og informasjon til punktene lå i ei liste fra Statens Vegvesen. Jeg la punktene inn manuelt, og søkte i Google maps for å plassere de strekningene jeg var usikker på.

Jeg brukte rundt to timer på jobben, inkl litt frem og tilbake i starten for å bli kjent med verktøyet. Resultatet finner du her:

http://www.smp.no/nyheter/article9403677.ece

Jeg skulle ønske noen ting var annerledes med verktøyet, mulig jeg finner ut av noen forbedringer ved å søke på bugs, men for å få et kjapt resultat er det et godt verktøy. Gleder meg til å se den endelige versjonen med mindre bugs og enda bedre kontroll.

 

Liv-Jorunn

 

 

Advertisements

Slik gjorde vi det: Valggrafikk

Høsten 2013 var det stortingsvalg i Norge, og vi ville vise frem kandidatene fra Nordvestlandet i en interaktiv grafikk med animasjon. Vi samlet informasjon om kandidatene gjennom en intervjuserie samme sommer, hentet inn data for hver enkelt kandidat og visualiserte det hele ved å bruke programmet Adobe Edge Animate. Resultatet ble en ryddig oversikt med lett tilgjengelig interaktivitet. Stilen er tegneserie-preget med sterke, klare farger. Dette var vårt første prosjekt hvor vi brukte Adobe Edge Animate.

Verktøyer brukt: Excel, Adobe Illustrator, Adobe Edge Animate

Valggrafikk_stor

Slik gjorde vi det: Made in Møre

Den maritime klyngen på Møre er helt spesiell. Den har en unik konsentrasjon av  maritime bedrifter, samt spesialiserte forsknings- og utdanningsinstitusjoner. Den består av 15 designselskaper, 14 skipsverft, 159 utstyrsleverandører og 18 rederier. Disse sysselsetter over 21 000 personer og har en samlet omsetning på 51,5 milliarder kroner (Møreforskning 2008).

Lørdag 8. februar ble skipet Far Sigma døpt på Langsten i Tomrefjord, og i den anledning ville vi illustrere hva som ligger bak et slikt skip i form av leveranser, og hvor på kartet disse leveransene kommer fra. Derfor laget vi denne illustrasjonen til papirutgaven lørdag 8. februar:

IllustrasjonMM

 

Vi ville selvfølgelig gjøre den interaktiv til nettartikkelen, og brukte Adobe Edge Animate til jobben. Vi tok inn delene fra illustartor, og gjorde dem klikkbare, sortert etter sted. Det fine med Edge Animate kontra andre visualiseringsverktøy er at en har full kontroll på designet – og at det er identisk på papir og nett.

Her er saken (artikkel på smp.no) som hørte til grafikken, og her kan du prøve grafikken selv:

IllustrasjonMMint

Overraskede prisvinnere

Glisende prisvinnere med en veldig stor diplom.

Glade prisvinnere: Eirik Meling og Liv-Jorunn Håker Ottesen.

Rush i Ålesund vant faktisk prisen for Data storytelling under den første Nordic Data Journalism Awards på fredag.

Vi i #smplab er selvfølgelig veldig stolte og glade for å ha vunnet prisen. Det kom som en overraskelse, for vi var sikre på at Bergens Tidende skulle få prisen for den fantastiske Janne-saken.

Her kan du lese om alle vinnerne og her er omtale på smp.no.

Likevel, juryen trakk heller fram vår sak, med følgende begrunnelse: «En innovativ story där journalisterna verkeligen har tagit datajournalistik ett steg längre. Lyckas engagera läsere på olika plattformar och i sociala medier, före och efter publiceringen. Visar att också en liten redaktion kan skapa originell og nyskapande datajournalistik. En fräsch fläkt bland alla bidrag. Datajournalistik behöver inte bara betyda databaser och siffor – det räcker ibland med en genialt enkel ide med data på ett annorlunda sätt. Skjuter en pil rakt in i hjärtat!»

Men vi fikk mer ut av konferansen i Stockholm enn en diplom. Nå er vi i gang med planleggingen av nye prosjekt ved hjelp av nye framgangsmåter. Blant annet er ambisjonen å «skrape» innhold fra interessante lokale nettsteder. Både Lasse Lambrechts i bt.no og islandske Páll Hilmarsson hadde innlegg under konferansen som viste de store mulighetene man har med denne framgangsmåten.

Andre høydepunkt for oss var Ben Welsh fra LA Times (om koding og journalistikk) og Sisi Wei fra ProPublica (om visualisering).

Datajournalist Jens Finnäs blogger her om sine tanker etter konferansen.
Her er videoklipp fra alle foredragene under hele konferansen.

LABen på Södertorns Høgskola i Stockholm, klar for konferanse om datajournalistikk. Fra venstre, Dag-Arne, Eirik og Liv-Jorunn

LABen på Södertorns Høgskola i Stockholm, klar for konferanse om datajournalistikk. Fra venstre, Dag-Arne, Eirik og Liv-Jorunn

What have we learned?

Lørdag skal vi fortelle på #djinorden13 hvorfor det vi driver med i #smplab er «Best practice» i Norge. Det vi driver med er selvfølgelig ikke best i landet, men det vi gjøre er nok ok ut fra størrelsen på avisa. (Vi er ca 35 journalister og smp.no har 200.000 unike brukere per uke på nett.)

I korte trekk er historien som følger: «How Sunnmørsposten, a medium-sized newspaper in Ålesund, Norway, got started doing datajournalism. Started off with one journalist using Microsoft Excel and Google Fusion Tables. Little more than a year later the team also includes a web designer and a web developer, and are nominated for The Nordic Data Journalism Awards.»

Vi skal også si litt om design og hvordan vi gjorde Rush i Ålesund, som vi ble nominert for i kategorien storytelling: http://bit.ly/RUSHiAalesund

Avslutningsvis prøver vi å fortelle hva vi har lært etter et år med datajournalistikk:

What have we learned? Tips for others in a start-up phase:
– Learn excel.
– Work in teams, preferably of people with different abilities.
– Chase the good story. Beautiful infographics does not matter if there is no story.
– Take one step at the time. Be inspired of that others do, but do not be stressed when your first stories are not at the same level.
– Network, meet other datajournalists. Exchange ideas and learn from others.
– Be open and share.
– Choose your tools. No online visualization tool will serve your every need, but pick a few and learn them.
– Datajournalism must be a priority in the organization. Editors must allow for both learning and the time it takes to finish a story.

Slik gjorde vi det: Havna i Ålesund

I november 2013 hadde Ålesund laste- og losseforening jubileum, og i den anledning hadde journalist Lars Inge Skrede ei lengre sak i lørdagsavisa. Vi ville gjøre noe interaktivt i forbindelse med lørdagssaka, og lagde denne animerte faktaboksen. Vi brukte Adobe Illustrator, Adobe Photoshop og Adobe Edge Animate, og laget som grunnlag ei scene med bølger og en gammel trevegg. Faktaene kommer flyvende inn på scena alt etter hvordan du som bruker klikker eller sveiper.

Vi prøvde ut nye funksjoner i Edge Animate i dette prosjektet, for eksempel navigeringen, responsiv design i en slik setting, animasjoner som går i loop over navigering (at bølgene ruller uavhengig av hva du gjør) og bruk av mange fakta i en interaktiv fortellerteknikk.  I ettertid ser vi alltid ting vi kunne endra på eller gjort annerledes, men i denne bransjen har vi deadlines, og da må man avslutte «flikkingen» på et gitt tidspunkt.

Vi tror at visualisering med illustrasjoner og animasjon kan gjøre mange fakta mer levende og lettere tilgjengelig.

Prøv den her:

Havna

Slik gjorde vi det: Budsjett 2013

I slutten av oktober 2013 kom rådmannen i Ålesund med sitt forslag til budsjett for de fire neste årene. Resultatet var som ventet nedslående. Ålesund Kommune er i et økonomisk uføre og ROBEK-lista truer i kulissene. Men hvordan fortelle folk om alle disse tallene på en måte som interesserer og får dem til forstå hvordan dette bildet ser ut?

Vi fikk en visuell idé om å sette folk inn rollen som politiker og gav dem hele budsjettet på skrivebordet. Interaktivt, fresht og enkelt fortalte vi om hovedpunktene i forslaget, og tilbakemeldingene lot ikke vente på seg. Selv politikere priset grafikken som lettfattelig.

Verktøyer brukt: Excel, Illustator, Photoshop og Edge Animate.

Les saken på smp.no her eller prøv grafikken selv her:

 

Budsjett-grafikken vart en suksess