{"id":14,"date":"2025-07-14T12:21:21","date_gmt":"2025-07-14T12:21:21","guid":{"rendered":"https:\/\/graph.konzept.ba\/?page_id=14"},"modified":"2025-07-15T17:28:22","modified_gmt":"2025-07-15T17:28:22","slug":"graphs","status":"publish","type":"page","link":"https:\/\/graph.konzept.ba\/","title":{"rendered":"graphs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f3e976 e-flex e-con-boxed e-con e-parent\" data-id=\"5f3e976\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee35391 elementor-widget elementor-widget-shortcode\" data-id=\"ee35391\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"moth-heatmap-container\" id=\"moth-heatmap-6a01d693e2632-container\">\n            \n                        <div class=\"moth-heatmap-controls\">\n                <div class=\"moth-heatmap-filters\">\n                    <div class=\"date-range-wrapper\">\n                        <div class=\"filter-group\">\n                            <label for=\"moth-heatmap-6a01d693e2632-start-date\">\n                                Start Date:                            <\/label>\n                            <input type=\"date\" \n                                   id=\"moth-heatmap-6a01d693e2632-start-date\" \n                                   class=\"moth-heatmap-start-date\"\n                                   value=\"2026-02-10\"\n                                   min=\"2025-05-28\"\n                                   max=\"2025-06-27\">\n                        <\/div>\n                        \n                        <div class=\"filter-group\">\n                            <label for=\"moth-heatmap-6a01d693e2632-end-date\">\n                                End Date:                            <\/label>\n                            <input type=\"date\" \n                                   id=\"moth-heatmap-6a01d693e2632-end-date\" \n                                   class=\"moth-heatmap-end-date\"\n                                   value=\"2026-05-11\"\n                                   min=\"2025-05-28\"\n                                   max=\"2025-06-27\">\n                        <\/div>\n                    <\/div>\n                    \n                                        <div class=\"filter-group\">\n                        <select id=\"moth-heatmap-6a01d693e2632-species\" \n                                class=\"moth-heatmap-species\" \n                                multiple>\n                            <option value=\"\">All Species<\/option>\n                                                                                            <option value=\"Corn Ear Worm\" >\n                                    Corn Ear Worm                                <\/option>\n                                                                                            <option value=\"Fall Armyworm\" >\n                                    Fall Armyworm                                <\/option>\n                                                                                            <option value=\"Southwestern Corn Borer\" >\n                                    Southwestern Corn Borer                                <\/option>\n                                                                                            <option value=\"Western Bean Cutworm\" >\n                                    Western Bean Cutworm                                <\/option>\n                                                    <\/select>\n                    <\/div>\n                                        \n                                        <div class=\"filter-group\">\n                        <select id=\"moth-heatmap-6a01d693e2632-counties\" \n                                class=\"moth-heatmap-counties\" \n                                multiple>\n                            <option value=\"\">All Counties<\/option>\n                                                                                            <option value=\"Bailey\" >\n                                    Bailey (16)\n                                <\/option>\n                                                                                            <option value=\"Castro\" >\n                                    Castro (16)\n                                <\/option>\n                                                                                            <option value=\"Dallam\" >\n                                    Dallam (4)\n                                <\/option>\n                                                                                            <option value=\"Deaf Smith\" >\n                                    Deaf Smith (52)\n                                <\/option>\n                                                                                            <option value=\"Grey\" >\n                                    Grey (12)\n                                <\/option>\n                                                                                            <option value=\"Hale\" >\n                                    Hale (24)\n                                <\/option>\n                                                                                            <option value=\"Hartley\" >\n                                    Hartley (4)\n                                <\/option>\n                                                                                            <option value=\"Moore\" >\n                                    Moore (8)\n                                <\/option>\n                                                                                            <option value=\"Parmer\" >\n                                    Parmer (16)\n                                <\/option>\n                                                                                            <option value=\"Sherman\" >\n                                    Sherman (8)\n                                <\/option>\n                                                                                            <option value=\"Swisher\" >\n                                    Swisher (12)\n                                <\/option>\n                                                    <\/select>\n                    <\/div>\n                                        \n                    <div class=\"button-group-wrapper\">\n                        <div class=\"filter-group\">\n                            <button type=\"button\" \n                                    class=\"moth-heatmap-update-btn button\"\n                                    data-map-id=\"moth-heatmap-6a01d693e2632\">\n                                Update Map                            <\/button>\n                        <\/div>\n                        \n                        <div class=\"filter-group\">\n                            <button type=\"button\" \n                                    class=\"moth-heatmap-reset-btn button\"\n                                    data-map-id=\"moth-heatmap-6a01d693e2632\">\n                                Reset Filters                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"moth-heatmap-toggles\">\n                                        \n                                        <label>\n                        <input type=\"checkbox\" \n                               class=\"moth-heatmap-toggle-heatmap\"\n                               data-map-id=\"moth-heatmap-6a01d693e2632\"\n                               checked>\n                        Show Heatmap                    <\/label>\n                                        \n                                        <label>\n                        <input type=\"checkbox\" \n                               class=\"moth-heatmap-toggle-counties\"\n                               data-map-id=\"moth-heatmap-6a01d693e2632\"\n                               checked>\n                        Show County Boundaries                    <\/label>\n                                        \n                                        <label>\n                        <input type=\"checkbox\" \n                               class=\"moth-heatmap-toggle-county-impact\"\n                               data-map-id=\"moth-heatmap-6a01d693e2632\"\n                               checked>\n                        Show County Impact                    <\/label>\n                                        \n                                        <label>\n                        <input type=\"checkbox\" \n                               class=\"moth-heatmap-toggle-markers\"\n                               data-map-id=\"moth-heatmap-6a01d693e2632\"\n                               checked>\n                        Show Markers                    <\/label>\n                                    <\/div>\n            <\/div>\n                        \n            <div class=\"moth-heatmap-map-wrapper\">\n                <div id=\"moth-heatmap-6a01d693e2632\" \n                     class=\"moth-heatmap-map\"\n                     style=\"width: 100%; height: 600px;\"\n                     data-start-date=\"2026-02-10\"\n                     data-end-date=\"2026-05-11\"\n                     data-species=\"\"\n                     data-counties=\"\"\n                     data-default-range=\"90\"\n                     data-show-county-overlay=\"true\"\n                     data-show-heatmap-toggle=\"true\"\n                     data-show-markers-toggle=\"true\"\n                     data-show-boundaries-toggle=\"true\"\n                     data-show-impact-toggle=\"true\"\n>\n                <\/div>\n                \n                <div class=\"moth-heatmap-data-counter\" id=\"moth-heatmap-6a01d693e2632-counter\" style=\"display: none;\">\n                    <span id=\"moth-heatmap-6a01d693e2632-counter-text\">0 data points<\/span>\n                <\/div>\n                \n                <div class=\"moth-heatmap-loading\" id=\"moth-heatmap-6a01d693e2632-loading\">\n                    <div class=\"loading-spinner\"><\/div>\n                    <p>Loading heatmap data...<\/p>\n                <\/div>\n                \n                                <!-- Desktop legend - positioned absolutely inside map -->\n                <div class=\"moth-heatmap-legend-overlay moth-heatmap-legend-small moth-heatmap-legend-desktop\">\n                    <div class=\"moth-heatmap-legend\">\n                        <div class=\"legend-content\">\n                            <div class=\"legend-item\">\n                                <span class=\"legend-label\">\n                                    Moth Trap Intensity                                <\/span>\n                                <div class=\"legend-gradient-container\">\n                                    <div class=\"legend-gradient\"><\/div>\n                                    <div class=\"legend-range\">\n                                        <span class=\"legend-min\">Low<\/span>\n                                    <span class=\"legend-max\">High<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            \n                        <!-- Mobile legend - positioned below map -->\n            <div class=\"moth-heatmap-legend-overlay moth-heatmap-legend-small moth-heatmap-legend-mobile\">\n                <div class=\"moth-heatmap-legend\">\n                    <div class=\"legend-content\">\n                        <div class=\"legend-item\">\n                            <span class=\"legend-label\">\n                                Observation Density                            <\/span>\n                            <div class=\"legend-gradient-container\">\n                                <div class=\"legend-gradient\"><\/div>\n                                <div class=\"legend-range\">\n                                    <span class=\"legend-min\">Low<\/span>\n                                    <span class=\"legend-max\">High<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        \n            <div class=\"moth-heatmap-info-sections\">\n                            <\/div>\n            \n            <div class=\"moth-heatmap-info-panel\" id=\"moth-heatmap-6a01d693e2632-info\" style=\"display: none;\">\n                <div class=\"info-header\">\n                    <h4 class=\"info-title\"><\/h4>\n                    <button type=\"button\" class=\"info-close\">&times;<\/button>\n                <\/div>\n                <div class=\"info-content\">\n                    <div class=\"info-item\">\n                        <span class=\"info-label\">Total Observations:<\/span>\n                        <span class=\"info-value\" id=\"moth-heatmap-6a01d693e2632-total-observations\">0<\/span>\n                    <\/div>\n                    <div class=\"info-item\">\n                        <span class=\"info-label\">Date Range:<\/span>\n                        <span class=\"info-value\" id=\"moth-heatmap-6a01d693e2632-date-range\">\n                            2026-02-10 - 2026-05-11                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n        <\/div>\n        \n        <script type=\"text\/javascript\">\n        document.addEventListener('DOMContentLoaded', function() {\n            if (typeof mothHeatmapMaps === 'undefined') {\n                window.mothHeatmapMaps = {};\n            }\n            \n            \/\/ Initialize map when Google Maps is loaded\n            function initMothHeatmapmoth_heatmap_6a01d693e2632() {\n                if (typeof google !== 'undefined' && google.maps) {\n                    window.mothHeatmapMaps['moth-heatmap-6a01d693e2632'] = new MothHeatmapDisplay('moth-heatmap-6a01d693e2632');\n                } else {\n                    \/\/ Retry after a short delay\n                    setTimeout(initMothHeatmapmoth_heatmap_6a01d693e2632, 100);\n                }\n            }\n            \n            initMothHeatmapmoth_heatmap_6a01d693e2632();\n        });\n        <\/script>\n        \n        \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/graph.konzept.ba\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graph.konzept.ba\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/graph.konzept.ba\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/graph.konzept.ba\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graph.konzept.ba\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":7,"href":"https:\/\/graph.konzept.ba\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/graph.konzept.ba\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/graph.konzept.ba\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}