{"id":2445,"date":"2018-03-19T16:17:28","date_gmt":"2018-03-19T16:17:28","guid":{"rendered":"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/?p=2445"},"modified":"2018-03-30T12:52:57","modified_gmt":"2018-03-30T12:52:57","slug":"datavisualisatie","status":"publish","type":"post","link":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/2018\/03\/19\/datavisualisatie\/","title":{"rendered":"Opdracht: Visualiseer een dataset"},"content":{"rendered":"<p><em>Voorbeeld boven: Rosanne van Golen, jaar 1 CMD 2018<\/em><\/p>\n<h1>OPDRACHTOMSCHRIJVING<\/h1>\n<p>Ontwerp een datavisualisatie met minimaal drie componenten. Experimenteer!<br \/>\n<strong><a href=\"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/2017\/01\/11\/infographics\/\">&darr; TIPS-Datavisualisatie.pdf<\/a><\/strong><br \/>\n<strong><a href=\"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Workshop-Datavisualisaties-maken.pdf\">&darr; Presentatie: Datavisualisatie maken.pdf<\/a><\/strong><\/p>\n<blockquote>\n<p>STAP 1: Analyseer je dataset<\/p>\n<p>STAP 2: Schetsen &#8211; Speel met idee\u00ebn<\/p>\n<p>STAP 3: Ontwerpen in Illustrator<\/p>\n<\/blockquote>\n<h1>STAP 1: Analyseer je dataset<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Datavisual-0-Rosanne-1024x607.png\" alt=\"\" width=\"747\" height=\"443\" class=\"alignnone size-large wp-image-2645\" srcset=\"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Datavisual-0-Rosanne-1024x607.png 1024w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Datavisual-0-Rosanne-300x178.png 300w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Datavisual-0-Rosanne-768x455.png 768w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Datavisual-0-Rosanne.png 1171w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\" \/><\/p>\n<p>Wat wil je vertellen? Kijk goed naar de gegevens die je wilt visualiseren. Dit kan een dataset zijn van een onderzoek dat je hebt gedaan in de Design Challenge, een Lifestyle Diary, etc.. Organiseer en categoriseer: Vereenvoudig de data door ze te groeperen in grotere categorie\u00ebn op basis van hoe je het verhaal het beste kan communiceren. Chronologisch, per categorie\u00ebn, geografisch, of anders &#8230;<\/p>\n<p>Zoek naar: Verbindingen tussen data, Patronen, Unieke \/ interessante data, Data die je weg kan laten, Datahi\u00ebrarchie: Primaire data, Secundaire data<\/p>\n<h1>STAP 2: Schetsen &#8211; Speel met idee\u00ebn<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Screen-Shot-2018-03-22-at-10.33.05-300x100.png\" alt=\"\" width=\"300\" height=\"100\" class=\"alignnone size-medium wp-image-2484\" srcset=\"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Screen-Shot-2018-03-22-at-10.33.05-300x100.png 300w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Screen-Shot-2018-03-22-at-10.33.05-768x257.png 768w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Screen-Shot-2018-03-22-at-10.33.05-1024x342.png 1024w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Screen-Shot-2018-03-22-at-10.33.05.png 1836w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><br \/>\nAccepteer nooit je eerste idee. Wees niet gelijk tevreden.<br \/>\nProbeer verschillende vormen! Speel met hoe je dingen kunt verbinden! Gebruik (wit)ruimte! <\/p>\n<p><strong>Probeer standaard oplossingen<\/strong><br \/>\n<strong><a href=\"https:\/\/www.cardinalsolutions.com\/blog\/2016\/05\/data-visualization-best-practices-part-two-mistakes-to-avoid\" rel=\"noopener\" target=\"_blank\">&rarr; Mistakes to avoid<\/a><\/strong><br \/>\nHet cirkeldiagram mag alleen worden gebruikt om een delen van 100% weer te geven. Als gebruikers kwantitatieve gegevens uit verschillende categorie\u00ebn moeten vergelijken, gebruik dan een staafdiagram. Als gebruikers waarden in de tijd willen vergelijken, is een lijndiagram de beste optie.<\/p>\n<p><strong>Probeer ook niet-standaard oplossingen<\/strong><br \/>\n<strong><a href=\"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Workshop-Datavisualisatie-Tekenen.pdf\">&darr; Workshop-Datavisualisatie-Tekenen.pdf<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/www.youtube.com\/watch?v=iqaVe1MCTlA\" rel=\"noopener\" target=\"_blank\">&rarr; Inspiratie: Dear Data Project<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/vimeo.com\/109954123\" rel=\"noopener\" target=\"_blank\">&rarr; Inspiratie: EYEO<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/nl.pinterest.com\/giorgialupi\/\">&rarr; Inspiratie: Pinterest beeldverzameling Giorgia Lupi<\/a><\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/books-2-300x214.jpg\" alt=\"\" width=\"300\" height=\"214\" class=\"alignnone size-medium wp-image-2497\" srcset=\"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/books-2-300x214.jpg 300w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/books-2-120x85.jpg 120w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/books-2.jpg 701w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Stefanie_DearData_41front-300x198.jpg\" alt=\"\" width=\"300\" height=\"198\" class=\"alignnone size-medium wp-image-2498\" srcset=\"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Stefanie_DearData_41front-300x198.jpg 300w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Stefanie_DearData_41front-768x508.jpg 768w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Stefanie_DearData_41front.jpg 1000w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/giorgia_deardata_36_front-300x199.jpg\" alt=\"\" width=\"300\" height=\"199\" class=\"alignnone size-medium wp-image-2499\" srcset=\"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/giorgia_deardata_36_front-300x199.jpg 300w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/giorgia_deardata_36_front.jpg 575w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/large_Dear-Data-Giorgia14a-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" class=\"alignnone size-medium wp-image-2503\" srcset=\"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/large_Dear-Data-Giorgia14a-300x200.jpg 300w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/large_Dear-Data-Giorgia14a-768x512.jpg 768w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/large_Dear-Data-Giorgia14a-1024x683.jpg 1024w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/large_Dear-Data-Giorgia14a.jpg 1600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h1>STAP 3: Ontwerpen in Illustrator &#038; Data invoegen (handmatig of scripting)<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Screen-Shot-2018-03-22-at-10.35.14-300x183.png\" alt=\"\" width=\"300\" height=\"183\" class=\"alignnone size-medium wp-image-2486\" srcset=\"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Screen-Shot-2018-03-22-at-10.35.14-300x183.png 300w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Screen-Shot-2018-03-22-at-10.35.14-768x469.png 768w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Screen-Shot-2018-03-22-at-10.35.14-1024x625.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Screen-Shot-2018-03-22-at-10.39.13-300x153.png\" alt=\"\" width=\"300\" height=\"153\" class=\"alignnone size-medium wp-image-2490\" srcset=\"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Screen-Shot-2018-03-22-at-10.39.13-300x153.png 300w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Screen-Shot-2018-03-22-at-10.39.13-768x392.png 768w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Screen-Shot-2018-03-22-at-10.39.13-1024x523.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><br \/>\n<strong><a href=\"https:\/\/www.lynda.com\/Bill-Shander\/2670699-1.html\">&rarr; Online tutorials with Bill Shander (free the first 30 days)<\/a><\/strong><\/p>\n<blockquote>\n<h3>KWALITEITSCRITERIA<\/h3>\n<ul>\n<li>Schetsen visualiseren verschillende idee\u00ebn en variaties en communiceren op inspirerende wijze naar anderen.<\/li>\n<li>De datavisualisaties zijn zo uitgevoerd dat visuele eigenschappen als vorm, kleur en typografie toegepast zijn om de informatie te ondersteunen. De visualisatie is binnen een thema vormgegevenb. Kleurcombinaties en typografie zijn gebruikersvriendelijk. Het ontwerp is consistent.<\/li>\n<li>De visualisatie is betekenisvol voor de ontvanger (context, semiotiek, visuele associaties, etc.). De infographic is vrij van afleidende elementen (hoe simpeler, hoe beter). De infographic stelt de gebruiker in staat om informatie te vergelijken en een conclusie te trekken. <\/li>\n<li>De keuze voor structuur en hi\u00ebrarchie is onderbouwd.<\/li>\n<\/ul>\n<\/blockquote>\n<h3>BRONNEN<\/h3>\n<p><strong><a href=\"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/2017\/01\/11\/infographics\/\">&darr; TIPS-Datavisualisatie.pdf<\/a><\/strong><br \/>\n<strong><a href=\"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/Workshop-Datavisualisaties-maken.pdf\">&darr; Presentatie: Datavisualisatie maken.pdf<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/designingfortheweb.co.uk\/part3\/part3_intro.php\">&rarr; Designing for the Web<\/a><\/strong><br \/>\n<strong><a href=\"http:\/\/<a href=\"https:\/\/conversionxl.com\/blog\/the-effects-of-typography-on-user-experience-conversions\/\" rel=\"noopener\" target=\"_blank\">&rarr; The Effect of Typography on User Experience &#038; Conversions<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/personal.sron.nl\/%7Epault\/\" rel=\"noopener\" target=\"_blank\">&rarr; Choose a color scheme that everyone can see: scron<\/a> <\/strong><br \/>\n<strong><a href=\"http:\/\/tools.medialab.sciences-po.fr\/iwanthue\/\" rel=\"noopener\" target=\"_blank\">&rarr; I want hue: Generate and refine palettes of optimally distinct colors.<\/a><\/strong><br \/>\n<strong><a href=\"http:\/\/selfiecity.net\/selfiexploratory\/\" rel=\"noopener\" target=\"_blank\">&rarr; Inspiratie: selfiexploratory<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"Voorbeeld boven: Rosanne van Golen, jaar 1 CMD 2018 OPDRACHTOMSCHRIJVING Ontwerp een datavisualisatie met minimaal drie componenten. Experimenteer! &darr; TIPS-Datavisualisatie.pdf &darr; Presentatie: Datavisualisatie \n<a class=\"moretag\" href=\"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/2018\/03\/19\/datavisualisatie\/\"> [...]<\/a>","protected":false},"author":1,"featured_media":2647,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,4,3,122,9],"tags":[138,98,123,108],"class_list":["post-2445","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-beeld","category-layout","category-typografie","category-vislab","category-vorm","tag-datavisualisatie","tag-infographics","tag-opdracht","tag-workshop"],"_links":{"self":[{"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/posts\/2445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/comments?post=2445"}],"version-history":[{"count":111,"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/posts\/2445\/revisions"}],"predecessor-version":[{"id":2655,"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/posts\/2445\/revisions\/2655"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/media\/2647"}],"wp:attachment":[{"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/media?parent=2445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/categories?post=2445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/tags?post=2445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}