際際滷

際際滷Share a Scribd company logo
Introduksjon til informasjonsvisualisering 2014
Er fra Kristiansand
Akkurat som dyreparken  er det mye
spennende, rart og nyttig i
visualiseringsfaget.
Vi skal se p奪:
-Visualiseringsmetoder
-Verkt淡y
-Jeg skal pr淡ve 奪 temme noen av dyrene /
demonstrasjon av konkret l淡sning
Introduksjon til informasjonsvisualisering 2014
Ekstremt mye informasjon
1200 exabytes i 2010 alene!
Hva med 2020?
Informasjonstsunami
CLICK
Katastrofe eller mulighet?
Visualisering kan hjelpe oss 奪 se lenger 
eller surfe tsunamien
F奪r en oversikt over massive mengder data
-sammenhenger, trender, utstikkere,
unormaliteter
Visualisering er essensielt for geografisk
informasjon
-Kan du tenke deg 奪 finne frem i en by
basert p奪 en liste med koordinater?
Vi skal ta en tur 奪 se de mest ber淡mte
dyrene i visualiseringsdyreparken
Index chart / indeksdiagram
-Viser ikke faktiske st淡rrelser, men
normalisert data
-Prosent
-Endringsrate
-++
-Aksjemarked
-Amazon og Google endrer seg likt  men
forskjellig verdi
Sparklines
-Morsomme!
-Kan v脱re inkludert i tekst
-Finnes i nyeste Excel(!)
-Viser trender
-Overordnet
-Liker godt mye data
Yr.no
-Ganske pene
-Egner seg (kun) for data som kan la seg sl奪
sammen
-Mest naturlig er 奪 summere
-Leses 束vertikalt損 og horisontalt
-Negative verdier kan ikke representeres
Sannsynlighet for et temperaturvarsel
-100% sannsynlig at vi havner i dette
(vertikale) omr奪det
-50% sannsynlig at vi havner i et (mindre)
omr奪de
Hesten:
-Oppdaget at hesten 束svever損 n奪r den
l淡per
Fine for statiske medier (b淡ker, artikler,
rapporter)
Kan enkelt legge informasjon p奪 toppen
-Streker som viser sammenheng
-Utheve elementer i flere av miniatyrene
Er interaktive animasjoner bedre?
Vanlig graf (en linje)
Mye vertikalt d淡d-rom
Negative verdier er under 束null-linjen損
Disse kan speiles og fargelegges  deler
plass med positive verdier
Deler i 3 (eller hva som helst) segmenter
Fargelegger disse forskjellig
束sl奪r損 de sammen i vertikal retning.
Forskyver hvis n淡dvendig.
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Befolkning pr stat USA
Internettbrukere 2002
Axis maps
Google Indoor
Indoortube
Vertical color map
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
Introduksjon til informasjonsvisualisering 2014
OpenStreetMap:
-Dugnadskart
-Gratis
-Ikke garantert n淡yaktig
-GeoFabrik har gratis ekstrakter
SSB
-Mye spennende data
-Ofte grid-basert I 1 km grid over Norge
-Fine til mye spennende visualiseringer
Natural Earth
-Gratis data fra kjente kilder
-Prim脱rt dekker det hele verden
-Ganske grove data
NorgeDigitalt
-Den norske dugnaden
-Indrefileten
-Kj淡pe tilgang eller v脱re bidragsyter
-MANGE har tilgang, uten 奪 vite det(!)
Mange andre kilder ogs奪!
Ikke v脱r redd!
Mange formater
Mye skitten data
Forvent mye datavasking
Bruk s奪 enkle metoder som mulig!
Pass p奪 projeksjoner
Databaser er et godt resultat
Excel
Notepad p奪 steroider: notepad++, textpad
Find/Replace
Regular expressions
Google Fusion Tables
OpenRefine
Data wrangler
B奪de gratis og betalversjon
-Enkel web-publisering
Drag/drop
Ganske kraftig
Begrenset geografisk visualisering
Fint til 奪 kombinere flere visualiseringer
Eksperiment fra IBM
Web-basert
Enkelt
Tilbyr en god del standardvisualiseringer
Open Source
Kraftig program for vektorgrafikk
Prim脱rt tegneprogram
Kan brukes til 奪 lage kart fra bunnen av
MEN, kan ogs奪 brukes for 奪 redigere kart
fra GIS
Lager interaktive visualiseringer 束ondemand損
Tett integrert med Google-produkter
(drive)
Har en kraftig API for utviklere
- Ex: kan hente inn et oppdatert pie chart
akkurat som et bilde i en webside
Fint for web
Kraftig verkt淡y for 奪 filtere, kombinere og
visualisere store datamengder
Laster opp data til Google sine servere
Bruker Google sin 束kraft損 til 奪 manipulere
data
Kan produsere ganske mye, veldig raskt.

