{"id":1081,"date":"2021-09-22T12:08:13","date_gmt":"2021-09-22T16:08:13","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/?p=1081"},"modified":"2021-09-28T08:41:49","modified_gmt":"2021-09-28T12:41:49","slug":"stickz-drawingbots","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/stickz\/09\/22\/stickz-drawingbots\/","title":{"rendered":"stickz &#8211; DrawingBots"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/anvaka.github.io\/city-roads\/\">City Roads <\/a> \u00a0is a cool SVG generator that creates a &#8220;SVG map&#8221; of the inputted city. I&#8217;ve never realized how mapping, and creating art about maps, to be such an appropriate way to use the plotters, where I think map generation and doing that with plotters feels like a match made in heaven. I generated a SVG (well over 1000 megabytes) of my hometown San Jose, CA. Here is a PNG of it which I downloaded, since the SVG was too large. The detail is impressive, and it&#8217;s interesting to think about how accurate exactly is the SVG. Could a map like this be useful (without street names or addresses)<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1084\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/San-Jose.png\" alt=\"\" width=\"2880\" height=\"1578\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/San-Jose.png 2880w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/San-Jose-640x351.png 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/San-Jose-1024x561.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/San-Jose-768x421.png 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/San-Jose-1536x842.png 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/San-Jose-2048x1122.png 2048w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/San-Jose-1200x658.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">I also<\/span><span style=\"font-weight: 400\"> snooped through the discord group for DrawingBots and came across an SVG Optimizer &#8211; an svg optimizer that uses node.js-based tools in optimizing SVGs. The program can be installed at <\/span><a href=\"https:\/\/github.com\/svg\/svgo\"><span style=\"font-weight: 400\">https:\/\/github.com\/svg\/svgo<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Software related information and tools are linked in the channel \u2018software\u2019 section under \u2018PLOTTERS\u2019, where people share a lot of helpful resources like plug-ins and programs that make plotting more efficient.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">I also found a vpype plug in &#8211; called deduplicate &#8211; that removes overlapping lines in SVGs<\/span><\/p>\n<p><a href=\"https:\/\/github.com\/LoicGoulefert\/deduplicate\"><span style=\"font-weight: 400\">GitHub &#8211; LoicGoulefert\/deduplicate: Remove overlapping lines in SVG&#8230;<\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; City Roads \u00a0is a cool SVG generator that creates a &#8220;SVG map&#8221; of the inputted city. I&#8217;ve never realized how mapping, and creating art about maps, to be such an appropriate way to use the plotters, where I think map generation and doing that with plotters feels like a match made in heaven. I &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/stickz\/09\/22\/stickz-drawingbots\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;stickz &#8211; DrawingBots&#8221;<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[12],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/1081"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/comments?post=1081"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/1081\/revisions"}],"predecessor-version":[{"id":1086,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/1081\/revisions\/1086"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/media?parent=1081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/categories?post=1081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/tags?post=1081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}