{"id":50,"date":"2024-07-25T02:24:08","date_gmt":"2024-07-25T02:24:08","guid":{"rendered":"http:\/\/energyweek.org\/2025\/?page_id=50"},"modified":"2025-03-31T22:01:28","modified_gmt":"2025-04-01T03:01:28","slug":"chapters","status":"publish","type":"page","link":"http:\/\/energyweek.org\/2025\/about\/chapters\/","title":{"rendered":"Chapters"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; header_text_align=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>Chapters<\/h1>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/index.js\"><\/script><!-- [et_pb_line_break_holder] --><script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/map.js\"><\/script><!-- [et_pb_line_break_holder] --><script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/geodata\/usaLow.js\"><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!--\n\n<div id=\"chartdiv\" style=\"width: 100%; height: 500px;\"><\/div>\n\n--><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->am5.ready(function() {<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 var root = am5.Root.new(\"chartdiv\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 \/\/ Create the map chart using Albers USA projection<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 var chart = root.container.children.push(<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 am5map.MapChart.new(root, {<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 panX: \"rotateX\",<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 panY: \"translateY\",<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 projection: am5map.geoAlbersUsa(), \/\/ Albers USA projection<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 wheelY: \"none\",\u00a0 \/\/ Disable zoom on scroll<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 wheelX: \"none\",\u00a0 \/\/ Prevent sideways scroll zooming<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 zoomable: false\u00a0 \/\/ Completely disable all zooming<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 })<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 \/\/ Add USA Low map polygons<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 var polygonSeries = chart.series.push(<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 am5map.MapPolygonSeries.new(root, {<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 geoJSON: am5geodata_usaLow \/\/ GeoJSON for USA map<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 })<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 \/\/ Define custom colors and links for specific states, including custom names for tooltip<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 var stateData = {<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"California\": { \"color\": \"#FF5733\", \"link\": \"#\", \"customName\": \"California Energy Leadership Week\" },<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"Texas\": { \"color\": \"#33FF57\", \"link\": \"#\", \"customName\": \"Texas Energy Leadership Week\" },<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \"New York\": { \"color\": \"#33A8FF\", \"link\": \"#\", \"customName\": \"New York Energy Leadership Week\" }<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Add more states here with their custom names<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 \/\/ Default color for all states and dynamic tooltip text<!-- [et_pb_line_break_holder] -->polygonSeries.mapPolygons.template.setAll({<!-- [et_pb_line_break_holder] -->    fill: am5.color(0xd2e79) \/\/ Default state color (red)<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Use an adapter to modify the tooltip text dynamically<!-- [et_pb_line_break_holder] -->polygonSeries.mapPolygons.template.adapters.add(\"tooltipText\", function(text, target) {<!-- [et_pb_line_break_holder] -->    var stateName = target.dataItem?.dataContext?.name;<!-- [et_pb_line_break_holder] -->    if (stateName && stateData[stateName] && stateData[stateName].customName) {<!-- [et_pb_line_break_holder] -->        return stateData[stateName].customName;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    return stateName || \"Unknown\"; \/\/ Fallback if no data is found<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 \/\/ Hover effect color<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 polygonSeries.mapPolygons.template.states.create(\"hover\", {<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 fill: am5.color(0xa86ffd) \/\/ Hover color (green)<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 \/\/ Event listener for clicks on each state<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 polygonSeries.mapPolygons.template.events.on(\"click\", function(ev) {<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var stateName = ev.target.dataItem.dataContext.name;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ If the state has custom data (color and link)<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if (stateData[stateName]) {<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var data = stateData[stateName];<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 ev.target.set(\"fill\", am5.color(data.color)); \/\/ Apply custom color for the state<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 window.open(data.link, \"_self\"); \/\/ Open link in same tab<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 } else {<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ If no custom data, use the default color<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 ev.target.set(\"fill\", am5.color(0xFF5733)); \/\/ Default color<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<!-- [et_pb_line_break_holder] -->\u00a0\u00a0\u00a0 });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Chapters<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":125,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/energyweek.org\/2025\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/energyweek.org\/2025\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/energyweek.org\/2025\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/energyweek.org\/2025\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/energyweek.org\/2025\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":6,"href":"http:\/\/energyweek.org\/2025\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":231,"href":"http:\/\/energyweek.org\/2025\/wp-json\/wp\/v2\/pages\/50\/revisions\/231"}],"up":[{"embeddable":true,"href":"http:\/\/energyweek.org\/2025\/wp-json\/wp\/v2\/pages\/125"}],"wp:attachment":[{"href":"http:\/\/energyweek.org\/2025\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}