Skal se eksempel p奪 kommunekart senere
Lag ditt eget kart p奪 nett
Alt skjer i 束skyen損
Last opp egne data
Kj淡r noen bestemte metoder
F奪 tilgang til kart fra CartoDB sine servere
Kan utvikle mot tjenesten
S奪kalt 束freemium損: koster penger etter
hvert (Spotify-modellen)
Mye av samme som CartoDB
Lag ditt eget kart p奪 nett
Alt skjer i skyen
Last opp egne data
Manipuler data
Lag kartvisualiseringer
S奪kalt 束freemium損: koster penger etter
hvert (Spotify-modellen)
ESRI: verdensherred淡mme p奪 avansert
GIS-programvare
-Open Source begynner 奪 ta innp奪
-ArcGIS (incl arcmap): kraftig pakke med
束alt損
-Analyser
-Kartografi
-Datamanipulering
-Enorme muligheter
-Ofte det som brukes i organisasjoner som
束GIS損
-Har ogs奪 server, API +++
-ArcGIS.com:
-Webkart
-Klikkeinterface
- Enkelt 奪 bruke
- Kan lage en god del spesialiserte
kart
- Har ogs奪 noen
analysemuligheter
-Har API for utviklere
-ArcGIS Explorer:
-En forenklet 束visningsmodul損 for
ArcGIS.com og ArcGIS Desktop
-Har noen analysemoduler
-Gj淡r det veldig enkelt 奪 lage
束kartpresentasjoner損
-Ganske fin i bruk
-En slags utvidet Google Earth +
PowerPoint
-ArcGIS4Office:
-Kart i MS Office(!)
-Gj淡r det forskrekkelig enkelt 奪 f奪 kart i MS
Office (excel, powerpoint etc)
-Baksiden av medaljen?
-Dyrt  veldig dyrt!
-Noe gratis, som Explorer
Ganske kraftig!
Gratis
Har god st淡tte for enormt mange formater
(flere enn arcgis)!
Kan oppleves som litt 束patch-work損 noen
ganger
En klar favoritt
Mapbox:
-Sted for 奪 lagre/distribuere kart.
-束freemium損.
-Mange gode (gratis) verkt淡y som snakker
bra med Mapbox, men ogs奪 andre.

Tilemill:
-Veldig kraftig kartografiverkt淡y for
webkart
-Gearet mot 束tiles損/kartfliser. Kan enkelt
eksportere h淡yoppl淡selig i andre format
ogs奪.
-Tar imot det meste av kartdata
-Bruker CartoCSS for 奪 束stile損 kartene.
-Gj淡r det veldig enkelt 奪 lage avanserte
kartvisualiseringer
-Anbefales p奪 det sterkeste
-Vi skal ha en demo etter hvert
-ving p奪 ny奪ret med Atle
Introduksjon til informasjonsvisualisering 2014
Startet webkart-revolusjonen
Kraftig
Prim脱rt rettet mot google tiles
St淡ttes av alle, overalt
Definitivt den mest utbredte kartklienten
Er en enorm satsing fra Google  og n奪 et
kjerneprodukt
Milliarder av $ g奪r med p奪 奪 drifte dette.
Lisenser+$$
Kan ikke 束alt損: projeksjoner fks
Av GISere  for GISere
Mye avansert funksjonalitet
Veldig kraftig
Kan gj淡re det aller meste
OpenSource
-B奪de positivt og negativt
-Atle sier nok mer p奪 ny奪ret
Baksiden:
-Kan oppleves litt komplisert og
束tungrodd損
OpenLayers 3 (neste versjon)
-Vil v脱re vesentlig mye kraftigere
-3D, WebGL, enklere, bedre dokumentert
-N奪r? Tja
Satser p奪 enkelhet
Noen f奪 oppgaver  men gj淡r de veldig bra
HTML5
Mobilvennlig
束smooth損
DataDrivenDocuments
Visualisering direkte I nettleseren
-Javascript
Manipulerer p奪 dokumenter
-SVG, HTML, CSS

