TIEDON VISUALISOIN- NIN PERUSTEET REITITIN-HANKE, METROPOLIA AMMATTIKORKEAKOULU 21.10.2013 PÄIVI KERÄNEN



Samankaltaiset tiedostot
Tilastografiikan sudenkuopat - millaista on hyvä tilastografiikka?

Tilastojen visualisointi Excelillä. PiKe-kehittämiskirjasto Leena Parviainen

Informaation visualisointi WWW tekniikoita käyttäen

Opetuksen ja opiskelun tehokas ja laadukas havainnointi verkkooppimisympäristössä

Datan analysointi ja visualisointi Teollisen internetin työpaja

Kartan etuja verrattuna muihin sijaintitietoa välittäviin kuvaustapoihin

AMR-MITTARIDATAN VISUALISOINTI FME:LLÄ. Helen Sähköverkko Oy Juha Iivonen

Hyvä CV ja hakemus. Janne Loikkanen

Infografiikka ja datan visualisointi opas journalisti- opiskelijoille. Saija Sillanpää

Helsinki Region Infoshare Pääkaupunkiseudun tiedon avaaminen

Kvantitatiivisen informaation graafinen esittäminen

VERKOSTO GRAAFINEN OHJE

Infografiikka ja datan visualisointi

Infografiikka ja datan visualisointi. Opas journalistiopiskelijoille

Tietovarannot. Anna Eteläaho. Analyysi ja yhteenveto avoimen datan innovaatiokilpailun kilpailutöistä. Intressiryhmän 2. kokous 27.2.

Väitöskirjan kirjoittaminen ja viimeistely

Tilastokeskuksen postinumeroalueittaisen avoimen tiedon käyttäminen ArcGIS Onlinessa

Katsaus visualisointitekniikoihin

Tilastokuvioiden käyttö informaatiografiikassa

Palvelumuotoilun perusteet. kurssi 2016

Ajalliset muunnokset eksploratiivisen paikkatietoanalyysin työkaluna. Salla Multimäki ProGIS Ry Paikkatietomarkkinat

Esittely: Helsinki Region Infoshare Seudun tietovarannot avoimiksi. Ville Meloni ja Pekka Vuori

Visuaalisen suunnittelun suuntautumisvaihtoehto. Visuaalisen suunnittelun valintakoe 2018, Vaihe 1 TEHTÄVÄ 1. Tehtävä: Pakopiste

Sami Hirvonen. Ulkoasut Media Works sivustolle

Datapohjaiset visualisoinnit - tarkastelua teoreettisesta näkökulmasta

HELSINGIN YLIOPISTO TIEDEKASVATUS. helsinki.fi/tiedekasvatus v 1.2

Public Account-tili on pysyvä, joten kannattaa käyttää mieluummin sitä kuin kaupallisen tilin kokeiluversiota.

3. Käsiteanalyysi ja käsitekaavio

Canva CV NÄIN PÄÄSET ALKUUN CANVA CV:N TEOSSA: Canva on graafisen suunnittelun

Avoin tilastotieto ja Apps4Finland Asiakasaamu Tietopalvelujohtaja Heli Mikkelä Tilastokeskus

Kartografian revanssi. Juha Oksanen , LYNET Datan visualisoinnilla vaikuttavuutta

Viitearkkitehtuurin suunnitteluprosessi. Ohje. v.0.7

PERUSFONTTi. LiSÄFONTiT. ABCabc ABCabc ABCabc ABCabc ABCabc ABCabc 0123

KUUMA-kuntien elintarvikeketjun kehittäminen ja INKA-ohjelmaehdotus

???? 4???????????????? YLEISTÄMINEN SUUNNISTUSKARTOITUKSESSA. Tasapainoilua havainnollisuuden ja täsmällisyyden välillä

S Ihminen ja tietoliikennetekniikka. Syksy 2005, laskari 1

Kopseptisuunnittelu Verkkomultimedia ICT1tn004

Laadullinen tutkimus. KTT Riku Oksman

Teemana aikajanat Polku versio 0.2

KÄYTTÖLIITTYMÄT. Visuaalinen suunnittelu

TEOLLINEN MUOTOILU TUOTESUUNNITTELU YRITYSILME KONSULTOINTI. Juha Sarviaho. Teollinen muotoilu mukana tuotekehityksessä ja suunnittelussa

Ajalliset muunnokset eksploratiivisen paikkatietoanalyysin työkaluna. Salla Multimäki

Lukupiiri 9 lk. ensimmäinen tunti

