diff --git a/examples/mysite/title_page/subpage/air/help/generate_dashboard.py b/examples/mysite/title_page/subpage/air/help/generate_dashboard.py
index 732bfaba..54b85b24 100644
--- a/examples/mysite/title_page/subpage/air/help/generate_dashboard.py
+++ b/examples/mysite/title_page/subpage/air/help/generate_dashboard.py
@@ -102,10 +102,10 @@ def read_md(name):
url="../../../assets/air/bad_air_q.png",
insert_after="background"
)
-bad_air.map(element_id="burnoff", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("burnoff"), border_color="white", border_width=2)
-bad_air.map(element_id="vehicle", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("vehicle"), border_color="white", border_width=2)
-bad_air.map(element_id="wet_wood", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("wet_wood"), border_color="white", border_width=2)
-bad_air.map(element_id="bad_fireplace", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("bad_fireplace"), border_color="white", border_width=2)
+bad_air.map(element_id="burnoff", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("burnoff"), border_color="yellow", border_width=3)
+bad_air.map(element_id="vehicle", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("vehicle"), border_color="yellow", border_width=3)
+bad_air.map(element_id="wet_wood", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("wet_wood"), border_color="yellow", border_width=3)
+bad_air.map(element_id="bad_fireplace", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("bad_fireplace"), border_color="yellow", border_width=3)
good_air_svg_path = os.path.abspath(os.path.join(os.path.dirname(__file__), "../../../assets/air/good_air_quality.svg"))
good_air = Sivo.from_svg(
@@ -126,11 +126,11 @@ def read_md(name):
url="../../../assets/air/good_air_q.png",
insert_after="background"
)
-good_air.map(element_id="Good_fireplace", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("Good_fireplace"), border_color="white", border_width=2)
-good_air.map(element_id="split_wood", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("split_wood"), border_color="white", border_width=2)
-good_air.map(element_id="good_transport", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("good_transport"), border_color="white", border_width=2)
-good_air.map(element_id="outside_wood", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("outside_wood"), border_color="white", border_width=2)
-good_air.map(element_id="heatpump", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("heatpump"), border_color="white", border_width=2)
+good_air.map(element_id="Good_fireplace", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("Good_fireplace"), border_color="yellow", border_width=3)
+good_air.map(element_id="split_wood", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("split_wood"), border_color="yellow", border_width=3)
+good_air.map(element_id="good_transport", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("good_transport"), border_color="yellow", border_width=3)
+good_air.map(element_id="outside_wood", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("outside_wood"), border_color="yellow", border_width=3)
+good_air.map(element_id="heatpump", tooltip="Click me!", glow=True, fade_pulse=True, hover_color="rgba(255, 255, 255, 0.8)", markdown=read_md("heatpump"), border_color="yellow", border_width=3)
dashboard.add_sivo_block(
diff --git a/examples/mysite/title_page/subpage/air/help/index.html b/examples/mysite/title_page/subpage/air/help/index.html
index e306b7b8..57281d3e 100644
--- a/examples/mysite/title_page/subpage/air/help/index.html
+++ b/examples/mysite/title_page/subpage/air/help/index.html
@@ -1410,7 +1410,7 @@
});
// SIVO passes `views_data` directly to this template
- const viewsData = {"bad":{"svg_string":"\u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 960 960\"\u003e\n \u003c!-- Background anchor for add_svg_background_image --\u003e\n \u003crect id=\"background\" x=\"0\" y=\"0\" width=\"960\" height=\"960\" fill=\"transparent\" pointer-events=\"none\" name=\"background\"/\u003e\n\n \u003cimage xmlns:ns1=\"http://www.w3.org/1999/xlink\" id=\"sivo-svg-bg-image\" href=\"../../../assets/air/bad_air_q.png\" ns1:href=\"../../../assets/air/bad_air_q.png\" width=\"960\" height=\"960\" x=\"0\" y=\"0\" preserveAspectRatio=\"none\" opacity=\"1.0\"/\u003e\u003crect id=\"burnoff\" fill=\"transparent\" x=\"81.1\" y=\"203.1\" width=\"281.6\" height=\"396.6\" name=\"burnoff\"/\u003e\n \u003crect id=\"vehicle\" fill=\"transparent\" x=\"637.6\" y=\"201.8\" width=\"285.1\" height=\"397.7\" name=\"vehicle\"/\u003e\n \u003cpath id=\"wet_wood\" fill=\"transparent\" d=\"M931.0,791.0 L944.0,796.0 L959.0,812.0 L959.0,925.0 L908.0,928.0 L901.0,930.0 L897.0,935.0 L880.0,940.0 L734.0,938.0 L710.0,935.0 L702.0,930.0 L702.0,922.0 L714.0,913.0 L749.0,910.0 L751.0,914.0 L756.0,915.0 L761.0,912.0 L758.0,879.0 L762.0,876.0 L766.0,878.0 L775.0,870.0 L794.0,866.0 L793.0,837.0 L799.0,827.0 L806.0,822.0 L931.0,791.0 Z\" name=\"wet_wood\"/\u003e\n \u003cpath id=\"bad_fireplace\" fill=\"transparent\" d=\"M486.0,755.0 L520.0,756.0 L549.0,763.0 L570.0,772.0 L586.0,784.0 L585.0,906.0 L414.0,906.0 L413.0,784.0 L444.0,765.0 L486.0,755.0 Z\" name=\"bad_fireplace\"/\u003e\n\u003c/svg\u003e","echarts_data":[{"name":"background","value":1,"itemStyle":{"areaColor":"transparent"},"emphasis":{"disabled":true,"label":{"show":false}},"label":{"show":false}},{"name":"burnoff","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"white","borderWidth":2,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"vehicle","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"white","borderWidth":2,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"wet_wood","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"white","borderWidth":2,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"bad_fireplace","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"white","borderWidth":2,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"sivo-svg-bg-image","value":1,"itemStyle":{"borderColor":"transparent"},"emphasis":{"disabled":true,"label":{"show":false}},"label":{"show":false}}],"actions_manifest":{"burnoff":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Burnoffs\n\nPlaceholder text for burnoffs.\n","panel_position":"overlay"}],"vehicle":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Vehicles\n\nPlaceholder text for vehicles.\n","panel_position":"overlay"}],"wet_wood":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Wet Wood\n\nPlaceholder text for wet wood.\n","panel_position":"overlay"}],"bad_fireplace":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Bad Fireplaces\n\nPlaceholder text for bad fireplaces.\n","panel_position":"overlay"}]},"overlays":{},"metadata":{"objects":[{"id":"background","type":"rect","bbox":[0.0,0.0,960.0,960.0]},{"id":"burnoff","type":"rect","bbox":[81.1,203.1,362.70000000000005,599.7]},{"id":"vehicle","type":"rect","bbox":[637.6,201.8,922.7,599.5]},{"id":"wet_wood","type":"path","bbox":[702.0,791.0,959.0,940.0]},{"id":"bad_fireplace","type":"path","bbox":[413.0,755.0,586.0,906.0]},{"id":"sivo-svg-bg-image","type":"image"}]},"connections":[],"default_panel_position":"overlay","disable_panel":false,"panel_width":"90%","panel_height":"90%","panel_css":null,"disable_resizer":true,"disable_tooltips":false,"disable_zoom_controls":true,"lock_scroll_bounds":true,"presentation_order":null,"lock_zoom_out":true,"layout_size":"95%","mobile_layout_size":null,"starting_zoom":1.0,"lock_canvas":true,"render_mode":"canvas","enable_minimap":false,"enable_export":false,"fade_unselected":false,"theme":"transparent","enable_search":false,"enable_geocoder":false,"geocoder_intersection":null,"geocode_country_codes":null,"geocode_provider":"nominatim","geocode_api_key":null,"watermark":null,"enable_brush_selection":false,"title":null,"subtitle":null,"attribution":null,"enable_fullscreen":false,"enable_share":false,"enable_data_download":false,"enable_drawing_tools":false,"ambient_effect":null,"ambient_speed":1.0,"bounding_coords":[[0.0,0.0],[960.0,960.0]],"graphic":null,"border_image_url":null,"border_image_position":"all","border_image_width":"10%","border_image_opacity":1.0,"border_image_grayscale":false,"background_image_url":null,"background_image_opacity":1.0,"background_image_grayscale":false,"background_image_fade_in":false,"background_image_fade_pulse":false,"background_image_fade_start_time_ms":0,"background_image_fade_duration_ms":5000,"svg_background_image_url":"../../../assets/air/bad_air_q.png","svg_background_image_opacity":1.0,"svg_background_image_grayscale":false,"svg_background_image_insert_after":"background","transparent_template_lines":false,"navigation_menu":null,"navigation_menu_position":"top-right","mappings":{"background":{"id":"background","actions":[],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":null,"hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":null,"border_color":null,"transparent_lines":null,"glow":null,"animation":null,"fade_in":false,"fade_pulse":false,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"burnoff":{"id":"burnoff","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Burnoffs\n\nPlaceholder text for burnoffs.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":2,"border_color":"white","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"vehicle":{"id":"vehicle","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Vehicles\n\nPlaceholder text for vehicles.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":2,"border_color":"white","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"wet_wood":{"id":"wet_wood","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Wet Wood\n\nPlaceholder text for wet wood.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":2,"border_color":"white","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"bad_fireplace":{"id":"bad_fireplace","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Bad Fireplaces\n\nPlaceholder text for bad fireplaces.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":2,"border_color":"white","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"sivo-svg-bg-image":{"id":"sivo-svg-bg-image","actions":[],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":null,"hover_color":null,"hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":null,"border_color":null,"transparent_lines":null,"glow":null,"animation":null,"fade_in":false,"fade_pulse":false,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}}}},"good":{"svg_string":"\u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 960 960\"\u003e\n \u003c!-- Background anchor for add_svg_background_image --\u003e\n \u003crect id=\"background\" x=\"0\" y=\"0\" width=\"960\" height=\"960\" fill=\"transparent\" pointer-events=\"none\" name=\"background\"/\u003e\n\n \u003cimage xmlns:ns1=\"http://www.w3.org/1999/xlink\" id=\"sivo-svg-bg-image\" href=\"../../../assets/air/good_air_q.png\" ns1:href=\"../../../assets/air/good_air_q.png\" width=\"960\" height=\"960\" x=\"0\" y=\"0\" preserveAspectRatio=\"none\" opacity=\"1.0\"/\u003e\u003cpath id=\"Good_fireplace\" fill=\"transparent\" d=\"M498.0,755.0 L523.0,757.0 L551.0,764.0 L571.0,773.0 L586.0,784.0 L585.0,907.0 L415.0,905.0 L414.0,785.0 L444.0,766.0 L468.0,759.0 L498.0,755.0 Z\" name=\"Good_fireplace\"/\u003e\n \u003cpath id=\"split_wood\" fill=\"transparent\" d=\"M920.0,808.0 L951.0,808.0 L953.0,838.0 L959.0,843.0 L959.0,905.0 L943.0,912.0 L902.0,940.0 L887.0,947.0 L815.0,925.0 L800.0,913.0 L795.0,891.0 L808.0,882.0 L808.0,863.0 L811.0,854.0 L817.0,848.0 L817.0,822.0 L920.0,808.0 Z\" name=\"split_wood\"/\u003e\n \u003cpath id=\"good_transport\" fill=\"transparent\" d=\"M640.0,202.0 L920.0,204.0 L919.0,601.0 L702.0,603.0 L641.0,602.0 L637.0,599.0 L636.0,332.0 L637.0,206.0 L640.0,202.0 Z\" name=\"good_transport\"/\u003e\n \u003cpath id=\"outside_wood\" fill=\"transparent\" d=\"M290.0,204.0 L292.0,214.0 L296.0,216.0 L301.0,215.0 L302.0,210.0 L308.0,215.0 L348.0,217.0 L351.0,353.0 L351.0,418.0 L347.0,480.0 L350.0,542.0 L348.0,587.0 L95.0,587.0 L93.0,323.0 L271.0,320.0 L276.0,316.0 L274.0,313.0 L277.0,309.0 L287.0,304.0 L289.0,297.0 L290.0,204.0 Z\" name=\"outside_wood\"/\u003e\n \u003cpath id=\"heatpump\" fill=\"transparent\" d=\"M240.0,169.0 L266.0,170.0 L265.0,174.0 L272.0,174.0 L285.0,192.0 L283.0,223.0 L286.0,227.0 L286.0,299.0 L280.0,310.0 L271.0,317.0 L255.0,319.0 L185.0,314.0 L88.0,317.0 L0.0,315.0 L0.0,170.0 L192.0,172.0 L240.0,169.0 Z\" name=\"heatpump\"/\u003e\n\u003c/svg\u003e","echarts_data":[{"name":"background","value":1,"itemStyle":{"areaColor":"transparent"},"emphasis":{"disabled":true,"label":{"show":false}},"label":{"show":false}},{"name":"Good_fireplace","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"white","borderWidth":2,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"split_wood","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"white","borderWidth":2,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"good_transport","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"white","borderWidth":2,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"outside_wood","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"white","borderWidth":2,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"heatpump","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"white","borderWidth":2,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"sivo-svg-bg-image","value":1,"itemStyle":{"borderColor":"transparent"},"emphasis":{"disabled":true,"label":{"show":false}},"label":{"show":false}}],"actions_manifest":{"Good_fireplace":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Good Fireplaces\n\nPlaceholder text for good fireplaces.\n","panel_position":"overlay"}],"split_wood":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Split Wood\n\nPlaceholder text for split wood.\n","panel_position":"overlay"}],"good_transport":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Good Transport\n\nPlaceholder text for good transport.\n","panel_position":"overlay"}],"outside_wood":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Outside Wood\n\nPlaceholder text for outside wood.\n","panel_position":"overlay"}],"heatpump":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Heatpump\n\nPlaceholder text for heatpump.\n","panel_position":"overlay"}]},"overlays":{},"metadata":{"objects":[{"id":"background","type":"rect","bbox":[0.0,0.0,960.0,960.0]},{"id":"Good_fireplace","type":"path","bbox":[414.0,755.0,586.0,907.0]},{"id":"split_wood","type":"path","bbox":[795.0,808.0,959.0,947.0]},{"id":"good_transport","type":"path","bbox":[636.0,202.0,920.0,603.0]},{"id":"outside_wood","type":"path","bbox":[93.0,204.0,351.0,587.0]},{"id":"heatpump","type":"path","bbox":[0.0,169.0,286.0,319.0]},{"id":"sivo-svg-bg-image","type":"image"}]},"connections":[],"default_panel_position":"overlay","disable_panel":false,"panel_width":"90%","panel_height":"90%","panel_css":null,"disable_resizer":true,"disable_tooltips":false,"disable_zoom_controls":true,"lock_scroll_bounds":true,"presentation_order":null,"lock_zoom_out":true,"layout_size":"95%","mobile_layout_size":null,"starting_zoom":1.0,"lock_canvas":true,"render_mode":"canvas","enable_minimap":false,"enable_export":false,"fade_unselected":false,"theme":"transparent","enable_search":false,"enable_geocoder":false,"geocoder_intersection":null,"geocode_country_codes":null,"geocode_provider":"nominatim","geocode_api_key":null,"watermark":null,"enable_brush_selection":false,"title":null,"subtitle":null,"attribution":null,"enable_fullscreen":false,"enable_share":false,"enable_data_download":false,"enable_drawing_tools":false,"ambient_effect":null,"ambient_speed":1.0,"bounding_coords":[[0.0,0.0],[960.0,960.0]],"graphic":null,"border_image_url":null,"border_image_position":"all","border_image_width":"10%","border_image_opacity":1.0,"border_image_grayscale":false,"background_image_url":null,"background_image_opacity":1.0,"background_image_grayscale":false,"background_image_fade_in":false,"background_image_fade_pulse":false,"background_image_fade_start_time_ms":0,"background_image_fade_duration_ms":5000,"svg_background_image_url":"../../../assets/air/good_air_q.png","svg_background_image_opacity":1.0,"svg_background_image_grayscale":false,"svg_background_image_insert_after":"background","transparent_template_lines":false,"navigation_menu":null,"navigation_menu_position":"top-right","mappings":{"background":{"id":"background","actions":[],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":null,"hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":null,"border_color":null,"transparent_lines":null,"glow":null,"animation":null,"fade_in":false,"fade_pulse":false,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"Good_fireplace":{"id":"Good_fireplace","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Good Fireplaces\n\nPlaceholder text for good fireplaces.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":2,"border_color":"white","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"split_wood":{"id":"split_wood","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Split Wood\n\nPlaceholder text for split wood.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":2,"border_color":"white","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"good_transport":{"id":"good_transport","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Good Transport\n\nPlaceholder text for good transport.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":2,"border_color":"white","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"outside_wood":{"id":"outside_wood","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Outside Wood\n\nPlaceholder text for outside wood.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":2,"border_color":"white","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"heatpump":{"id":"heatpump","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Heatpump\n\nPlaceholder text for heatpump.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":2,"border_color":"white","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"sivo-svg-bg-image":{"id":"sivo-svg-bg-image","actions":[],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":null,"hover_color":null,"hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":null,"border_color":null,"transparent_lines":null,"glow":null,"animation":null,"fade_in":false,"fade_pulse":false,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}}}}};
+ const viewsData = {"bad":{"svg_string":"\u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 960 960\"\u003e\n \u003c!-- Background anchor for add_svg_background_image --\u003e\n \u003crect id=\"background\" x=\"0\" y=\"0\" width=\"960\" height=\"960\" fill=\"transparent\" pointer-events=\"none\" name=\"background\"/\u003e\n\n \u003cimage xmlns:ns1=\"http://www.w3.org/1999/xlink\" id=\"sivo-svg-bg-image\" href=\"../../../assets/air/bad_air_q.png\" ns1:href=\"../../../assets/air/bad_air_q.png\" width=\"960\" height=\"960\" x=\"0\" y=\"0\" preserveAspectRatio=\"none\" opacity=\"1.0\"/\u003e\u003crect id=\"burnoff\" fill=\"transparent\" x=\"81.1\" y=\"203.1\" width=\"281.6\" height=\"396.6\" name=\"burnoff\"/\u003e\n \u003crect id=\"vehicle\" fill=\"transparent\" x=\"637.6\" y=\"201.8\" width=\"285.1\" height=\"397.7\" name=\"vehicle\"/\u003e\n \u003cpath id=\"wet_wood\" fill=\"transparent\" d=\"M931.0,791.0 L944.0,796.0 L959.0,812.0 L959.0,925.0 L908.0,928.0 L901.0,930.0 L897.0,935.0 L880.0,940.0 L734.0,938.0 L710.0,935.0 L702.0,930.0 L702.0,922.0 L714.0,913.0 L749.0,910.0 L751.0,914.0 L756.0,915.0 L761.0,912.0 L758.0,879.0 L762.0,876.0 L766.0,878.0 L775.0,870.0 L794.0,866.0 L793.0,837.0 L799.0,827.0 L806.0,822.0 L931.0,791.0 Z\" name=\"wet_wood\"/\u003e\n \u003cpath id=\"bad_fireplace\" fill=\"transparent\" d=\"M486.0,755.0 L520.0,756.0 L549.0,763.0 L570.0,772.0 L586.0,784.0 L585.0,906.0 L414.0,906.0 L413.0,784.0 L444.0,765.0 L486.0,755.0 Z\" name=\"bad_fireplace\"/\u003e\n\u003c/svg\u003e","echarts_data":[{"name":"background","value":1,"itemStyle":{"areaColor":"transparent"},"emphasis":{"disabled":true,"label":{"show":false}},"label":{"show":false}},{"name":"burnoff","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"yellow","borderWidth":3,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"vehicle","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"yellow","borderWidth":3,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"wet_wood","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"yellow","borderWidth":3,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"bad_fireplace","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"yellow","borderWidth":3,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"sivo-svg-bg-image","value":1,"itemStyle":{"borderColor":"transparent"},"emphasis":{"disabled":true,"label":{"show":false}},"label":{"show":false}}],"actions_manifest":{"burnoff":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Burnoffs\n\nPlaceholder text for burnoffs.\n","panel_position":"overlay"}],"vehicle":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Vehicles\n\nPlaceholder text for vehicles.\n","panel_position":"overlay"}],"wet_wood":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Wet Wood\n\nPlaceholder text for wet wood.\n","panel_position":"overlay"}],"bad_fireplace":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Bad Fireplaces\n\nPlaceholder text for bad fireplaces.\n","panel_position":"overlay"}]},"overlays":{},"metadata":{"objects":[{"id":"background","type":"rect","bbox":[0.0,0.0,960.0,960.0]},{"id":"burnoff","type":"rect","bbox":[81.1,203.1,362.70000000000005,599.7]},{"id":"vehicle","type":"rect","bbox":[637.6,201.8,922.7,599.5]},{"id":"wet_wood","type":"path","bbox":[702.0,791.0,959.0,940.0]},{"id":"bad_fireplace","type":"path","bbox":[413.0,755.0,586.0,906.0]},{"id":"sivo-svg-bg-image","type":"image"}]},"connections":[],"default_panel_position":"overlay","disable_panel":false,"panel_width":"90%","panel_height":"90%","panel_css":null,"disable_resizer":true,"disable_tooltips":false,"disable_zoom_controls":true,"lock_scroll_bounds":true,"presentation_order":null,"lock_zoom_out":true,"layout_size":"95%","mobile_layout_size":null,"starting_zoom":1.0,"lock_canvas":true,"render_mode":"canvas","enable_minimap":false,"enable_export":false,"fade_unselected":false,"theme":"transparent","enable_search":false,"enable_geocoder":false,"geocoder_intersection":null,"geocode_country_codes":null,"geocode_provider":"nominatim","geocode_api_key":null,"watermark":null,"enable_brush_selection":false,"title":null,"subtitle":null,"attribution":null,"enable_fullscreen":false,"enable_share":false,"enable_data_download":false,"enable_drawing_tools":false,"ambient_effect":null,"ambient_speed":1.0,"bounding_coords":[[0.0,0.0],[960.0,960.0]],"graphic":null,"border_image_url":null,"border_image_position":"all","border_image_width":"10%","border_image_opacity":1.0,"border_image_grayscale":false,"background_image_url":null,"background_image_opacity":1.0,"background_image_grayscale":false,"background_image_fade_in":false,"background_image_fade_pulse":false,"background_image_fade_start_time_ms":0,"background_image_fade_duration_ms":5000,"svg_background_image_url":"../../../assets/air/bad_air_q.png","svg_background_image_opacity":1.0,"svg_background_image_grayscale":false,"svg_background_image_insert_after":"background","transparent_template_lines":false,"navigation_menu":null,"navigation_menu_position":"top-right","mappings":{"background":{"id":"background","actions":[],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":null,"hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":null,"border_color":null,"transparent_lines":null,"glow":null,"animation":null,"fade_in":false,"fade_pulse":false,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"burnoff":{"id":"burnoff","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Burnoffs\n\nPlaceholder text for burnoffs.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":3,"border_color":"yellow","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"vehicle":{"id":"vehicle","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Vehicles\n\nPlaceholder text for vehicles.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":3,"border_color":"yellow","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"wet_wood":{"id":"wet_wood","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Wet Wood\n\nPlaceholder text for wet wood.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":3,"border_color":"yellow","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"bad_fireplace":{"id":"bad_fireplace","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Bad Fireplaces\n\nPlaceholder text for bad fireplaces.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":3,"border_color":"yellow","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"sivo-svg-bg-image":{"id":"sivo-svg-bg-image","actions":[],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":null,"hover_color":null,"hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":null,"border_color":null,"transparent_lines":null,"glow":null,"animation":null,"fade_in":false,"fade_pulse":false,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}}}},"good":{"svg_string":"\u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 960 960\"\u003e\n \u003c!-- Background anchor for add_svg_background_image --\u003e\n \u003crect id=\"background\" x=\"0\" y=\"0\" width=\"960\" height=\"960\" fill=\"transparent\" pointer-events=\"none\" name=\"background\"/\u003e\n\n \u003cimage xmlns:ns1=\"http://www.w3.org/1999/xlink\" id=\"sivo-svg-bg-image\" href=\"../../../assets/air/good_air_q.png\" ns1:href=\"../../../assets/air/good_air_q.png\" width=\"960\" height=\"960\" x=\"0\" y=\"0\" preserveAspectRatio=\"none\" opacity=\"1.0\"/\u003e\u003cpath id=\"Good_fireplace\" fill=\"transparent\" d=\"M498.0,755.0 L523.0,757.0 L551.0,764.0 L571.0,773.0 L586.0,784.0 L585.0,907.0 L415.0,905.0 L414.0,785.0 L444.0,766.0 L468.0,759.0 L498.0,755.0 Z\" name=\"Good_fireplace\"/\u003e\n \u003cpath id=\"split_wood\" fill=\"transparent\" d=\"M920.0,808.0 L951.0,808.0 L953.0,838.0 L959.0,843.0 L959.0,905.0 L943.0,912.0 L902.0,940.0 L887.0,947.0 L815.0,925.0 L800.0,913.0 L795.0,891.0 L808.0,882.0 L808.0,863.0 L811.0,854.0 L817.0,848.0 L817.0,822.0 L920.0,808.0 Z\" name=\"split_wood\"/\u003e\n \u003cpath id=\"good_transport\" fill=\"transparent\" d=\"M640.0,202.0 L920.0,204.0 L919.0,601.0 L702.0,603.0 L641.0,602.0 L637.0,599.0 L636.0,332.0 L637.0,206.0 L640.0,202.0 Z\" name=\"good_transport\"/\u003e\n \u003cpath id=\"outside_wood\" fill=\"transparent\" d=\"M290.0,204.0 L292.0,214.0 L296.0,216.0 L301.0,215.0 L302.0,210.0 L308.0,215.0 L348.0,217.0 L351.0,353.0 L351.0,418.0 L347.0,480.0 L350.0,542.0 L348.0,587.0 L95.0,587.0 L93.0,323.0 L271.0,320.0 L276.0,316.0 L274.0,313.0 L277.0,309.0 L287.0,304.0 L289.0,297.0 L290.0,204.0 Z\" name=\"outside_wood\"/\u003e\n \u003cpath id=\"heatpump\" fill=\"transparent\" d=\"M240.0,169.0 L266.0,170.0 L265.0,174.0 L272.0,174.0 L285.0,192.0 L283.0,223.0 L286.0,227.0 L286.0,299.0 L280.0,310.0 L271.0,317.0 L255.0,319.0 L185.0,314.0 L88.0,317.0 L0.0,315.0 L0.0,170.0 L192.0,172.0 L240.0,169.0 Z\" name=\"heatpump\"/\u003e\n\u003c/svg\u003e","echarts_data":[{"name":"background","value":1,"itemStyle":{"areaColor":"transparent"},"emphasis":{"disabled":true,"label":{"show":false}},"label":{"show":false}},{"name":"Good_fireplace","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"yellow","borderWidth":3,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"split_wood","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"yellow","borderWidth":3,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"good_transport","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"yellow","borderWidth":3,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"outside_wood","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"yellow","borderWidth":3,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"heatpump","value":1,"tooltip":"Click me!","animation_class":"fade_pulse","fade_start_time_ms":0,"fade_duration_ms":5000,"itemStyle":{"areaColor":"transparent","borderColor":"yellow","borderWidth":3,"opacity":0},"label":{"show":false},"emphasis":{"label":{"show":false},"itemStyle":{"areaColor":"rgba(255, 255, 255, 0.8)","shadowBlur":15,"shadowColor":"rgba(255, 255, 255, 0.8)","shadowOffsetX":0,"shadowOffsetY":0}}},{"name":"sivo-svg-bg-image","value":1,"itemStyle":{"borderColor":"transparent"},"emphasis":{"disabled":true,"label":{"show":false}},"label":{"show":false}}],"actions_manifest":{"Good_fireplace":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Good Fireplaces\n\nPlaceholder text for good fireplaces.\n","panel_position":"overlay"}],"split_wood":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Split Wood\n\nPlaceholder text for split wood.\n","panel_position":"overlay"}],"good_transport":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Good Transport\n\nPlaceholder text for good transport.\n","panel_position":"overlay"}],"outside_wood":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Outside Wood\n\nPlaceholder text for outside wood.\n","panel_position":"overlay"}],"heatpump":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Heatpump\n\nPlaceholder text for heatpump.\n","panel_position":"overlay"}]},"overlays":{},"metadata":{"objects":[{"id":"background","type":"rect","bbox":[0.0,0.0,960.0,960.0]},{"id":"Good_fireplace","type":"path","bbox":[414.0,755.0,586.0,907.0]},{"id":"split_wood","type":"path","bbox":[795.0,808.0,959.0,947.0]},{"id":"good_transport","type":"path","bbox":[636.0,202.0,920.0,603.0]},{"id":"outside_wood","type":"path","bbox":[93.0,204.0,351.0,587.0]},{"id":"heatpump","type":"path","bbox":[0.0,169.0,286.0,319.0]},{"id":"sivo-svg-bg-image","type":"image"}]},"connections":[],"default_panel_position":"overlay","disable_panel":false,"panel_width":"90%","panel_height":"90%","panel_css":null,"disable_resizer":true,"disable_tooltips":false,"disable_zoom_controls":true,"lock_scroll_bounds":true,"presentation_order":null,"lock_zoom_out":true,"layout_size":"95%","mobile_layout_size":null,"starting_zoom":1.0,"lock_canvas":true,"render_mode":"canvas","enable_minimap":false,"enable_export":false,"fade_unselected":false,"theme":"transparent","enable_search":false,"enable_geocoder":false,"geocoder_intersection":null,"geocode_country_codes":null,"geocode_provider":"nominatim","geocode_api_key":null,"watermark":null,"enable_brush_selection":false,"title":null,"subtitle":null,"attribution":null,"enable_fullscreen":false,"enable_share":false,"enable_data_download":false,"enable_drawing_tools":false,"ambient_effect":null,"ambient_speed":1.0,"bounding_coords":[[0.0,0.0],[960.0,960.0]],"graphic":null,"border_image_url":null,"border_image_position":"all","border_image_width":"10%","border_image_opacity":1.0,"border_image_grayscale":false,"background_image_url":null,"background_image_opacity":1.0,"background_image_grayscale":false,"background_image_fade_in":false,"background_image_fade_pulse":false,"background_image_fade_start_time_ms":0,"background_image_fade_duration_ms":5000,"svg_background_image_url":"../../../assets/air/good_air_q.png","svg_background_image_opacity":1.0,"svg_background_image_grayscale":false,"svg_background_image_insert_after":"background","transparent_template_lines":false,"navigation_menu":null,"navigation_menu_position":"top-right","mappings":{"background":{"id":"background","actions":[],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":null,"hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":null,"border_color":null,"transparent_lines":null,"glow":null,"animation":null,"fade_in":false,"fade_pulse":false,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"Good_fireplace":{"id":"Good_fireplace","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Good Fireplaces\n\nPlaceholder text for good fireplaces.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":3,"border_color":"yellow","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"split_wood":{"id":"split_wood","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Split Wood\n\nPlaceholder text for split wood.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":3,"border_color":"yellow","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"good_transport":{"id":"good_transport","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Good Transport\n\nPlaceholder text for good transport.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":3,"border_color":"yellow","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"outside_wood":{"id":"outside_wood","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Outside Wood\n\nPlaceholder text for outside wood.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":3,"border_color":"yellow","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"heatpump":{"id":"heatpump","actions":[{"action_type":"a11y","role":"button","tabindex":"0","aria_label":"Click me!"},{"action_type":"tooltip","content":"\u003ch3\u003eClick me!\u003c/h3\u003e","title":"Click me!","panel_position":"overlay"},{"action_type":"markdown","markdown_text":"# Heatpump\n\nPlaceholder text for heatpump.\n","panel_position":"overlay"}],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":"transparent","hover_color":"rgba(255, 255, 255, 0.8)","hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":3,"border_color":"yellow","transparent_lines":null,"glow":true,"animation":null,"fade_in":false,"fade_pulse":true,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}},"sivo-svg-bg-image":{"id":"sivo-svg-bg-image","actions":[],"context_menu":null,"open_by_default":false,"panel_position":null,"panel_css":null,"draggable":false,"theme":{"animation_duration_ms":1000,"color":null,"hover_color":null,"hover_image":null,"fill_gradient":null,"fill_pattern":null,"border_width":null,"border_color":null,"transparent_lines":null,"glow":null,"animation":null,"fade_in":false,"fade_pulse":false,"fade_start_time_ms":0,"fade_duration_ms":5000,"morph_to_path":null,"morph_duration_ms":1000,"morph_delay_ms":0,"morph_easing":"ease-in-out","morph_iterations":1.0,"filter":null,"clip_path":null,"mask":null,"transform":null,"odometer_value":null,"odometer_duration_ms":2000,"odometer_format":null}}}}};
const activeCharts = {};
// --- Tab Logic ---
@@ -1941,9 +1941,9 @@
var opacity = 1.0; // unselected
if (shouldPulse) {
var progress = (elapsed - delay) / duration;
- var pulseRange = 0.5; // oscillate between 0.5 and 1.0
+ var pulseRange = 1.0; // oscillate between 0.0 and 1.0
var sine = (Math.sin(progress * Math.PI * 2 - Math.PI / 2) + 1) / 2; // 0 to 1
- opacity = 1.0 - (pulseRange * (1.0 - sine)); // peaks at 1.0, dips to 0.5
+ opacity = 1.0 - (pulseRange * (1.0 - sine)); // peaks at 1.0, dips to 0.0
}
if (!item.itemStyle) item.itemStyle = {};
diff --git a/src/sivo/runtime/templates/dashboard_blocks.html b/src/sivo/runtime/templates/dashboard_blocks.html
index 3b66eeac..e48f8a3b 100644
--- a/src/sivo/runtime/templates/dashboard_blocks.html
+++ b/src/sivo/runtime/templates/dashboard_blocks.html
@@ -2041,9 +2041,9 @@
var opacity = 1.0; // unselected
if (shouldPulse) {
var progress = (elapsed - delay) / duration;
- var pulseRange = 0.5; // oscillate between 0.5 and 1.0
+ var pulseRange = 1.0; // oscillate between 0.0 and 1.0
var sine = (Math.sin(progress * Math.PI * 2 - Math.PI / 2) + 1) / 2; // 0 to 1
- opacity = 1.0 - (pulseRange * (1.0 - sine)); // peaks at 1.0, dips to 0.5
+ opacity = 1.0 - (pulseRange * (1.0 - sine)); // peaks at 1.0, dips to 0.0
}
if (!item.itemStyle) item.itemStyle = {};
diff --git a/verify_cuj2.py b/verify_cuj2.py
deleted file mode 100644
index 682c5f9f..00000000
--- a/verify_cuj2.py
+++ /dev/null
@@ -1,26 +0,0 @@
-import sys
-import os
-import time
-
-sys.path.append(os.path.abspath(os.path.join(os.path.dirname(__file__), 'src')))
-
-from playwright.sync_api import sync_playwright
-
-def verify():
- with sync_playwright() as p:
- browser = p.chromium.launch(headless=True)
- page = browser.new_page(viewport={'width': 1200, 'height': 800})
-
- url = f"file://{os.path.abspath('examples/mysite/title_page/subpage/air/help/index.html')}"
- page.goto(url)
- time.sleep(2)
-
- os.makedirs('/home/jules/verification/screenshots', exist_ok=True)
-
- page.screenshot(path='/home/jules/verification/screenshots/hover_glow_test_3.png')
- print("Screenshot saved to /home/jules/verification/screenshots/hover_glow_test_3.png")
-
- browser.close()
-
-if __name__ == "__main__":
- verify()