{"id":348,"date":"2023-06-03T17:42:14","date_gmt":"2023-06-03T17:42:14","guid":{"rendered":"https:\/\/larrybuffaloboy.com\/?p=348"},"modified":"2023-06-03T17:42:14","modified_gmt":"2023-06-03T17:42:14","slug":"noaa-high-tide-flooding-monthly-outlook","status":"publish","type":"post","link":"https:\/\/larrybuffaloboy.com\/index.php\/2023\/06\/03\/noaa-high-tide-flooding-monthly-outlook\/","title":{"rendered":"NOAA High Tide Flooding Monthly Outlook"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large is-style-default, border\"><a href=\"https:\/\/tidesandcurrents.noaa.gov\/high-tide-flooding\/monthly-outlook.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"504\" src=\"https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/landing-1024x504.png\" alt=\"Monthly High Tide Flooding Outlook landing page\" class=\"wp-image-350\" title=\"Screenshot of Landing page\" srcset=\"https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/landing-1024x504.png 1024w, https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/landing-300x148.png 300w, https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/landing-768x378.png 768w, https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/landing-1536x757.png 1536w, https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/landing.png 1815w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Currently I work as a contractor for National Ocean Service working on their website <a href=\"https:\/\/tidesandcurrents.noaa.gov\/\">https:\/\/tidesandcurrents.noaa.gov\/<\/a>. This is my latest project where I led the design and functionality of a public facing product. You can view this page here: <a href=\"https:\/\/tidesandcurrents.noaa.gov\/high-tide-flooding\/monthly-outlook.html\">https:\/\/tidesandcurrents.noaa.gov\/high-tide-flooding\/monthly-outlook.html<\/a>. <\/p>\n\n\n\n<p>The goal of this product is to provide a monthly outlook of high tide flooding likelihood for coastal communities. I worked with oceanographers to design and display the data from new high tide flooding prediction models. This page will have some updates in the future, but the finished product turned out great. I used <a href=\"https:\/\/leafletjs.com\/\">leafletJS <\/a>for the map and <a href=\"https:\/\/cal-heatmap.com\/\">cal-heatmap<\/a> for the calendar views.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large border\"><a href=\"https:\/\/tidesandcurrents.noaa.gov\/high-tide-flooding\/monthly-outlook.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"505\" src=\"https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/calendar-1024x505.png\" alt=\"\" class=\"wp-image-351\" srcset=\"https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/calendar-1024x505.png 1024w, https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/calendar-300x148.png 300w, https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/calendar-768x379.png 768w, https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/calendar-1536x757.png 1536w, https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/calendar.png 1822w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large border\"><a href=\"https:\/\/tidesandcurrents.noaa.gov\/high-tide-flooding\/monthly-outlook.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"507\" src=\"https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/annual-1024x507.png\" alt=\"\" class=\"wp-image-352\" srcset=\"https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/annual-1024x507.png 1024w, https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/annual-300x149.png 300w, https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/annual-768x380.png 768w, https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/annual-1536x761.png 1536w, https:\/\/larrybuffaloboy.com\/wp-content\/uploads\/2023\/06\/annual.png 1817w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<style>.border{border: 1px solid #d1d1d1; border-radius: 5px}<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Currently I work as a contractor for National Ocean Service working on their website https:\/\/tidesandcurrents.noaa.gov\/. This is my latest project where I led the design and functionality of a public facing product. You can view this page here: https:\/\/tidesandcurrents.noaa.gov\/high-tide-flooding\/monthly-outlook.html. The goal of this product is to provide a monthly outlook of high tide flooding likelihood [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"_links":{"self":[{"href":"https:\/\/larrybuffaloboy.com\/index.php\/wp-json\/wp\/v2\/posts\/348"}],"collection":[{"href":"https:\/\/larrybuffaloboy.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/larrybuffaloboy.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/larrybuffaloboy.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/larrybuffaloboy.com\/index.php\/wp-json\/wp\/v2\/comments?post=348"}],"version-history":[{"count":6,"href":"https:\/\/larrybuffaloboy.com\/index.php\/wp-json\/wp\/v2\/posts\/348\/revisions"}],"predecessor-version":[{"id":358,"href":"https:\/\/larrybuffaloboy.com\/index.php\/wp-json\/wp\/v2\/posts\/348\/revisions\/358"}],"wp:attachment":[{"href":"https:\/\/larrybuffaloboy.com\/index.php\/wp-json\/wp\/v2\/media?parent=348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/larrybuffaloboy.com\/index.php\/wp-json\/wp\/v2\/categories?post=348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/larrybuffaloboy.com\/index.php\/wp-json\/wp\/v2\/tags?post=348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}