Bruker data for 奪 endre p奪
webdokumenter
-Dokumentene kan v脱re vektorgrafikk
(svg), html eller alt mulig annet I
nettleseren.
-Ikke et ekstra visualiseringsspr奪k, men et
verkt淡y for 奪 manipulere eksisterende
webdokumenter
-Veldig kraftig
-Har st淡tte for en god del geografisk
visualisering
Visualisering direkte i nettleseren
Javascript
Forgjenger til D3.js
Mange kraftige visualiseringsteknikker
Eget spr奪k
Ligner p奪 Java/Javascript
Veldig enkelt 奪 lage kraftige visualiseringer
Noen geografiske pakker
Lagd egen versjon i Javascript for
visualisering i nettleseren
Eget spr奪k
Lagd for statistiske beregninger og
visualiseringer
Egnet for store datasett og komplekse
analyser
Ganske avansert 奪 l脱re seg
Ikke fryktelig lett 奪 lage fine visualiseringer
Screenshot fra
selection.datavisualization.ch
Utvalget er enormt!
Ikke sett dere fast i 辿n av de  shop litt
rundt.
Lurt 奪 kunne et noen f奪 ganske godt
Introduksjon til informasjonsvisualisering 2014
Video
N2000
Merge med folketall fra SSB
-束Total損
-Er dette riktig?
-束TotalKv損
-Bedre?
Farger:
-Eksperimenter med forskjellig skal
-Colorbrewer2.org
Send rundt p奪 ipad
Finnes 2 hull i datasettet  hvilke er disse?
- Hjemmelekse
Video
N2000 i Tilemill
Piratkart
Enkelt 奪 eksportere til pdf/png og som
tiledatabaser (mbtiles)
Kan lastes direkte til Mapbox (obs
st淡rrelse og $)
Sp淡rsm奪l?
Hva tror dere er mest nyttig i din
organisasjon?
Hva kommer dere til 奪 pr淡ve ut?
Hva var vanskelig?
Introduksjon til informasjonsvisualisering 2014

More Related Content