Kymmenen kysymystä, vastataan kuuteen (6). Yleensä 2 kysymystä / kurssi yhdeksän pisteen arvoiset jokerit usein synteettisiä, ainerajat (Bi, Hi, Yh)

LUKUDIPLOMIEN TEHTÄVÄT. Ideoita opettajille

Opettajan tilastotietolähteet. Reija Helenius

Case: Helsinki Region Infoshare - pääkaupunkiseudun tiedot avoimiksi

TL5503 DSK, laboraatiot (1.5 op) Kuvasignaalit. Jyrki Laitinen

ESIMERKKEJÄ OSALLISTAVASTA KAUPUNKISUUNNITTELUKONSEPTISTA. APOLI, MÄNTSÄLÄ Emma Johansson, arkkitehti SAFA

Suomen kielen Osaamispyörä -työkalu

18 Komponentit, ulkoasu ja visuaalisuus. Materiaalit CC-BY 4.0 Mikko Lampi

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen

MAASTOKARTOITUSAINEISTON VISUALISOINTI. Kai Lappalainen, Ramboll Finland Tampere

Käyttöliittymän suunnitteluohje, käytettävyyden psykologia. Laskari 6

Helsingin luonnontiedelukio / oppikirjat lukuvuonna

TT00AA Ohjelmoinnin jatko (TT10S1ECD)

1.9 Harjoituksia. Frekvenssijakaumien harjoituksia. MAB5: Tilastotieteen lähtökohdat. a) Kaikki aakkoset b) Kirjaimet L, E, M, C, B, A ja i.

Heuristisen arvioinnin muistilista - lyhyt versio

Kokemuksia datan avaamisesta ja esimerkkejä avoimesta ympäristödatasta pääkaupunkiseudulta

MONOGRAFIAN KIRJOITTAMINEN. Pertti Alasuutari

Viestinnän tutkinto ohjelma, 3D animointi ja visualisointi OPETUSSUUNNITELMA KXD19S13D

INFORMAATIOMUOTOILU MAINOSKUVANA

Tilastolliset ohjelmistot A. Pinja Pikkuhookana

Kokemuksia julkisen datan avaamisesta

Voiko hiipiminen olla tanssia? - Esiripun noustessa. Ninni Heiniö ja Pia Puustelli

Mitä eroa on ETIIKALLA ja MORAALILLA?

Kuvan pakkaus JPEG (Joint Photographic Experts Group)

Kuvataiteen prosessiarviointi Kokemuksia yläkoulusta

Avoimen lähdekoodin ratkaisut paikkatiedon analysoinnin ja visualisoinnin mahdollistajina

Tiedolla johtaminen ja yhteentoimivuus

Miten (sähköiset) palautejärjestelmät vastaavat palautteenkäsittelylle asetettuihin tavoitteisiin?

UUDESSA ASIAKKUUDESSA ALOITTAMINEN MARKKINOINNIN ALKEET

Suomen virallisen tilaston verkkoportaali - väylä luotettavaan tilastotietoon. Tilastokirjaston asiakasaamu

Pääkaupunkiseudun työmatkavirtojen analyysi ja visualisointi HSY paikkatietoseminaari

1. Keksi ja kirjoita, mitä kirjan päähenkilölle kuulee 5 10 vuoden kuluttua.

Johdatus Ammattikorkeakoulun matematiikkaan ja fysiikkaan

KUINKA VIESTIN HANKKEEN Tampere

Yliopistojen erilliset palautteet. Webropol kyselyn tulokset. RAPORTTI 2 Uudet värit portaaliin Testipäivä: sekä kysely Webropolissa

Helsingin ammattikorkeakoulu Stadia Verkkosivujen silmäiltävyys ja selailtavuus v. 0.9 > 80 % % % < 50 %

Vinkkejä käsihygieniahavainnointitulosten hyödyntämisestä (OYS posterit, abstraktit) Helena Ojanperä Hygieniahoitaja, KHA Hygieniahoitajien

Koe on kaksiosainen: siihen kuuluvat tekstitaidon koe ja esseekoe. Tekstitaidon kokeen arvioinnissa painottuu lukutaito ja esseekokeessa

Luovuus ja työorganisaatio

Evaluation and visualization of the impact of libraries Kirjastojen vaikuttavuuden arviointi ja visualisointi

Tietokiri ja Kunta- ja maakuntatalouden tietopalvelu

Kokemuksia datan avaamisesta pääkaupunkiseudulla. Projektipäällikkö Ville Meloni - Forum Virium Helsinki Open Data Tampere Region Kick-off 20.2.

ELOKUVAN JA TELEVISION ENNAKKOTEHTÄVÄT KEVÄÄLLÄ 2016

