{"id":7959,"date":"2012-12-14T02:10:20","date_gmt":"2012-12-14T02:10:20","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=7959"},"modified":"2012-12-14T02:16:29","modified_gmt":"2012-12-14T02:16:29","slug":"google-docs-tree-diagram","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/google-docs-tree-diagram\/affordablewebsitestips\/tutorials","title":{"rendered":"Google Docs tree diagram"},"content":{"rendered":"<p>In this tutorial I will show you how to make a tree diagram using Google Docs. If you need to create a very large tree diagram or you want to generate a tree diagram from data or a script, I&nbsp;recommend&nbsp;reading this tutorial <a title=\"generate a tree diagram from data or script\" href=\"http:\/\/2slick.com\/web\/how-to-create-a-tree-diagram-generated-from-data\/affordablewebsitestips\/tutorials\" target=\"_blank\">How to create a tree diagram generated from data<\/a>.<\/p>\n<h3>How to create a tree diagram using Google Docs<\/h3>\n<ol>\n<li>Log into your Google Docs account and click on the 'CREATE' button.<\/li>\n<li>Select Drawing.<\/li>\n<li>Click on the 'Shape' icon <a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_shape.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7960\" title=\"google_docs_shape\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_shape.jpg\" alt=\"\" width=\"28\" height=\"25\" \/><\/a>.<\/li>\n<li>Scroll over the 'Shapes' option.<\/li>\n<li>Select a shape that you want to use.<\/li>\n<li>Drag the mouse onto the canvas area to create your shape.\n<p><a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_shape2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7961\" style=\"border: 1px solid black;\" title=\"google_docs_shape2\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_shape2.jpg\" alt=\"\" width=\"328\" height=\"244\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_shape2.jpg 328w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_shape2-300x223.jpg 300w\" sizes=\"auto, (max-width: 328px) 100vw, 328px\" \/><\/a><\/li>\n<li>After creating a shape, the 'Select' tool&nbsp;<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_select.jpg\"><img loading=\"lazy\" decoding=\"async\" title=\"google_docs_select\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_select.jpg\" alt=\"\" width=\"18\" height=\"22\" \/><\/a> is&nbsp;automatically&nbsp;selected.<\/li>\n<li>Double click on the shape, type in some text and click the 'Enter' key.<\/li>\n<li>Click on the 'Select' tool<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_select.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7964\" title=\"google_docs_select\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_select.jpg\" alt=\"\" width=\"18\" height=\"22\" \/><\/a>.<\/li>\n<li>Press and hold down the right mouse button while dragging over the labeled box you made and copy it (Ctrl+c).&nbsp;<\/li>\n<li>Paste two more copies of the labeled box under your first box.\n<p><a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_tree_diagram_3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7963\" style=\"border: 1px solid black;\" title=\"google_docs_tree_diagram_3\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_tree_diagram_3.jpg\" alt=\"\" width=\"338\" height=\"315\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_tree_diagram_3.jpg 338w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_tree_diagram_3-300x279.jpg 300w\" sizes=\"auto, (max-width: 338px) 100vw, 338px\" \/><\/a><\/li>\n<li>Click the very small arrow on the 'Line' tool and select the arrow option.\n<p><a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_line_arrow.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7965\" style=\"border: 1px solid black;\" title=\"google_docs_line_arrow\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_line_arrow.jpg\" alt=\"\" width=\"264\" height=\"237\" \/><\/a><\/li>\n<li>Now when you hover over one of your labeled boxes, purple dots will appear. Drag from one labeled box to another, while connected a purple dot from one box to a purple dot on another box. You should have created an arrow like this.\n<p><a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_tree4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7966\" style=\"border: 1px solid black;\" title=\"google_docs_tree4\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/12\/google_docs_tree4.jpg\" alt=\"\" width=\"291\" height=\"193\" \/><\/a><\/li>\n<li>Repeat the process to create an arrow pointing to the other box.<\/li>\n<li>If you need to edit the text label for a box, just double click on the text.<\/li>\n<\/ol>\n<p>You should have basic understanding enough to create a tree diagram as large as you want using Google Docs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial I will show you how to make a tree diagram using Google Docs. If you need to create a very large tree diagram or you want to generate a tree diagram from data or a script, I&nbsp;recommend&nbsp;reading this tutorial How to create a tree diagram generated from data. How to create a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7969,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[361,638],"class_list":["post-7959","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-google-docs","tag-tree-diagram"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/7959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=7959"}],"version-history":[{"count":3,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/7959\/revisions"}],"predecessor-version":[{"id":7968,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/7959\/revisions\/7968"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/7969"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=7959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=7959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=7959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}