Alle disse gratisverktøyene vi bruker…

Hva er egentlig Infogram? Eller Datawrapper? Jeg har fått spørsmålene mange ganger, og her er en oversikt over de verktøyene vi bruker mest, og eksempler på prosjekter vi har laget med disse verktøyene:

TimelineJS-logo

Timeline JS er laget av Knigtlab på Northwestern University i Chicago. Verktøyet gir deg en enkel måte å illustrere – nettopp –  en tidlinje på. Du legger til datoer, steder, hendelser og bilder/video, og får ut i andre enden en embed-kode du kan legge til på nettsiden din. Enkelt! Det eneste du må huske på er at alt av bilder og video må allerede finnes et sted på nettet. Du kan altså ikke laste opp bilder eller videoer direkte i Timeline – bare nettadresser. Vi brukte TimelineJS på disse prosjektene:

Aksladrapet       Flaggsaken


thinglink_logo1-2ci0gdf

Thinlink er en tjenester som lar deg laste opp et bilde og legge inn interaktive punkter i det. De interaktive punktene kan være tekst, bilder, video, lenker til andre nettsider osv. Du kan til en viss grad bestemme layout på punktene, og du kan bruke Thinglink til veldig mye rart. Du får en embedd-kode til slutt, som du legger inn på nettsiden din. Vi brukte thinglink i disse prosjektene:

RUSH     Aksla-pp-bilde


Infogram-logo

Infogram er et infografikk-verktøy. Du legger inn tekst, tall og data, og infogram gir deg diagrammer i en interaktiv infografikk tilbake. Det er ikke like lett å integrere infogram rett i artikler på våre netsider, pga begrensninger i bredde på infografikken. Derfor har vi lagt disse på egene, blanke sider, der de får den beste presentasjonen. Du får også her en embeddkode ut som du limer inn på din nettside. Vi bruke infogram på disse sakene:

ValgNabolag     Skatt2013


2JHwwi3B_400x400

Datawrapper er et enkelt og nyttig verktøy som lar deg lage grafikk som søyle-, sirkel- og linjediagram til publisering på nett. Verktøyet er gratis, du må kun registrere deg med ei epostadresse. Det du trenger er et datasett behandlet i for eksempel Microsoft Excel, som limes inn i Datarwrapper. Her kan du velge diagramtype, endre farger og utforming og navngi variabler. Du kan også lage søkbare tabeller. Når diagrammet er ferdig kopieres embedd-kode som du legger til på din nettside. Diagrammet kan endres etter publisering. Vi brukte Datawrapper på bl.a. dette prosjektet:

Julekaker


FusionTables
Google Fusion Tables er et verktøy for å lage interaktive grafikker. Verktøyet kan brukes både til å lage søylediagram etc basert på et datasett, eller du kan sammenligne geografiske områder (f.eks. kommuner) på et kart. Krever at man har en gmail-konto. Datasett behandlet i f.eks. Microsoft Excel lastes gjerne opp i et Google-spreadsheet før det kan brukes i Fusion Tables, evt lastes rett opp fra datamasinen.
Framstilling av kart kan være vanskelig, det avhenger av hvilket område man jobber med og om det finnes lett tilgjengelige kart med grenser. I Sunnmørsposten har vi et kart som kan brukes til sammenlikning mellom de 25 kommunene i dekningsområdet vårt.
Du har stor frihet til modifisering av grafisk uttrykk, det finnes enkle forhåndsinnstillinger man kan bruke. I tillegg er det stor frihet til modifisering av uttrykket, men det fordrer litt mer enn grunnleggende datakunnskap. Når grafikken er ferdig kopieres embedd-kode inn på din nettside. Skal du lage diagrammer uten kart er Datawrapper et enklere alternativ. Vi har brukt Google Fusion Tables på disse prosjektene:
Forurensing Boligbygging UlykkerSulavegen
Advertisements

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

 

 

Slik gjorde vi det: Flaggsaken

I slutten av april 2013 sendte en skole i Ålesund et spørsmål til kommunen om å få lov å bruke flagg i 17. mai toget som barna på skolen hadde tegnet. Skolen en rekke elever med tilknytning til andre land og flaggene hadde det norske flagget på den ene siden og utenlandske flagg på den andre siden. Spørsmålet skapte en stor nasjonal debatt der sterke stemmer talte i mot forslaget. En bidragsyter til dette var et nasjonalistisk nettsted som publiserte en artikkel basert på smp.no sin, med omskrevet tekst. Dette strider mot redaktørplakaten og god presseskikk. Artikkelen blir mye delt på sosiale medier som Facebook og Twitter, og snart var saken fra Ålesund en nasjonal snakkis. I etterkant av alle oppslagene laget vi en tidslinje som viste hva som egentligskjedde under «Flaggsaken» i Ålesund.

Vi fant verktøyet timeline.js på nettet og prøvde oss litt frem. Et utrolig bra verktøy for nettopp tidslinjer!

Verktøyer: timeline.js 

Se tidslinjen og les artikkelen her.

Flaggsaken_stor

Slik gjorde vi det: Aksla-drapet

En ettermiddag sent i august 2013 forsvant ei ung jente på byfjellet Aksla i Ålesund. Sunnmørsposten fulgte saken tett og snart ble det klart at forsvinningssaken var en drapssak. Vi opprettet en tidslinje i verktøyet timelinje.js for å gi leserne oversikt over saken, etter hvert som den utviklet seg.  Tidslinjen fulgte en artikkel der vi samlet  alt vi skrev om saken. Vi oppdaterte oversikten forløpende, og siste artikkel ble lagt inn i februar 2014, da rettsaken mot drapsmannen skulle begynne. Vi laget en egen tidlinje for å følge rettsaken dag for dag. Alt i alt inneholder tidslinjen over tretti poster, og artikkelsamlingen over 200 artikler.

Sunnmørspostens dekning av Aksla-drapet og denne tidslinjen/artikkelen fikk diplom i European Newspaper Awards mot slutten av 2013.

Verktøy: timelinje.js

Les artikkelen og prøv tidslinjen her:

Aksladrapet_stor