-
Notifications
You must be signed in to change notification settings - Fork 0
/
peak_plot04.html
73 lines (66 loc) · 16.2 KB
/
peak_plot04.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>peak_plot04</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" type="text/css" />
<link rel="stylesheet" href="https://unpkg.com/@holoviz/panel@0.13.1/dist/css/debugger.css" type="text/css" />
<link rel="stylesheet" href="https://unpkg.com/@holoviz/panel@0.13.1/dist/css/alerts.css" type="text/css" />
<link rel="stylesheet" href="https://unpkg.com/@holoviz/panel@0.13.1/dist/css/card.css" type="text/css" />
<link rel="stylesheet" href="https://unpkg.com/@holoviz/panel@0.13.1/dist/css/widgets.css" type="text/css" />
<link rel="stylesheet" href="https://unpkg.com/@holoviz/panel@0.13.1/dist/css/markdown.css" type="text/css" />
<link rel="stylesheet" href="https://unpkg.com/@holoviz/panel@0.13.1/dist/css/json.css" type="text/css" />
<link rel="stylesheet" href="https://unpkg.com/@holoviz/panel@0.13.1/dist/css/loading.css" type="text/css" />
<link rel="stylesheet" href="https://unpkg.com/@holoviz/panel@0.13.1/dist/css/dataframe.css" type="text/css" />
<style>
.bk.pn-loading.arcs:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4gIDxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjMyIiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZT0iI2MzYzNjMyIgc3Ryb2tlLWRhc2hhcnJheT0iNTAuMjY1NDgyNDU3NDM2NjkgNTAuMjY1NDgyNDU3NDM2NjkiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+ICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxcyIga2V5VGltZXM9IjA7MSIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCI+PC9hbmltYXRlVHJhbnNmb3JtPiAgPC9jaXJjbGU+PC9zdmc+");
background-size: auto calc(min(50%, 400px));
}
</style>
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js"></script><script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js"></script><script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js"></script><script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.js"></script><script type="text/javascript" src="https://unpkg.com/@holoviz/panel@0.13.1/dist/panel.min.js"></script><script type="text/javascript">
Bokeh.set_log_level("info");
</script>
</head>
<body>
<div class="bk-root" id="2266f1e4-0c4f-400d-befd-458b34354bf3" data-root-id="3062"></div>
<script type="application/json" id="3214">
{"80a00ec2-d537-4320-a1d1-85d380a20c32":{"defs":[{"extends":null,"module":null,"name":"ReactiveHTML1","overrides":[],"properties":[]},{"extends":null,"module":null,"name":"FlexBox1","overrides":[],"properties":[{"default":"flex-start","kind":null,"name":"align_content"},{"default":"flex-start","kind":null,"name":"align_items"},{"default":"row","kind":null,"name":"flex_direction"},{"default":"wrap","kind":null,"name":"flex_wrap"},{"default":"flex-start","kind":null,"name":"justify_content"}]},{"extends":null,"module":null,"name":"GridStack1","overrides":[],"properties":[{"default":"warn","kind":null,"name":"mode"},{"default":null,"kind":null,"name":"ncols"},{"default":null,"kind":null,"name":"nrows"},{"default":true,"kind":null,"name":"allow_resize"},{"default":true,"kind":null,"name":"allow_drag"},{"default":[],"kind":null,"name":"state"}]},{"extends":null,"module":null,"name":"click1","overrides":[],"properties":[{"default":"","kind":null,"name":"terminal_output"},{"default":"","kind":null,"name":"debug_name"},{"default":0,"kind":null,"name":"clears"}]},{"extends":null,"module":null,"name":"NotificationAreaBase1","overrides":[],"properties":[{"default":"bottom-right","kind":null,"name":"position"},{"default":0,"kind":null,"name":"_clear"}]},{"extends":null,"module":null,"name":"NotificationArea1","overrides":[],"properties":[{"default":[],"kind":null,"name":"notifications"},{"default":"bottom-right","kind":null,"name":"position"},{"default":0,"kind":null,"name":"_clear"},{"default":[{"background":"#ffc107","icon":{"className":"fas fa-exclamation-triangle","color":"white","tagName":"i"},"type":"warning"},{"background":"#007bff","icon":{"className":"fas fa-info-circle","color":"white","tagName":"i"},"type":"info"}],"kind":null,"name":"types"}]},{"extends":null,"module":null,"name":"Notification","overrides":[],"properties":[{"default":null,"kind":null,"name":"background"},{"default":3000,"kind":null,"name":"duration"},{"default":null,"kind":null,"name":"icon"},{"default":"","kind":null,"name":"message"},{"default":null,"kind":null,"name":"notification_type"},{"default":false,"kind":null,"name":"_destroyed"}]},{"extends":null,"module":null,"name":"TemplateActions1","overrides":[],"properties":[{"default":0,"kind":null,"name":"open_modal"},{"default":0,"kind":null,"name":"close_modal"}]},{"extends":null,"module":null,"name":"MaterialTemplateActions1","overrides":[],"properties":[{"default":0,"kind":null,"name":"open_modal"},{"default":0,"kind":null,"name":"close_modal"}]}],"roots":{"references":[{"attributes":{},"id":"3086","type":"ResetTool"},{"attributes":{"data":{"Model":["BCC-CSM2-MR","CSIRO-Mk3-6-0","CanESM2","ERA5","MERRA2","MRI-ESM2-0","NorESM1-M"],"img":["https://raw.githubusercontent.com/kristinchang3/PCMDI-Dong12-test/main/images/CSIRO-Mk3.png","https://raw.githubusercontent.com/kristinchang3/PCMDI-Dong12-test/main/images/CSIRO-Mk3.png","https://raw.githubusercontent.com/kristinchang3/PCMDI-Dong12-test/main/images/CanESM2.png","https://raw.githubusercontent.com/kristinchang3/PCMDI-Dong12-test/main/images/ERA5.png","https://raw.githubusercontent.com/kristinchang3/PCMDI-Dong12-test/main/images/MERRA2.png","https://raw.githubusercontent.com/kristinchang3/PCMDI-Dong12-test/main/images/MRI-ESM2.png","https://raw.githubusercontent.com/kristinchang3/PCMDI-Dong12-test/main/images/NorESM1.png"],"peak_season":["6","-4","17","14","11","-3","1"],"var_name":["peak season","peak season","peak season","peak season","peak season","peak season","peak season"],"zvalues":[6,-4,17,14,11,-3,1]},"selected":{"id":"3097"},"selection_policy":{"id":"3121"}},"id":"3096","type":"ColumnDataSource"},{"attributes":{"bottom_units":"screen","coordinates":null,"fill_alpha":0.5,"fill_color":"lightgrey","group":null,"left_units":"screen","level":"overlay","line_alpha":1.0,"line_color":"black","line_dash":[4,4],"line_width":2,"right_units":"screen","syncable":false,"top_units":"screen"},"id":"3087","type":"BoxAnnotation"},{"attributes":{},"id":"3108","type":"CategoricalTickFormatter"},{"attributes":{"children":[{"id":"3063"},{"id":"3067"},{"id":"3124"}],"margin":[0,0,0,0],"name":"Row03115","tags":["embedded"]},"id":"3062","type":"Row"},{"attributes":{"bar_line_color":"black","color_mapper":{"id":"3095"},"coordinates":null,"group":null,"label_standoff":8,"location":[0,0],"major_label_policy":{"id":"3117"},"major_tick_line_color":"black","ticker":{"id":"3105"}},"id":"3106","type":"ColorBar"},{"attributes":{"source":{"id":"3096"}},"id":"3104","type":"CDSView"},{"attributes":{"high":17,"low":-4,"nan_color":"white","palette":["#0000ff","#0202ff","#0404ff","#0606ff","#0808ff","#0a0aff","#0c0cff","#0e0eff","#1010ff","#1212ff","#1414ff","#1616ff","#1818ff","#1a1aff","#1c1cff","#1e1eff","#2020ff","#2222ff","#2424ff","#2626ff","#2828ff","#2a2aff","#2c2cff","#2e2eff","#3030ff","#3232ff","#3434ff","#3636ff","#3838ff","#3a3aff","#3c3cff","#3e3eff","#4040ff","#4141ff","#4444ff","#4646ff","#4848ff","#4949ff","#4c4cff","#4e4eff","#5050ff","#5151ff","#5454ff","#5656ff","#5858ff","#5959ff","#5c5cff","#5e5eff","#6060ff","#6161ff","#6464ff","#6666ff","#6868ff","#6969ff","#6c6cff","#6e6eff","#7070ff","#7171ff","#7474ff","#7676ff","#7878ff","#7979ff","#7c7cff","#7e7eff","#8080ff","#8282ff","#8383ff","#8686ff","#8888ff","#8a8aff","#8c8cff","#8e8eff","#9090ff","#9292ff","#9393ff","#9696ff","#9898ff","#9a9aff","#9c9cff","#9e9eff","#a0a0ff","#a2a2ff","#a3a3ff","#a6a6ff","#a8a8ff","#aaaaff","#acacff","#aeaeff","#b0b0ff","#b2b2ff","#b3b3ff","#b6b6ff","#b8b8ff","#babaff","#bcbcff","#bebeff","#c0c0ff","#c2c2ff","#c3c3ff","#c6c6ff","#c8c8ff","#cacaff","#ccccff","#ceceff","#d0d0ff","#d2d2ff","#d3d3ff","#d6d6ff","#d8d8ff","#dadaff","#dcdcff","#dedeff","#e0e0ff","#e2e2ff","#e3e3ff","#e6e6ff","#e8e8ff","#eaeaff","#ececff","#eeeeff","#f0f0ff","#f2f2ff","#f3f3ff","#f6f6ff","#f8f8ff","#fafaff","#fcfcff","#fefeff","#fffefe","#fffcfc","#fffafa","#fff8f8","#fff6f6","#fff4f4","#fff2f2","#fff0f0","#ffeeee","#ffecec","#ffeaea","#ffe8e8","#ffe6e6","#ffe4e4","#ffe2e2","#ffe0e0","#ffdede","#ffdcdc","#ffdada","#ffd8d8","#ffd6d6","#ffd3d3","#ffd2d2","#ffd0d0","#ffcece","#ffcccc","#ffcaca","#ffc8c8","#ffc6c6","#ffc3c3","#ffc2c2","#ffc0c0","#ffbebe","#ffbcbc","#ffbaba","#ffb8b8","#ffb6b6","#ffb3b3","#ffb2b2","#ffb0b0","#ffaeae","#ffacac","#ffaaaa","#ffa8a8","#ffa6a6","#ffa3a3","#ffa2a2","#ffa0a0","#ff9e9e","#ff9c9c","#ff9a9a","#ff9898","#ff9696","#ff9393","#ff9292","#ff9090","#ff8e8e","#ff8c8c","#ff8a8a","#ff8888","#ff8686","#ff8383","#ff8282","#ff8080","#ff7e7e","#ff7c7c","#ff7979","#ff7878","#ff7676","#ff7474","#ff7171","#ff7070","#ff6e6e","#ff6c6c","#ff6969","#ff6868","#ff6666","#ff6464","#ff6161","#ff6060","#ff5e5e","#ff5c5c","#ff5959","#ff5858","#ff5656","#ff5454","#ff5151","#ff5050","#ff4e4e","#ff4c4c","#ff4949","#ff4848","#ff4646","#ff4444","#ff4141","#ff4040","#ff3e3e","#ff3c3c","#ff3939","#ff3838","#ff3636","#ff3434","#ff3131","#ff3030","#ff2e2e","#ff2c2c","#ff2929","#ff2828","#ff2626","#ff2424","#ff2121","#ff2020","#ff1e1e","#ff1c1c","#ff1919","#ff1818","#ff1616","#ff1414","#ff1111","#ff1010","#ff0e0e","#ff0c0c","#ff0909","#ff0808","#ff0606","#ff0404","#ff0101","#ff0000"]},"id":"3095","type":"LinearColorMapper"},{"attributes":{},"id":"3074","type":"CategoricalScale"},{"attributes":{},"id":"3105","type":"BasicTicker"},{"attributes":{},"id":"3109","type":"AllLabels"},{"attributes":{},"id":"3121","type":"UnionRenderers"},{"attributes":{},"id":"3111","type":"CategoricalTickFormatter"},{"attributes":{"margin":[5,5,5,5],"name":"HSpacer03120","sizing_mode":"stretch_width"},"id":"3124","type":"Spacer"},{"attributes":{},"id":"3072","type":"CategoricalScale"},{"attributes":{"fill_alpha":{"value":0.1},"fill_color":{"field":"zvalues","transform":{"id":"3095"}},"hatch_alpha":{"value":0.1},"height":{"value":1},"line_alpha":{"value":0},"line_color":{"value":"#1f77b4"},"width":{"value":1},"x":{"field":"Model"},"y":{"field":"var_name"}},"id":"3100","type":"Rect"},{"attributes":{},"id":"3112","type":"AllLabels"},{"attributes":{"tools":[{"id":"3066"},{"id":"3082"},{"id":"3083"},{"id":"3084"},{"id":"3085"},{"id":"3086"}]},"id":"3088","type":"Toolbar"},{"attributes":{"fill_alpha":{"value":0.2},"fill_color":{"field":"zvalues","transform":{"id":"3095"}},"hatch_alpha":{"value":0.2},"height":{"value":1},"line_alpha":{"value":0},"line_color":{"value":"#1f77b4"},"width":{"value":1},"x":{"field":"Model"},"y":{"field":"var_name"}},"id":"3102","type":"Rect"},{"attributes":{"axis_label":"Model","coordinates":null,"formatter":{"id":"3108"},"group":null,"major_label_orientation":0.7853981633974483,"major_label_policy":{"id":"3109"},"ticker":{"id":"3077"}},"id":"3076","type":"CategoricalAxis"},{"attributes":{"above":[{"id":"3076"}],"below":[],"center":[{"id":"3078"},{"id":"3081"}],"height":200,"left":[{"id":"3079"}],"margin":[5,5,5,5],"min_border_bottom":10,"min_border_left":10,"min_border_right":10,"min_border_top":10,"renderers":[{"id":"3103"}],"right":[{"id":"3106"}],"sizing_mode":"fixed","title":{"id":"3068"},"toolbar":{"id":"3088"},"width":800,"x_range":{"id":"3064"},"x_scale":{"id":"3072"},"y_range":{"id":"3065"},"y_scale":{"id":"3074"}},"id":"3067","subtype":"Figure","type":"Plot"},{"attributes":{"margin":[5,5,5,5],"name":"HSpacer03119","sizing_mode":"stretch_width"},"id":"3063","type":"Spacer"},{"attributes":{"coordinates":null,"data_source":{"id":"3096"},"glyph":{"id":"3099"},"group":null,"hover_glyph":null,"muted_glyph":{"id":"3102"},"nonselection_glyph":{"id":"3100"},"selection_glyph":{"id":"3101"},"view":{"id":"3104"}},"id":"3103","type":"GlyphRenderer"},{"attributes":{"axis":{"id":"3076"},"coordinates":null,"grid_line_color":null,"group":null,"ticker":null},"id":"3078","type":"Grid"},{"attributes":{"callback":null,"renderers":[{"id":"3103"}],"tooltips":"\n <div>\n <div>\n <img src=\"@img\" width=300 style=\"float: left; margin: 0px 15px 15px 0px; border=\"2\"></img>\n </div>\n </div>\n\n"},"id":"3066","type":"HoverTool"},{"attributes":{"fill_color":{"field":"zvalues","transform":{"id":"3095"}},"height":{"value":1},"line_alpha":{"value":0},"line_color":{"value":"#1f77b4"},"width":{"value":1},"x":{"field":"Model"},"y":{"field":"var_name"}},"id":"3101","type":"Rect"},{"attributes":{},"id":"3084","type":"WheelZoomTool"},{"attributes":{},"id":"3097","type":"Selection"},{"attributes":{"factors":["peak season"],"tags":[[["var_name","var_name",null]]]},"id":"3065","type":"FactorRange"},{"attributes":{"axis":{"id":"3079"},"coordinates":null,"dimension":1,"grid_line_color":null,"group":null,"ticker":null},"id":"3081","type":"Grid"},{"attributes":{"coordinates":null,"group":null,"text_color":"black","text_font_size":"12pt"},"id":"3068","type":"Title"},{"attributes":{},"id":"3077","type":"CategoricalTicker"},{"attributes":{},"id":"3083","type":"PanTool"},{"attributes":{"axis_label":"var_name","coordinates":null,"formatter":{"id":"3111"},"group":null,"major_label_policy":{"id":"3112"},"ticker":{"id":"3080"}},"id":"3079","type":"CategoricalAxis"},{"attributes":{},"id":"3080","type":"CategoricalTicker"},{"attributes":{"factors":["BCC-CSM2-MR","CSIRO-Mk3-6-0","CanESM2","ERA5","MERRA2","MRI-ESM2-0","NorESM1-M"],"tags":[[["Model","Model",null]]]},"id":"3064","type":"FactorRange"},{"attributes":{"fill_color":{"field":"zvalues","transform":{"id":"3095"}},"height":{"value":1},"line_alpha":{"value":0},"line_color":{"value":"#1f77b4"},"width":{"value":1},"x":{"field":"Model"},"y":{"field":"var_name"}},"id":"3099","type":"Rect"},{"attributes":{},"id":"3082","type":"SaveTool"},{"attributes":{},"id":"3117","type":"NoOverlap"},{"attributes":{"overlay":{"id":"3087"}},"id":"3085","type":"BoxZoomTool"}],"root_ids":["3062"]},"title":"Bokeh Application","version":"2.4.3"}}
</script>
<script type="text/javascript">
(function() {
const fn = function() {
Bokeh.safely(function() {
(function(root) {
function embed_document(root) {
const docs_json = document.getElementById('3214').textContent;
const render_items = [{"docid":"80a00ec2-d537-4320-a1d1-85d380a20c32","root_ids":["3062"],"roots":{"3062":"2266f1e4-0c4f-400d-befd-458b34354bf3"}}];
root.Bokeh.embed.embed_items(docs_json, render_items);
}
if (root.Bokeh !== undefined) {
embed_document(root);
} else {
let attempts = 0;
const timer = setInterval(function(root) {
if (root.Bokeh !== undefined) {
clearInterval(timer);
embed_document(root);
} else {
attempts++;
if (attempts > 100) {
clearInterval(timer);
console.log("Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing");
}
}
}, 10, root)
}
})(window);
});
};
if (document.readyState != "loading") fn();
else document.addEventListener("DOMContentLoaded", fn);
})();
</script>
</body>
</html>