{"id":3041,"date":"2017-11-19T20:18:06","date_gmt":"2017-11-20T04:18:06","guid":{"rendered":"http:\/\/miriamposner.com\/classes\/dh101f17\/?page_id=3041"},"modified":"2017-11-19T20:18:06","modified_gmt":"2017-11-20T04:18:06","slug":"make-a-diagram-with-raw","status":"publish","type":"page","link":"http:\/\/miriamposner.com\/classes\/dh101f17\/tutorials-guides\/data-visualization\/make-a-diagram-with-raw\/","title":{"rendered":"Make a diagram with RAW"},"content":{"rendered":"<p>When you filled out your questionnaire last week, you gave me some data! We&#8217;ll use your responses to make a cool diagram that&#8217;s really good at showing correlations.<\/p>\n<h2><a id=\"user-content-download-your-data\" class=\"anchor\" href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/make-a-cool-diagram-with-raw.md#download-your-data\" aria-hidden=\"true\"><\/a>Download your data<\/h2>\n<p>Download your responses to the questionnaire here:\u00a0\u00a0(When you create a form with Google Forms, you can download the answers in a spreadsheet. That&#8217;s all this is.)<\/p>\n<p><a href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/images\/make-a-cool-diagram-with-raw\/download-your-data.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/github.com\/miriamposner\/raw_diagram\/raw\/master\/images\/make-a-cool-diagram-with-raw\/download-your-data.png\" alt=\"\" \/><\/a><\/p>\n<h2><a id=\"user-content-open-raw\" class=\"anchor\" href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/make-a-cool-diagram-with-raw.md#open-raw\" aria-hidden=\"true\"><\/a>Open RAW<\/h2>\n<p>Go to\u00a0<a href=\"http:\/\/rawgraphs.io\/\" rel=\"nofollow\">http:\/\/rawgraphs.io\/<\/a>\u00a0and click on\u00a0<strong>Use it now<\/strong>.<\/p>\n<p><a href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/images\/make-a-cool-diagram-with-raw\/open-raw.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/github.com\/miriamposner\/raw_diagram\/raw\/master\/images\/make-a-cool-diagram-with-raw\/open-raw.png\" alt=\"\" \/><\/a><\/p>\n<h2><a id=\"user-content-drag-your-spreadsheet-into-the-box\" class=\"anchor\" href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/make-a-cool-diagram-with-raw.md#drag-your-spreadsheet-into-the-box\" aria-hidden=\"true\"><\/a>Drag your spreadsheet into the box<\/h2>\n<p>Just drag and drop! Easy!<\/p>\n<p><a href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/images\/make-a-cool-diagram-with-raw\/drag-your-spreadsheet-into-the-box.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/github.com\/miriamposner\/raw_diagram\/raw\/master\/images\/make-a-cool-diagram-with-raw\/drag-your-spreadsheet-into-the-box.png\" alt=\"\" \/><\/a><\/p>\n<h2><a id=\"user-content-choose-the-visualization-type\" class=\"anchor\" href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/make-a-cool-diagram-with-raw.md#choose-the-visualization-type\" aria-hidden=\"true\"><\/a>Choose the visualization type<\/h2>\n<p>After you&#8217;ve dropped your spreadsheet in the box, scroll down until you get to the list of chart types. There are lots of cool charts you can choose, and you should try them all when you can! For now, though, choose\u00a0<strong>Alluvial Diagram<\/strong>.<\/p>\n<p><a href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/images\/make-a-cool-diagram-with-raw\/choose-the-visualization-type.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/github.com\/miriamposner\/raw_diagram\/raw\/master\/images\/make-a-cool-diagram-with-raw\/choose-the-visualization-type.png\" alt=\"\" \/><\/a><\/p>\n<h2><a id=\"user-content-add-some-dimensions\" class=\"anchor\" href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/make-a-cool-diagram-with-raw.md#add-some-dimensions\" aria-hidden=\"true\"><\/a>Add some dimensions<\/h2>\n<p>This is where you tell RAW which categories of your data you want to visualize. Choose a couple of the categories and drop them in the\u00a0<strong>Steps<\/strong>\u00a0box. You can leave\u00a0<strong>Size<\/strong>\u00a0blank.<\/p>\n<p><a href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/images\/make-a-cool-diagram-with-raw\/add-some-dimensions.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/github.com\/miriamposner\/raw_diagram\/raw\/master\/images\/make-a-cool-diagram-with-raw\/add-some-dimensions.png\" alt=\"\" \/><\/a><\/p>\n<h2><a id=\"user-content-scroll-down-to-see-your-chart\" class=\"anchor\" href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/make-a-cool-diagram-with-raw.md#scroll-down-to-see-your-chart\" aria-hidden=\"true\"><\/a>Scroll down to see your chart!<\/h2>\n<p>&#8220;Alluvial&#8221; refers to the sediment deposited by rivers, and you can see why! This diagram shows you how the categories on the left are related to the categories on the right. Cool, huh!<\/p>\n<p><a href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/images\/make-a-cool-diagram-with-raw\/scroll-down-to-see-your-chart-.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/github.com\/miriamposner\/raw_diagram\/raw\/master\/images\/make-a-cool-diagram-with-raw\/scroll-down-to-see-your-chart-.png\" alt=\"\" \/><\/a><\/p>\n<h2><a id=\"user-content-play-with-your-chart\" class=\"anchor\" href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/make-a-cool-diagram-with-raw.md#play-with-your-chart\" aria-hidden=\"true\"><\/a>Play with your chart<\/h2>\n<p>You can add more categories, if you want.<\/p>\n<p><a href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/images\/make-a-cool-diagram-with-raw\/play-with-your-chart.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/github.com\/miriamposner\/raw_diagram\/raw\/master\/images\/make-a-cool-diagram-with-raw\/play-with-your-chart.png\" alt=\"\" \/><\/a><\/p>\n<h2><a id=\"user-content-how-to-publish-your-chart\" class=\"anchor\" href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/make-a-cool-diagram-with-raw.md#how-to-publish-your-chart\" aria-hidden=\"true\"><\/a>How to publish your chart<\/h2>\n<p>You can either download it as an image or embed the HTML code on your site.<\/p>\n<p><a href=\"https:\/\/github.com\/miriamposner\/raw_diagram\/blob\/master\/images\/make-a-cool-diagram-with-raw\/how-to-publish-your-chart.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/github.com\/miriamposner\/raw_diagram\/raw\/master\/images\/make-a-cool-diagram-with-raw\/how-to-publish-your-chart.png\" alt=\"\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you filled out your questionnaire last week, you gave me some data! We&#8217;ll use your responses to make a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":137,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-3041","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/pages\/3041","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/comments?post=3041"}],"version-history":[{"count":0,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/pages\/3041\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/pages\/137"}],"wp:attachment":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/media?parent=3041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}