@amkivi pointtiperille.com Facebookissa: Tiedon visualisointi. Lisää visuaalisuutta. viestijän työkalupakkiin

Aiheen rajaus Tutkimussuunnitelma. Aiheen rajaaminen. Aiheen rajaaminen tutkittavaan muotoon

Yleisötapahtuman markkinointi ja viestintä. Johdatus kulttuurituotannon suunnitteluun 2009 Petri Katajarinne

ohjeistus retkikerho

FT Henna Makkonen-Craig Äidinkielen ja kirjallisuuden opetuksen foorumi

Piritta Hiltunen Sairaanhoitaja, TtM

TAULUKKO, KAAVIO, SMARTART-KUVIOT

OULUN KAUPUNGIN KIRJALLISUUSDIPLOMI. Alakoulun tehtävät

Savonia ammattikorkeakoulu Miten tilintarkastajan tulee toimia? v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

KARELIA-AMMATTIKORKEAKOULU Viestinnän koulutusohjelma. Viivi Räsänen DATAN VISUALISOINTI WEB-SOVELLUKSESSA

Seija Pylkkö Valkealan lukio

Facebook-sivu tehokäyttöön. Osa 2 Facebook-sivun julkaisut

Transkriptio:

TIEDON VISUALISOIN- NIN PERUSTEET REITITIN-HANKE, METROPOLIA AMMATTIKORKEAKOULU 21.10.2013 PÄIVI KERÄNEN

PÄIVÄN TAVOITTEET Mitä tiedon visualisointi on? Mitä visualisoinnilla voidaan saavuttaa? Miten hahmotamme näkemäämme? Miten visualisointitapa valitaan? Mitä välttää? Mitä haluamme kurssin aikana visualisoida? Omien projektien lyhyet esittelyt

Tiedon visualisointi? David McCandless

MITÄ VISUALISOINTI ON? (ROBERT KOSARA): Visualisointi perustuu (eivisuaaliseen) dataan Visualisointiprosessi tuottaa lopputuloksenaan kuvan Lopputuloksen tulee olla tulkittavissa ja tunnistettavissa http://eagereyes.org/criticism/definition-of-visualization

MITÄ NÄEMME? MITEN HAVAITSEMME?

Näkökyky ihminen vs. kissa, kuvat: Nickolay Lamm

Alberto Cairo: Functional Art

GREGORY BATESON: Information is the difference that makes a difference

http://yusylvia.wordpress.com/tag/gestalt/

HYVÄN MUODON LAKI LÄHEISYYDEN LAKI

LÄHEISYYDEN LAKI HYVÄN JATKON LAKI

SULKEUTUVUUDEN LAKI

SAMANKALTAISUUDEN LAKI

SYMMETRIAN LAKI

YHTEENLIITTYMISEN LAKI

YHTEENLIITTYMISEN LAKI

YHTEISEN LIIKKEEN LAKI

KOHDE JA ALUSTA

ALUE

Xiaoji Chen; Dominik Dahlem; Eric Baczuk http://www.wired.co.uk/magazine/archive/2012/10/start/womens-health-connections

http://rsv.diapod.net/?https://homebutter.com/posts/9510

Michell Zappa http://envisioningtech.com/envisioning-the-future-of-education.png

IKONISUUS JA SKEMAATTISUUS

WWW.DATAVIS.CA VISUALISOINNIN LYHYT HISTORIA

VISUALISOINNIN LAJIT?

JUUSO KOPONEN, INFORMAATIOMUOTOILU.FI: 1. Tietoa välittävä grafiikka (infografiikka) 2. Eksploratiivinen grafiikka 3. Höystegrafiikka tai infografiikkamainen kuvitus Jako ei ole terävärajainen, vaan usein grafiikassa on kaikkia piirteitä

Hannu Kyyriäinen http://www.flickr.com/photos/hannukyyriainen/8484596263/

JOHN SNOW 1753

http://guns.periscopic.com/

Yle - http://yle.fi/uutiset/t-paidan_ompelijalle_jaa_vain_luu_kateen/6887710

Podlaska Dorota http://www.theydrawandcook.com/recipes/vegetarian-borscht-by-podlaska-dorota

VISUALISOINTI- MENETELMIÄ MITEN VALITA?

David McCandless

VISUALISOINTITYYPIN VALINTA Ei yksiselitteisiä vastauksia... Lähtökohtia: Mitä haluat kertoa? Mitä visualisoinnin katsoja haluaa tietää aiheesta? Minkälaisia asioiden välisiä suhteita tutkit? Onko tarvetta yksityiskohtien tarkalle vertailtavuudelle vai riittääkö yleisempi trendin hahmottaminen Montako muuttujaa on? Mitä voit yksinkertaistaa? Psst.. Vertaa (tieto)aineistoasi olemassa oleviin visualisointeihin

