Slik gjorde vi det: Folket og kommunegrensene

Kommunebyggeren til bt.no/Bord4 var en knallsuksess! Folk er interessert i kommunesammenslåing, og vi ville finne ut nøyaktig hvem flertallet i en kommune ønsket å henge med i framtida.  Sentio Resarch Norge gjorde nylig en undersøkelse nettopp om dette, på oppdrag fra Sunnmøre regionråd. Vi fikk tilgang til dataene – så – hvordan viser vi frem dette? Det er mye informasjon, folk er gjerne interessert i å vite hvordan akkurat sin kommunes innbyggere har svart, og om kommunene i «Partnertoppen» er gjensidig interessert i et samarbeid. Og det må funke på mobil.

Vi landa på å legge dette rett inn i en artikkel, som ei klikkbar liste du navigerer gjennom. Med Bootstrap som utgangspunkt la vi inn alle data, tegna opp alle «drømmekommunene» i illustrator og la det inn i en artikkel skrevet av journalist Torill Myren.

Og slik ble resultatet:

Kommuneliste

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