Introduksjon til informasjonsvisualisering 2014

  • 2. Er fra Kristiansand Akkurat som dyreparken er det mye spennende, rart og nyttig i visualiseringsfaget. Vi skal se p奪: -Visualiseringsmetoder -Verkt淡y -Jeg skal pr淡ve 奪 temme noen av dyrene / demonstrasjon av konkret l淡sning
  • 4. Ekstremt mye informasjon 1200 exabytes i 2010 alene! Hva med 2020? Informasjonstsunami CLICK Katastrofe eller mulighet? Visualisering kan hjelpe oss 奪 se lenger eller surfe tsunamien F奪r en oversikt over massive mengder data -sammenhenger, trender, utstikkere, unormaliteter
  • 5. Visualisering er essensielt for geografisk informasjon -Kan du tenke deg 奪 finne frem i en by basert p奪 en liste med koordinater? Vi skal ta en tur 奪 se de mest ber淡mte dyrene i visualiseringsdyreparken
  • 6. Index chart / indeksdiagram -Viser ikke faktiske st淡rrelser, men normalisert data -Prosent -Endringsrate -++ -Aksjemarked -Amazon og Google endrer seg likt men forskjellig verdi Sparklines
  • 7. -Morsomme! -Kan v脱re inkludert i tekst -Finnes i nyeste Excel(!) -Viser trender -Overordnet -Liker godt mye data
  • 8. Yr.no -Ganske pene -Egner seg (kun) for data som kan la seg sl奪 sammen -Mest naturlig er 奪 summere -Leses 束vertikalt損 og horisontalt -Negative verdier kan ikke representeres Sannsynlighet for et temperaturvarsel -100% sannsynlig at vi havner i dette
  • 9. (vertikale) omr奪det -50% sannsynlig at vi havner i et (mindre) omr奪de
  • 10. Hesten: -Oppdaget at hesten 束svever損 n奪r den l淡per Fine for statiske medier (b淡ker, artikler, rapporter) Kan enkelt legge informasjon p奪 toppen -Streker som viser sammenheng -Utheve elementer i flere av miniatyrene Er interaktive animasjoner bedre?
  • 11. Vanlig graf (en linje) Mye vertikalt d淡d-rom Negative verdier er under 束null-linjen損 Disse kan speiles og fargelegges deler plass med positive verdier Deler i 3 (eller hva som helst) segmenter Fargelegger disse forskjellig 束sl奪r損 de sammen i vertikal retning. Forskyver hvis n淡dvendig.
  • 37. OpenStreetMap: -Dugnadskart -Gratis -Ikke garantert n淡yaktig -GeoFabrik har gratis ekstrakter SSB -Mye spennende data -Ofte grid-basert I 1 km grid over Norge -Fine til mye spennende visualiseringer
  • 38. Natural Earth -Gratis data fra kjente kilder -Prim脱rt dekker det hele verden -Ganske grove data NorgeDigitalt -Den norske dugnaden -Indrefileten -Kj淡pe tilgang eller v脱re bidragsyter -MANGE har tilgang, uten 奪 vite det(!) Mange andre kilder ogs奪!
  • 39. Ikke v脱r redd! Mange formater Mye skitten data Forvent mye datavasking Bruk s奪 enkle metoder som mulig! Pass p奪 projeksjoner Databaser er et godt resultat Excel Notepad p奪 steroider: notepad++, textpad
  • 40. Find/Replace Regular expressions Google Fusion Tables OpenRefine Data wrangler
  • 41. B奪de gratis og betalversjon -Enkel web-publisering Drag/drop Ganske kraftig Begrenset geografisk visualisering Fint til 奪 kombinere flere visualiseringer
  • 42. Eksperiment fra IBM Web-basert Enkelt Tilbyr en god del standardvisualiseringer
  • 43. Open Source Kraftig program for vektorgrafikk Prim脱rt tegneprogram Kan brukes til 奪 lage kart fra bunnen av MEN, kan ogs奪 brukes for 奪 redigere kart fra GIS
  • 44. Lager interaktive visualiseringer 束ondemand損 Tett integrert med Google-produkter (drive) Har en kraftig API for utviklere - Ex: kan hente inn et oppdatert pie chart akkurat som et bilde i en webside Fint for web
  • 45. Kraftig verkt淡y for 奪 filtere, kombinere og visualisere store datamengder Laster opp data til Google sine servere Bruker Google sin 束kraft損 til 奪 manipulere data Kan produsere ganske mye, veldig raskt. Skal se eksempel p奪 kommunekart senere
  • 46. Lag ditt eget kart p奪 nett Alt skjer i 束skyen損 Last opp egne data Kj淡r noen bestemte metoder F奪 tilgang til kart fra CartoDB sine servere Kan utvikle mot tjenesten S奪kalt 束freemium損: koster penger etter hvert (Spotify-modellen)
  • 47. Mye av samme som CartoDB Lag ditt eget kart p奪 nett Alt skjer i skyen Last opp egne data Manipuler data Lag kartvisualiseringer S奪kalt 束freemium損: koster penger etter hvert (Spotify-modellen)
  • 48. ESRI: verdensherred淡mme p奪 avansert GIS-programvare -Open Source begynner 奪 ta innp奪 -ArcGIS (incl arcmap): kraftig pakke med 束alt損 -Analyser -Kartografi -Datamanipulering -Enorme muligheter -Ofte det som brukes i organisasjoner som 束GIS損
  • 49. -Har ogs奪 server, API +++ -ArcGIS.com: -Webkart -Klikkeinterface - Enkelt 奪 bruke - Kan lage en god del spesialiserte kart - Har ogs奪 noen analysemuligheter -Har API for utviklere -ArcGIS Explorer: -En forenklet 束visningsmodul損 for ArcGIS.com og ArcGIS Desktop -Har noen analysemoduler -Gj淡r det veldig enkelt 奪 lage 束kartpresentasjoner損 -Ganske fin i bruk -En slags utvidet Google Earth + PowerPoint -ArcGIS4Office: -Kart i MS Office(!)
  • 50. -Gj淡r det forskrekkelig enkelt 奪 f奪 kart i MS Office (excel, powerpoint etc) -Baksiden av medaljen? -Dyrt veldig dyrt! -Noe gratis, som Explorer
  • 51. Ganske kraftig! Gratis Har god st淡tte for enormt mange formater (flere enn arcgis)! Kan oppleves som litt 束patch-work損 noen ganger En klar favoritt
  • 52. Mapbox: -Sted for 奪 lagre/distribuere kart. -束freemium損. -Mange gode (gratis) verkt淡y som snakker bra med Mapbox, men ogs奪 andre. Tilemill: -Veldig kraftig kartografiverkt淡y for webkart -Gearet mot 束tiles損/kartfliser. Kan enkelt
  • 53. eksportere h淡yoppl淡selig i andre format ogs奪. -Tar imot det meste av kartdata -Bruker CartoCSS for 奪 束stile損 kartene. -Gj淡r det veldig enkelt 奪 lage avanserte kartvisualiseringer -Anbefales p奪 det sterkeste -Vi skal ha en demo etter hvert -ving p奪 ny奪ret med Atle
  • 55. Startet webkart-revolusjonen Kraftig Prim脱rt rettet mot google tiles St淡ttes av alle, overalt Definitivt den mest utbredte kartklienten Er en enorm satsing fra Google og n奪 et kjerneprodukt Milliarder av $ g奪r med p奪 奪 drifte dette. Lisenser+$$
  • 56. Kan ikke 束alt損: projeksjoner fks
  • 57. Av GISere for GISere Mye avansert funksjonalitet Veldig kraftig Kan gj淡re det aller meste OpenSource -B奪de positivt og negativt -Atle sier nok mer p奪 ny奪ret Baksiden: -Kan oppleves litt komplisert og
  • 58. 束tungrodd損 OpenLayers 3 (neste versjon) -Vil v脱re vesentlig mye kraftigere -3D, WebGL, enklere, bedre dokumentert -N奪r? Tja
  • 59. Satser p奪 enkelhet Noen f奪 oppgaver men gj淡r de veldig bra HTML5 Mobilvennlig 束smooth損
  • 60. DataDrivenDocuments Visualisering direkte I nettleseren -Javascript Manipulerer p奪 dokumenter -SVG, HTML, CSS Bruker data for 奪 endre p奪 webdokumenter -Dokumentene kan v脱re vektorgrafikk (svg), html eller alt mulig annet I
  • 61. nettleseren. -Ikke et ekstra visualiseringsspr奪k, men et verkt淡y for 奪 manipulere eksisterende webdokumenter -Veldig kraftig -Har st淡tte for en god del geografisk visualisering
  • 62. Visualisering direkte i nettleseren Javascript Forgjenger til D3.js Mange kraftige visualiseringsteknikker
  • 63. Eget spr奪k Ligner p奪 Java/Javascript Veldig enkelt 奪 lage kraftige visualiseringer Noen geografiske pakker Lagd egen versjon i Javascript for visualisering i nettleseren
  • 64. Eget spr奪k Lagd for statistiske beregninger og visualiseringer Egnet for store datasett og komplekse analyser Ganske avansert 奪 l脱re seg Ikke fryktelig lett 奪 lage fine visualiseringer
  • 65. Screenshot fra selection.datavisualization.ch Utvalget er enormt! Ikke sett dere fast i 辿n av de shop litt rundt. Lurt 奪 kunne et noen f奪 ganske godt
  • 67. Video N2000 Merge med folketall fra SSB -束Total損 -Er dette riktig? -束TotalKv損 -Bedre? Farger: -Eksperimenter med forskjellig skal -Colorbrewer2.org
  • 68. Send rundt p奪 ipad Finnes 2 hull i datasettet hvilke er disse? - Hjemmelekse
  • 69. Video N2000 i Tilemill Piratkart Enkelt 奪 eksportere til pdf/png og som tiledatabaser (mbtiles) Kan lastes direkte til Mapbox (obs st淡rrelse og $)
  • 70. Sp淡rsm奪l? Hva tror dere er mest nyttig i din organisasjon? Hva kommer dere til 奪 pr淡ve ut? Hva var vanskelig?