VISUALISOITAVIA Aikasarjat Tilastolliset jakaumat Kartat Hierarkiat Verkostot

William S. Cleveland & Robert McGill: Graphical Perception and Graphical Methods for Analyzing Scientific Data Visualisointi: Alberto Cairo

ESIMERKKEJÄ VISUALISOINTITYYPPIEN OMINAISUUKSISTA: http://www.slideshare.net/idigdata/data-visualization-bestpractices-2013

HYVÄ VISUALISOINTI (EDWARD TUFTE) korkea tieto-muste -suhde (data ink ratio) kaavioromun minimointi (chart junk) monitoiminnallisten elementtien käyttö (multifunctioning elements) suuri tietotiheys ja vähän monikertoja (data density) estetiikka

Muste-tieto -suhde

Kaavioromu Nigel Holmes

Monitoiminnallisten elementtien käyttö Leonard P. Ayres: The war with Germany; a statistical summary

Jos tilasto on tylsä, siinä on väärät luvut Edward Tufte

MITÄ VÄLTTÄÄ? VISUALISOINTI- VIRHEITÄ?

grafiikan esittämä ilmiön koko datan esittämä ilmiön koko = valekerroin - Edward Tufte

KAAVIOROMUA? Nigel Holmes Scott Bateman et al. 2010 http://hci.usask.ca/uploads/173-pap0297-bateman.pdf

YHTEENVETO KÄYTÄNNÖN VINKKEJÄ

KÄYTÄNNÖN VINKKEJÄ (ALBERTO CAIRO) Määritä, mitä haluat visualisoinnilla kertoa Kerää mahdollisimman paljon tietoa aiheesta Valitse tarkoituksesi kannalta sopivin visualisointitapa Täydennä tarvittaessa taustatutkimustasi, luonnostele Pohdi visuaalista ilmettä, valitse fontit (mielellään 1-2) ja värit (2-3 ja näiden eri sävyt) Toteuta lopullinen visualisointi sopivia työkaluja hyödyntäen Rakenne ennen tyyliä! P.S. Kuvittele visualisoinnin osat nelikulmioiksi taittoa rakentaessasi (grid)

VISUALIZATION WHEEL (ALBERTO CAIRO):

TEKSTIT Kiinnitä huomiota visualisoinnin otsikkoon ja muihin teksteihin kokonaisuuden tulisi kertoa tarina! Mieti, pitääkö katsojaa opastaa lukemaan visualisointiasi vai ei Tiivis, napakka teksti on usein hyvästä Teksti voi tyylillisesti täydentää visuaalista ilmettä, mutta neutraali ilmaisukin toimii useimmissa tapauksista

MAKSUTTOMIA VISUALISOINTITYÖKALUJA Many Eyes http://www-958.ibm.com/software/analytics/manyeyes/ Digital Methods https://www.digitalmethods.net/dmi/tooldatabase Tableau http://www.tableausoftware.com/public/ StatSilk http://www.statsilk.com Google https://developers.google.com/chart/ https://developers.google.com/chart/interactive/docs/gadgetgallery Muita http://www.creativebloq.com/web-design/top-data-visualisationtools-9122832

KÄYTÄNNÖN VINKKEJÄ Apua värien valintaan http://webdesignledger.com/tools/10-super-useful-tools-forchoosing-the-right-color-palette Värisokeus http://www.vischeck.com http://www.color-blindness.com/coblis-color-blindnesssimulator/ Datalähteitä Tilastokeskus: http://www.tilastokeskus.fi Helsinki Region Infoshare: http://www.hri.fi/fi/ Maailmanpankki: http://data.worldbank.org YK: http://data.un.org The Guardian: http://www.theguardian.com/news/datablog/interactive/ 2013/jan/14/all-our-datasets-index

LISÄÄ TIETOA Informaatiomuotoilu http://informaatiomuotoilu.fi Guardianin DataBlog http://www.theguardian.com/data Information is Beautiful http://www.informationisbeautiful.net Lisää teoriaa http://fellinlovewithdata.com/guides/7-classic-foundational-vispapers Ja vielä lisää Alberto Cairon Mitä luen nyt lista http://www.thefunctionalart.com/p/what-im-reading.html

http://www.bizcominthenews.com/bizcom_in_the_news/2013/07/visualization-of-email-sign-offs.html