{"id":1605,"date":"2014-06-25T09:33:29","date_gmt":"2014-06-25T13:33:29","guid":{"rendered":"http:\/\/commons.trincoll.edu\/dataviz\/?p=1605"},"modified":"2014-06-25T09:33:29","modified_gmt":"2014-06-25T13:33:29","slug":"dynamic-polygon-legend","status":"publish","type":"post","link":"https:\/\/commons.trincoll.edu\/dataviz\/2014\/06\/25\/dynamic-polygon-legend\/","title":{"rendered":"Dynamic polygon legend for GFT search-and-filter map"},"content":{"rendered":"<p><a href=\"http:\/\/jackdougherty.github.io\/FusionTable-Map-2-layers-legend\/\" target=\"_blank\"><img loading=\"lazy\" class=\"alignright size-full wp-image-1607\" alt=\"GFT-legend-smartphone\" src=\"http:\/\/commons.trincoll.edu\/dataviz\/files\/2014\/06\/GFT-legend-smartphone.png\" width=\"320\" height=\"568\" srcset=\"https:\/\/commons.trincoll.edu\/dataviz\/files\/2014\/06\/GFT-legend-smartphone.png 320w, https:\/\/commons.trincoll.edu\/dataviz\/files\/2014\/06\/GFT-legend-smartphone-169x300.png 169w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><\/a>Thanks to open-source code and inspiration from <a href=\"http:\/\/derekeder.com\/\" target=\"_blank\">Derek Eder<\/a>\u00a0in Chicago, we have created a <a href=\"http:\/\/jackdougherty.github.io\/FusionTable-Map-2-layers-legend\/\" target=\"_blank\">dynamic polygon legend<\/a> for our search-and-filter map template that draws data from user-friendly Google Fusion Tables. When users click on different thematically shaded background layers, the data ranges magically appear in the legend. Check out the demo that displays schools (points) on top of two polygon layers: median household income and unemployment rates for Connecticut towns. Download the code and build your own with our instructions. It even looks good on a smartphone!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Thanks to open-source code and inspiration from Derek Eder\u00a0in Chicago, we have created a dynamic polygon legend for our search-and-filter map template that draws data from user-friendly Google Fusion Tables. When users click on different thematically shaded background layers, the data ranges magically appear in the legend. Check out the demo that displays schools (points) &hellip; <a href=\"https:\/\/commons.trincoll.edu\/dataviz\/2014\/06\/25\/dynamic-polygon-legend\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Dynamic polygon legend for GFT search-and-filter map<\/span><\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2,33],"tags":[],"_links":{"self":[{"href":"https:\/\/commons.trincoll.edu\/dataviz\/wp-json\/wp\/v2\/posts\/1605"}],"collection":[{"href":"https:\/\/commons.trincoll.edu\/dataviz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/commons.trincoll.edu\/dataviz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/commons.trincoll.edu\/dataviz\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/commons.trincoll.edu\/dataviz\/wp-json\/wp\/v2\/comments?post=1605"}],"version-history":[{"count":1,"href":"https:\/\/commons.trincoll.edu\/dataviz\/wp-json\/wp\/v2\/posts\/1605\/revisions"}],"predecessor-version":[{"id":1608,"href":"https:\/\/commons.trincoll.edu\/dataviz\/wp-json\/wp\/v2\/posts\/1605\/revisions\/1608"}],"wp:attachment":[{"href":"https:\/\/commons.trincoll.edu\/dataviz\/wp-json\/wp\/v2\/media?parent=1605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/commons.trincoll.edu\/dataviz\/wp-json\/wp\/v2\/categories?post=1605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/commons.trincoll.edu\/dataviz\/wp-json\/wp\/v2\/tags?post=1605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}