{"id":200,"date":"2022-12-18T19:00:29","date_gmt":"2022-12-19T00:00:29","guid":{"rendered":"https:\/\/jazzgraphs.com\/wordpress\/?p=200"},"modified":"2024-02-05T16:33:02","modified_gmt":"2024-02-05T16:33:02","slug":"mapping-venues-with-flourish","status":"publish","type":"post","link":"https:\/\/jazzgraphs.com\/wp2\/2022\/12\/18\/mapping-venues-with-flourish\/","title":{"rendered":"Mapping Venues with Flourish"},"content":{"rendered":"\r\n<div class=\"boldgrid-section\">\r\n<div class=\"container\">\r\n<div class=\"row\">\r\n<div class=\"col-lg-12 col-md-12 col-xs-12 col-sm-12\">\r\n<p class=\"\">I recently shared some venue maps created in Carto using MusicBrainz data where we can see all the musical venues (with lat\/lng coordinates) listed in the database. Now that I am exploring Flourish as a visualization tool, it is time to test the mapping capabilities to see if it provides a viable alternative for geographic visualization.<\/p>\r\n<p class=\"\">As with the Carto map, the first step is to retrieve the data with a query from my local MusicBrainz database:<\/p>\r\n<p class=\"has-black-color has-text-color has-small-font-size\"><em>select p.&#8221;name&#8221; , p.address , p.coordinates , split_part(trim(p.coordinates ::text, &#8216;()&#8217;), &#8216;,&#8217;, 1)::float AS lat,<br>split_part(trim(p.coordinates ::text, &#8216;()&#8217;), &#8216;,&#8217;, 2)::float AS lng, <br>pt.&#8221;name&#8221; as type, ar.name as locale<br>from place p<br>inner join place_type pt<br>on p.&#8221;type&#8221; = pt.id<br>inner join area ar<br>on p.id = ar.id<\/em><\/p>\r\n<p class=\"has-black-color has-text-color has-small-font-size\"><em>where p.coordinates is not null<\/em><\/p>\r\n<p>The results are exported to a .csv file for ingestion by the Flourish map template. In this case we are using a point map to display venues using the latitude (lat) and longitude (lng) data we just created. Before uploading our data, we can see that Flourish provides an easy to use template populated with sample data, allowing us to see the data format we need to deliver:<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full is-resized\">\r\n<p class=\"mod-reset\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-475 size-large\" src=\"https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2024\/02\/Flourish_map_data_20221218-1024x431.png\" alt=\"\" width=\"900\" height=\"379\" srcset=\"https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2024\/02\/Flourish_map_data_20221218-1024x431.png 1024w, https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2024\/02\/Flourish_map_data_20221218-300x126.png 300w, https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2024\/02\/Flourish_map_data_20221218-768x323.png 768w, https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2024\/02\/Flourish_map_data_20221218.png 1280w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\r\n<figcaption class=\"wp-element-caption\">Sample data for a Flourish point map<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<div class=\"boldgrid-section\">\r\n<div class=\"container\">\r\n<div class=\"row\">\r\n<div class=\"col-lg-12 col-md-12 col-xs-12 col-sm-12\">\r\n<p class=\"\">Here we can see a name field (City) and latitude and longitude fields for positioning points on a map. Other attributes provide data that might be used for sizing, coloring, or context.<\/p>\r\n<p class=\"\">In our case, we can upload our venues .csv file in this general format, and then tell Flourish which columns to use. Here&#8217;s what our data looks like after uploading:<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\">\r\n<p class=\"mod-reset\"><img decoding=\"async\" class=\"wp-image-209\" src=\"https:\/\/jazzgraphs.com\/wordpress\/wp-content\/uploads\/2022\/12\/Flourish_map_data_20221218b.png\" alt=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-474\" src=\"https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2024\/02\/Flourish_map_data_20221218b.png\" alt=\"\" width=\"915\" height=\"467\" srcset=\"https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2024\/02\/Flourish_map_data_20221218b.png 915w, https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2024\/02\/Flourish_map_data_20221218b-300x153.png 300w, https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2024\/02\/Flourish_map_data_20221218b-768x392.png 768w\" sizes=\"auto, (max-width: 915px) 100vw, 915px\" \/><\/p>\r\n<figcaption class=\"wp-element-caption\">Data for venue mapping<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<div class=\"boldgrid-section\">\r\n<div class=\"container\">\r\n<div class=\"row\">\r\n<div class=\"col-lg-12 col-md-12 col-xs-12 col-sm-12\">\r\n<p class=\"\">Now that the data has been uploaded we can specify which columns to use. Rather than using column names (Name, Address, etc.), Flourish works off the actual column locations (A, B, C, etc.). These are the values we need to input in the options tab. We can use A, B, and F for describing the data with labels and\/or popups, use D for latitude and E for longitude, and switch from the Date to the Preview pane.<\/p>\r\n<p>When we complete that task, Flourish gives us an attractive map, with many templates to choose from, and dozens of options for styling the map and surrounding area:<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\">\r\n<p class=\"mod-reset\"><img decoding=\"async\" class=\"wp-image-211\" src=\"https:\/\/jazzgraphs.com\/wordpress\/wp-content\/uploads\/2022\/12\/Flourish_map_preview_20221218.png\" alt=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-470\" src=\"https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2024\/02\/Flourish_map_preview_20221218.png\" alt=\"\" width=\"707\" height=\"524\" srcset=\"https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2024\/02\/Flourish_map_preview_20221218.png 707w, https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2024\/02\/Flourish_map_preview_20221218-300x222.png 300w\" sizes=\"auto, (max-width: 707px) 100vw, 707px\" \/><\/p>\r\n<figcaption class=\"wp-element-caption\">Venues map zoomed in to Italy<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<div class=\"boldgrid-section\">\r\n<div class=\"container\">\r\n<div class=\"row\">\r\n<div class=\"col-lg-12 col-md-12 col-xs-12 col-sm-12\">\r\n<p class=\"\">Here&#8217;s a quick view of the many available categories for styling your map:<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full is-resized\">\r\n<p class=\"mod-reset\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-488 size-full\" src=\"https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2022\/12\/Flourish_map_preview_20221218a.png\" alt=\"\" width=\"286\" height=\"450\" srcset=\"https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2022\/12\/Flourish_map_preview_20221218a.png 286w, https:\/\/jazzgraphs.com\/wp2\/wp-content\/uploads\/2022\/12\/Flourish_map_preview_20221218a-191x300.png 191w\" sizes=\"auto, (max-width: 286px) 100vw, 286px\" \/><\/p>\r\n<figcaption class=\"wp-element-caption\">Template options for mapping with Flourish<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<div class=\"boldgrid-section\">\r\n<div class=\"container\">\r\n<div class=\"row\">\r\n<div class=\"col-lg-12 col-md-12 col-xs-12 col-sm-12\">\r\n<p>We&#8217;ll skip the details for now, but it is obvious that we could do an amazing number of things to customize our map.<\/p>\r\n<p>To answer my earlier question, it appears that Flourish will be more than capable for mapping a variety of data, and I&#8217;m looking forward to testing it with much larger data sets. See you soon, and thanks for reading!<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>I recently shared some venue maps created in Carto using MusicBrainz data where we can see all the musical venues (with lat\/lng coordinates) listed in the database. Now that I am exploring Flourish as a visualization tool, it is time to test the mapping capabilities to see if it provides a viable alternative for geographic [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,28],"tags":[25,30,29],"class_list":["post-200","post","type-post","status-publish","format-standard","hentry","category-jazz","category-mapping","tag-flourish","tag-maps","tag-venues"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/jazzgraphs.com\/wp2\/wp-json\/wp\/v2\/posts\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jazzgraphs.com\/wp2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jazzgraphs.com\/wp2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jazzgraphs.com\/wp2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jazzgraphs.com\/wp2\/wp-json\/wp\/v2\/comments?post=200"}],"version-history":[{"count":14,"href":"https:\/\/jazzgraphs.com\/wp2\/wp-json\/wp\/v2\/posts\/200\/revisions"}],"predecessor-version":[{"id":525,"href":"https:\/\/jazzgraphs.com\/wp2\/wp-json\/wp\/v2\/posts\/200\/revisions\/525"}],"wp:attachment":[{"href":"https:\/\/jazzgraphs.com\/wp2\/wp-json\/wp\/v2\/media?parent=200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jazzgraphs.com\/wp2\/wp-json\/wp\/v2\/categories?post=200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jazzgraphs.com\/wp2\/wp-json\/wp\/v2\/tags?post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}