Skip to content

Instantly share code, notes, and snippets.

@AleksueiR
Last active April 16, 2018 16:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save AleksueiR/f7c4b95a5a16e70e69c85236572ddf0c to your computer and use it in GitHub Desktop.
Save AleksueiR/f7c4b95a5a16e70e69c85236572ddf0c to your computer and use it in GitHub Desktop.
CMIP5 x5 Demo page
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>dqvue</title>
<!-- if you need IE support -->
<!-- <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script> -->
<script>
dvChart1Config = { "xAxis": { "events": {}, "title": { "text": "Year" }, "labels": { "style": { "color": "black" } }, "minRange": 20, "crosshair": true, "gridLineWidth": 1 }, "plotOptions": { "series": { "events": {}, "label": { "connectorAllowed": false }, "pointStart": 1900 } }, "exporting": { "menuItemDefinitions": {}, "enabled": false }, "chart": { "backgroundColor": "#f9f9f9", "zoomType": "x", "zoomSlider": { "step": 1 }, "marginRight": 265, "events": {}, "style": { "fontFamily": "inherit" } }, "credits": { "enabled": false }, "title": { "text": "Sea Ice Concentration at 76° 55' 04\" N, 134° 30' 22\" W, 1900 - 2100", "x": -110 }, "subtitle": { "text": "climate-adaptation.canada.ca", "x": -110 }, "yAxis": { "title": { "text": "Sea Ice Concentration, %" }, "labels": { "style": { "color": "black" } } }, "tooltip": { "shared": true, "valueSuffix": "%" }, "legend": { "layout": "vertical", "align": "right", "verticalAlign": "top", "title": { "text": "Legend", "style": { "fontSize": "16px" } }, "y": 40, "x": -62, "labelFormat": "<i class=\"fa fa-check\" aria-hidden=\"true\" style=\"color:{color}\"></i> {name}", "useHTML": true, "symbolHeight": 0.1, "symbolWidth": 0.1, "symbolPadding": 0 }, "series": [{ "name": "Ensemble Median", "data": [0, 1, 0, 1, 1, 2, 1, 0, 1, 0, 0, 1, 1, 0, 1, 1, 1, 1, 1, 0, 0, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 1, 1, 2, 1, 1, 1, 0, 0, 0, 1, 1, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, -1, 0, -1, 0, 0, 0, 0, -1, -1, -2, 0, -2, -2, 0, -2, -2, -3, -2, -2, -4, -2, -3, -5, -7, -7, -7, -7, -6, -7, -8, -11, -11, -10, -6, -12, -10, -10, -14, -14, -12, -15, -17, -16, -15, -10, -16, -15, -17, -17, -21, -21, -17, -17, -18, -21, -19, -18, -19, -20, -27, -26, -26, -26, -24, -27, -27, -29, -28, -27, -28, -29, -31, -30, -32, -35, -31, -34, -32, -33, -34, -30, -37, -36, -38, -38, -39, -38, -38, -38, -36, -42, -40, -40, -43, -44, -43, -45, -46], "type": "line", "pointPadding": 0.1, "groupPadding": 0.1, "zIndex": 2, "color": "#34495e", "marker": { "enabled": false }, "events": {}, "visible": true, "lineWidth": 2.3 }, { "name": "25th, 75th Percentiles", "data": [[-0.58, 2], [0.53, 6], [-0.72, 1], [0, 7], [0.39, 5], [0.25, 5], [0.37, 6], [-0.02, 5], [0.06, 6], [0.44, 5], [0.13, 5], [0.2, 6], [0.34, 7], [0, 5], [0.13, 7], [0.15, 4], [0.17, 6], [0.67, 7], [0.42, 4], [-0.68, 3], [0.01, 5], [0.21, 5], [-0.24, 5], [0.16, 7], [-0.13, 2], [-0.01, 5], [0.43, 5], [0.11, 3], [-0.12, 5], [0.03, 4], [0.12, 6], [-0.43, 5], [0.1, 2], [0.37, 4], [0.02, 5], [0.44, 6], [0.31, 5], [0.01, 5], [0.44, 6], [-0.05, 5], [-0.33, 3], [0.01, 4], [0.55, 5], [-0.14, 6], [0.08, 4], [-0.74, 6], [-0.01, 4], [-0.95, 5], [0.19, 4], [0.1, 4], [0.09, 3], [0.07, 4], [-0.16, 4], [0.66, 5], [0.53, 5], [0.01, 4], [0.29, 6], [-0.59, 1], [0.23, 4], [0.4, 2], [0.22, 5], [-0.11, 2], [-0.15, 3], [-0.01, 2], [-0.16, 6], [-0.28, 2], [-0.19, 4], [-0.14, 7], [-0.43, 4], [-0.01, 5], [0.01, 2], [0.47, 7], [0.31, 6], [0.13, 3], [-0.01, 3], [-0.04, 3], [-0.11, 4], [0.01, 4], [0, 2], [-0.55, 1], [-0.96, 2], [-0.37, 3], [0.12, 3], [0.02, 2], [-0.65, 2], [-0.05, 2], [-0.32, 2], [-0.61, 1], [-0.12, 1], [-1.72, 1], [-1.05, 0], [-0.73, 2], [-2.07, 1], [-0.89, 1], [-2.96, 1], [-2.37, 1], [-0.38, 1], [-0.86, 2], [-2.04, 1], [-1.67, 0], [-1.13, 1], [-0.96, 1], [-1.13, 0], [-5.56, 0], [-2.78, 0], [-3.87, 0], [-4.51, 1], [-3.96, 0], [-6.67, 1], [-2.59, 0], [-7.89, 0], [-7.71, 0], [-4.7, 0], [-8.01, 0], [-4.95, 0], [-7.42, 0], [-5.75, 0], [-4.57, 0], [-8.22, 0], [-5.7, -1], [-10.28, 0], [-7.99, 0], [-10.25, 0], [-10.17, 0], [-9.46, 0], [-11.35, 0], [-12.34, -2], [-14.52, -2], [-11.65, -1], [-14.33, -2], [-9.76, -1], [-12.17, -2], [-12.85, -1], [-19.02, -1], [-14, -2], [-15.97, -2], [-16.17, -2], [-15.49, -4], [-22.4, -2], [-17.25, -4], [-20.4, -5], [-20.8, -6], [-20.15, -4], [-22.2, -7], [-23.47, -7], [-22.79, -3], [-22.21, -10], [-22.32, -4], [-22.89, -3], [-26.03, -8], [-25.41, -7], [-27.35, -7], [-28.66, -14], [-30.86, -11], [-27.74, -9], [-27.74, -12], [-30.38, -15], [-28.98, -12], [-34.5, -13], [-30.45, -8], [-27.46, -18], [-29.4, -16], [-33.19, -19], [-33.02, -18], [-33.53, -17], [-34.28, -14], [-34.57, -18], [-35.43, -18], [-35.76, -20], [-34.98, -23], [-36.49, -19], [-41.73, -20], [-39.67, -22], [-38.02, -21], [-37.7, -23], [-39.14, -22], [-41.71, -20], [-43.67, -24], [-44.17, -26], [-40.05, -24], [-42.28, -25], [-39.9, -24], [-43.76, -28], [-44.79, -24], [-50.66, -22], [-46.45, -24], [-43.59, -27], [-45.55, -22], [-46.15, -19], [-48.33, -31], [-50.42, -26], [-49.37, -30], [-51, -30], [-50.35, -33], [-51.75, -30], [-50.37, -25], [-49.99, -28], [-52.69, -34], [-49.76, -33], [-54.64, -31], [-54, -31]], "type": "arearange", "zIndex": 1, "color": "#647990", "marker": { "enabled": false }, "visible": true, "fillOpacity": 0.5, "lineWidth": 0 }, { "name": "5th, 95th Percentiles", "data": [[-3.87, 10], [0.03, 15], [-4.85, 11], [-0.64, 17], [-1.51, 12], [-1.85, 13], [0.01, 12], [-0.37, 18], [-0.86, 12], [-0.75, 12], [-1.13, 12], [-0.8, 13], [-2.61, 16], [-1.77, 13], [-0.68, 17], [-1.1, 11], [-0.19, 14], [0, 12], [-0.24, 11], [-3.07, 13], [-2.65, 15], [-1.06, 12], [-1.15, 17], [-0.36, 13], [-4.56, 12], [-0.75, 12], [-0.27, 11], [-2.05, 14], [-1.38, 12], [-1.06, 17], [-1.47, 14], [-2.43, 15], [-0.61, 7], [-0.31, 8], [-1.58, 13], [-1.16, 12], [-3.7, 12], [-1.21, 16], [-1.06, 16], [-1.55, 16], [-1.24, 11], [-1.93, 12], [-2.92, 12], [-2.17, 12], [-1.18, 9], [-1.25, 9], [-2.01, 11], [-2.67, 15], [-1.04, 12], [-4.07, 10], [-2.8, 11], [-0.34, 11], [-6.97, 12], [-1.62, 11], [-0.69, 11], [-4.04, 12], [-1.08, 12], [-4.58, 10], [-0.93, 11], [-0.19, 6], [-0.34, 10], [-1.46, 10], [-1.91, 10], [-1.73, 13], [-0.82, 13], [-1.67, 10], [-0.48, 10], [-2.65, 12], [-4.08, 9], [-0.86, 12], [-3.08, 9], [-1.24, 9], [-0.73, 10], [-0.23, 8], [-2.67, 11], [-0.65, 13], [-2.07, 12], [-1.71, 11], [-1.73, 6], [-3.03, 11], [-5.5, 8], [-2.67, 7], [-1.5, 6], [-8.78, 7], [-3.1, 7], [-4.38, 7], [-2.53, 12], [-1.93, 3], [-1.99, 7], [-3.71, 9], [-10.31, 5], [-2.43, 5], [-13.62, 5], [-12.29, 8], [-7.09, 7], [-6.35, 5], [-3.72, 5], [-4.63, 5], [-4.08, 6], [-5.54, 7], [-7.26, 5], [-4.22, 6], [-7.52, 4], [-14.48, 1], [-4.95, 1], [-10.72, 4], [-10.26, 6], [-6.91, 6], [-14.07, 6], [-7.22, 8], [-10.78, 4], [-10.6, 4], [-8.79, 4], [-13.17, 5], [-11.77, 3], [-17.72, 4], [-7.81, 1], [-13.48, 1], [-24.4, 0], [-14.34, 1], [-15.76, 6], [-11.94, 4], [-16.13, 7], [-17.68, 1], [-13.3, 2], [-17.88, 1], [-20.22, 0], [-16.93, 4], [-17.54, 0], [-22.41, 0], [-20.57, 1], [-14.03, 0], [-19.06, 4], [-27.92, 0], [-25.02, 0], [-21.84, 0], [-22.3, 0], [-27.22, 0], [-26.15, 1], [-27.14, 0], [-32.09, 1], [-35.91, 0], [-24.12, 0], [-36.75, 0], [-30.53, 0], [-31.03, 0], [-31.63, 0], [-30.73, 0], [-31.96, 0], [-35.89, 0], [-34.55, 0], [-34.8, 0], [-32.2, 0], [-33.59, 0], [-36.17, 0], [-37.24, 0], [-38.26, 0], [-41.82, 0], [-41.95, -1], [-42.75, 0], [-41.71, -1], [-41.79, 0], [-46.19, 0], [-42.05, 0], [-40.32, -2], [-44.76, 0], [-42.56, -2], [-46.27, -4], [-49.45, 0], [-48.01, -1], [-49, 0], [-48.43, 0], [-48.37, 0], [-49.6, 0], [-51.75, 0], [-52.56, 0], [-55.13, 0], [-59.83, 0], [-57.84, -1], [-56.34, -3], [-56.57, 0], [-57.85, -2], [-61.1, -7], [-65.03, -4], [-62.04, 0], [-60.07, -2], [-66.44, 0], [-66.36, 0], [-63.64, -3], [-66.36, -2], [-67.28, -10], [-70.24, 0], [-76.55, -5], [-84, -5], [-83.3, -6], [-83.18, -10], [-84.57, -1], [-78.72, -4], [-88.71, -9], [-86.72, -5], [-88.71, -7]], "type": "arearange", "zIndex": 0, "color": "#98adc6", "marker": { "enabled": false }, "visible": true, "fillOpacity": 0.5, "lineWidth": 0 }] };
dvChart2Config = { "xAxis": { "events": {}, "title": { "text": "Year" }, "labels": { "style": { "color": "black" } }, "minRange": 20, "crosshair": true, "gridLineWidth": 1 }, "plotOptions": { "series": { "events": {}, "label": { "connectorAllowed": false }, "pointStart": 1900 } }, "exporting": { "menuItemDefinitions": {}, "enabled": false }, "chart": { "backgroundColor": "#f9f9f9", "zoomType": "x", "zoomSlider": { "step": 1 }, "marginRight": 265, "events": {}, "style": { "fontFamily": "inherit" } }, "credits": { "enabled": false }, "title": { "text": "Sea Ice Concentration at 76° 55' 04\" N, 134° 30' 22\" W, 1900 - 2100", "x": -110 }, "subtitle": { "text": "climate-adaptation.canada.ca", "x": -110 }, "yAxis": { "title": { "text": "Sea Ice Concentration, %" }, "labels": { "style": { "color": "black" } } }, "tooltip": { "shared": true, "valueSuffix": "%" }, "legend": { "layout": "vertical", "align": "right", "verticalAlign": "top", "title": { "text": "Legend", "style": { "fontSize": "16px" } }, "y": 40, "x": -62, "labelFormat": "<i class=\"fa fa-check\" aria-hidden=\"true\" style=\"color:{color}\"></i> {name}", "useHTML": true, "symbolHeight": 0.1, "symbolWidth": 0.1, "symbolPadding": 0 }, "series": [{ "name": "Ensemble Median", "data": [0, 1, 0, 1, 1, 2, 1, 0, 1, 0, 0, 1, 1, 0, 1, 1, 1, 1, 1, 0, 0, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 1, 1, 2, 1, 1, 1, 0, 0, 0, 1, 1, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, -1, 0, -1, 0, 0, 0, 0, -1, -1, -2, 0, -2, -2, 0, -2, -2, -3, -2, -2, -4, -2, -3, -5, -7, -7, -7, -7, -6, -7, -8, -11, -11, -10, -6, -12, -10, -10, -14, -14, -12, -15, -17, -16, -15, -10, -16, -15, -17, -17, -21, -21, -17, -17, -18, -21, -19, -18, -19, -20, -27, -26, -26, -26, -24, -27, -27, -29, -28, -27, -28, -29, -31, -30, -32, -35, -31, -34, -32, -33, -34, -30, -37, -36, -38, -38, -39, -38, -38, -38, -36, -42, -40, -40, -43, -44, -43, -45, -46], "type": "line", "pointPadding": 0.1, "groupPadding": 0.1, "zIndex": 2, "color": "#34495e", "marker": { "enabled": false }, "events": {}, "visible": true, "lineWidth": 2.3 }, { "name": "25th, 75th Percentiles", "data": [[-0.58, 2], [0.53, 6], [-0.72, 1], [0, 7], [0.39, 5], [0.25, 5], [0.37, 6], [-0.02, 5], [0.06, 6], [0.44, 5], [0.13, 5], [0.2, 6], [0.34, 7], [0, 5], [0.13, 7], [0.15, 4], [0.17, 6], [0.67, 7], [0.42, 4], [-0.68, 3], [0.01, 5], [0.21, 5], [-0.24, 5], [0.16, 7], [-0.13, 2], [-0.01, 5], [0.43, 5], [0.11, 3], [-0.12, 5], [0.03, 4], [0.12, 6], [-0.43, 5], [0.1, 2], [0.37, 4], [0.02, 5], [0.44, 6], [0.31, 5], [0.01, 5], [0.44, 6], [-0.05, 5], [-0.33, 3], [0.01, 4], [0.55, 5], [-0.14, 6], [0.08, 4], [-0.74, 6], [-0.01, 4], [-0.95, 5], [0.19, 4], [0.1, 4], [0.09, 3], [0.07, 4], [-0.16, 4], [0.66, 5], [0.53, 5], [0.01, 4], [0.29, 6], [-0.59, 1], [0.23, 4], [0.4, 2], [0.22, 5], [-0.11, 2], [-0.15, 3], [-0.01, 2], [-0.16, 6], [-0.28, 2], [-0.19, 4], [-0.14, 7], [-0.43, 4], [-0.01, 5], [0.01, 2], [0.47, 7], [0.31, 6], [0.13, 3], [-0.01, 3], [-0.04, 3], [-0.11, 4], [0.01, 4], [0, 2], [-0.55, 1], [-0.96, 2], [-0.37, 3], [0.12, 3], [0.02, 2], [-0.65, 2], [-0.05, 2], [-0.32, 2], [-0.61, 1], [-0.12, 1], [-1.72, 1], [-1.05, 0], [-0.73, 2], [-2.07, 1], [-0.89, 1], [-2.96, 1], [-2.37, 1], [-0.38, 1], [-0.86, 2], [-2.04, 1], [-1.67, 0], [-1.13, 1], [-0.96, 1], [-1.13, 0], [-5.56, 0], [-2.78, 0], [-3.87, 0], [-4.51, 1], [-3.96, 0], [-6.67, 1], [-2.59, 0], [-7.89, 0], [-7.71, 0], [-4.7, 0], [-8.01, 0], [-4.95, 0], [-7.42, 0], [-5.75, 0], [-4.57, 0], [-8.22, 0], [-5.7, -1], [-10.28, 0], [-7.99, 0], [-10.25, 0], [-10.17, 0], [-9.46, 0], [-11.35, 0], [-12.34, -2], [-14.52, -2], [-11.65, -1], [-14.33, -2], [-9.76, -1], [-12.17, -2], [-12.85, -1], [-19.02, -1], [-14, -2], [-15.97, -2], [-16.17, -2], [-15.49, -4], [-22.4, -2], [-17.25, -4], [-20.4, -5], [-20.8, -6], [-20.15, -4], [-22.2, -7], [-23.47, -7], [-22.79, -3], [-22.21, -10], [-22.32, -4], [-22.89, -3], [-26.03, -8], [-25.41, -7], [-27.35, -7], [-28.66, -14], [-30.86, -11], [-27.74, -9], [-27.74, -12], [-30.38, -15], [-28.98, -12], [-34.5, -13], [-30.45, -8], [-27.46, -18], [-29.4, -16], [-33.19, -19], [-33.02, -18], [-33.53, -17], [-34.28, -14], [-34.57, -18], [-35.43, -18], [-35.76, -20], [-34.98, -23], [-36.49, -19], [-41.73, -20], [-39.67, -22], [-38.02, -21], [-37.7, -23], [-39.14, -22], [-41.71, -20], [-43.67, -24], [-44.17, -26], [-40.05, -24], [-42.28, -25], [-39.9, -24], [-43.76, -28], [-44.79, -24], [-50.66, -22], [-46.45, -24], [-43.59, -27], [-45.55, -22], [-46.15, -19], [-48.33, -31], [-50.42, -26], [-49.37, -30], [-51, -30], [-50.35, -33], [-51.75, -30], [-50.37, -25], [-49.99, -28], [-52.69, -34], [-49.76, -33], [-54.64, -31], [-54, -31]], "type": "arearange", "zIndex": 1, "color": "#647990", "marker": { "enabled": false }, "visible": true, "fillOpacity": 0.5, "lineWidth": 0 }, { "name": "5th, 95th Percentiles", "data": [[-3.87, 10], [0.03, 15], [-4.85, 11], [-0.64, 17], [-1.51, 12], [-1.85, 13], [0.01, 12], [-0.37, 18], [-0.86, 12], [-0.75, 12], [-1.13, 12], [-0.8, 13], [-2.61, 16], [-1.77, 13], [-0.68, 17], [-1.1, 11], [-0.19, 14], [0, 12], [-0.24, 11], [-3.07, 13], [-2.65, 15], [-1.06, 12], [-1.15, 17], [-0.36, 13], [-4.56, 12], [-0.75, 12], [-0.27, 11], [-2.05, 14], [-1.38, 12], [-1.06, 17], [-1.47, 14], [-2.43, 15], [-0.61, 7], [-0.31, 8], [-1.58, 13], [-1.16, 12], [-3.7, 12], [-1.21, 16], [-1.06, 16], [-1.55, 16], [-1.24, 11], [-1.93, 12], [-2.92, 12], [-2.17, 12], [-1.18, 9], [-1.25, 9], [-2.01, 11], [-2.67, 15], [-1.04, 12], [-4.07, 10], [-2.8, 11], [-0.34, 11], [-6.97, 12], [-1.62, 11], [-0.69, 11], [-4.04, 12], [-1.08, 12], [-4.58, 10], [-0.93, 11], [-0.19, 6], [-0.34, 10], [-1.46, 10], [-1.91, 10], [-1.73, 13], [-0.82, 13], [-1.67, 10], [-0.48, 10], [-2.65, 12], [-4.08, 9], [-0.86, 12], [-3.08, 9], [-1.24, 9], [-0.73, 10], [-0.23, 8], [-2.67, 11], [-0.65, 13], [-2.07, 12], [-1.71, 11], [-1.73, 6], [-3.03, 11], [-5.5, 8], [-2.67, 7], [-1.5, 6], [-8.78, 7], [-3.1, 7], [-4.38, 7], [-2.53, 12], [-1.93, 3], [-1.99, 7], [-3.71, 9], [-10.31, 5], [-2.43, 5], [-13.62, 5], [-12.29, 8], [-7.09, 7], [-6.35, 5], [-3.72, 5], [-4.63, 5], [-4.08, 6], [-5.54, 7], [-7.26, 5], [-4.22, 6], [-7.52, 4], [-14.48, 1], [-4.95, 1], [-10.72, 4], [-10.26, 6], [-6.91, 6], [-14.07, 6], [-7.22, 8], [-10.78, 4], [-10.6, 4], [-8.79, 4], [-13.17, 5], [-11.77, 3], [-17.72, 4], [-7.81, 1], [-13.48, 1], [-24.4, 0], [-14.34, 1], [-15.76, 6], [-11.94, 4], [-16.13, 7], [-17.68, 1], [-13.3, 2], [-17.88, 1], [-20.22, 0], [-16.93, 4], [-17.54, 0], [-22.41, 0], [-20.57, 1], [-14.03, 0], [-19.06, 4], [-27.92, 0], [-25.02, 0], [-21.84, 0], [-22.3, 0], [-27.22, 0], [-26.15, 1], [-27.14, 0], [-32.09, 1], [-35.91, 0], [-24.12, 0], [-36.75, 0], [-30.53, 0], [-31.03, 0], [-31.63, 0], [-30.73, 0], [-31.96, 0], [-35.89, 0], [-34.55, 0], [-34.8, 0], [-32.2, 0], [-33.59, 0], [-36.17, 0], [-37.24, 0], [-38.26, 0], [-41.82, 0], [-41.95, -1], [-42.75, 0], [-41.71, -1], [-41.79, 0], [-46.19, 0], [-42.05, 0], [-40.32, -2], [-44.76, 0], [-42.56, -2], [-46.27, -4], [-49.45, 0], [-48.01, -1], [-49, 0], [-48.43, 0], [-48.37, 0], [-49.6, 0], [-51.75, 0], [-52.56, 0], [-55.13, 0], [-59.83, 0], [-57.84, -1], [-56.34, -3], [-56.57, 0], [-57.85, -2], [-61.1, -7], [-65.03, -4], [-62.04, 0], [-60.07, -2], [-66.44, 0], [-66.36, 0], [-63.64, -3], [-66.36, -2], [-67.28, -10], [-70.24, 0], [-76.55, -5], [-84, -5], [-83.3, -6], [-83.18, -10], [-84.57, -1], [-78.72, -4], [-88.71, -9], [-86.72, -5], [-88.71, -7]], "type": "arearange", "zIndex": 0, "color": "#98adc6", "marker": { "enabled": false }, "visible": true, "fillOpacity": 0.5, "lineWidth": 0 }] };
dvChart3Config = { "xAxis": { "events": {}, "title": { "text": "Year" }, "labels": { "style": { "color": "black" } }, "minRange": 20, "crosshair": true, "gridLineWidth": 1 }, "plotOptions": { "series": { "events": {}, "label": { "connectorAllowed": false }, "pointStart": 1900 } }, "exporting": { "menuItemDefinitions": {}, "enabled": false }, "chart": { "backgroundColor": "#f9f9f9", "zoomType": "x", "zoomSlider": { "step": 1 }, "marginRight": 265, "events": {}, "style": { "fontFamily": "inherit" } }, "credits": { "enabled": false }, "title": { "text": "Sea Ice Concentration at 76° 55' 04\" N, 134° 30' 22\" W, 1900 - 2100", "x": -110 }, "subtitle": { "text": "climate-adaptation.canada.ca", "x": -110 }, "yAxis": { "title": { "text": "Sea Ice Concentration, %" }, "labels": { "style": { "color": "black" } } }, "tooltip": { "shared": true, "valueSuffix": "%" }, "legend": { "layout": "vertical", "align": "right", "verticalAlign": "top", "title": { "text": "Legend", "style": { "fontSize": "16px" } }, "y": 40, "x": -62, "labelFormat": "<i class=\"fa fa-check\" aria-hidden=\"true\" style=\"color:{color}\"></i> {name}", "useHTML": true, "symbolHeight": 0.1, "symbolWidth": 0.1, "symbolPadding": 0 }, "series": [{ "name": "Ensemble Median", "data": [0, 1, 0, 1, 1, 2, 1, 0, 1, 0, 0, 1, 1, 0, 1, 1, 1, 1, 1, 0, 0, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 1, 1, 2, 1, 1, 1, 0, 0, 0, 1, 1, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, -1, 0, -1, 0, 0, 0, 0, -1, -1, -2, 0, -2, -2, 0, -2, -2, -3, -2, -2, -4, -2, -3, -5, -7, -7, -7, -7, -6, -7, -8, -11, -11, -10, -6, -12, -10, -10, -14, -14, -12, -15, -17, -16, -15, -10, -16, -15, -17, -17, -21, -21, -17, -17, -18, -21, -19, -18, -19, -20, -27, -26, -26, -26, -24, -27, -27, -29, -28, -27, -28, -29, -31, -30, -32, -35, -31, -34, -32, -33, -34, -30, -37, -36, -38, -38, -39, -38, -38, -38, -36, -42, -40, -40, -43, -44, -43, -45, -46], "type": "line", "pointPadding": 0.1, "groupPadding": 0.1, "zIndex": 2, "color": "#34495e", "marker": { "enabled": false }, "events": {}, "visible": true, "lineWidth": 2.3 }, { "name": "25th, 75th Percentiles", "data": [[-0.58, 2], [0.53, 6], [-0.72, 1], [0, 7], [0.39, 5], [0.25, 5], [0.37, 6], [-0.02, 5], [0.06, 6], [0.44, 5], [0.13, 5], [0.2, 6], [0.34, 7], [0, 5], [0.13, 7], [0.15, 4], [0.17, 6], [0.67, 7], [0.42, 4], [-0.68, 3], [0.01, 5], [0.21, 5], [-0.24, 5], [0.16, 7], [-0.13, 2], [-0.01, 5], [0.43, 5], [0.11, 3], [-0.12, 5], [0.03, 4], [0.12, 6], [-0.43, 5], [0.1, 2], [0.37, 4], [0.02, 5], [0.44, 6], [0.31, 5], [0.01, 5], [0.44, 6], [-0.05, 5], [-0.33, 3], [0.01, 4], [0.55, 5], [-0.14, 6], [0.08, 4], [-0.74, 6], [-0.01, 4], [-0.95, 5], [0.19, 4], [0.1, 4], [0.09, 3], [0.07, 4], [-0.16, 4], [0.66, 5], [0.53, 5], [0.01, 4], [0.29, 6], [-0.59, 1], [0.23, 4], [0.4, 2], [0.22, 5], [-0.11, 2], [-0.15, 3], [-0.01, 2], [-0.16, 6], [-0.28, 2], [-0.19, 4], [-0.14, 7], [-0.43, 4], [-0.01, 5], [0.01, 2], [0.47, 7], [0.31, 6], [0.13, 3], [-0.01, 3], [-0.04, 3], [-0.11, 4], [0.01, 4], [0, 2], [-0.55, 1], [-0.96, 2], [-0.37, 3], [0.12, 3], [0.02, 2], [-0.65, 2], [-0.05, 2], [-0.32, 2], [-0.61, 1], [-0.12, 1], [-1.72, 1], [-1.05, 0], [-0.73, 2], [-2.07, 1], [-0.89, 1], [-2.96, 1], [-2.37, 1], [-0.38, 1], [-0.86, 2], [-2.04, 1], [-1.67, 0], [-1.13, 1], [-0.96, 1], [-1.13, 0], [-5.56, 0], [-2.78, 0], [-3.87, 0], [-4.51, 1], [-3.96, 0], [-6.67, 1], [-2.59, 0], [-7.89, 0], [-7.71, 0], [-4.7, 0], [-8.01, 0], [-4.95, 0], [-7.42, 0], [-5.75, 0], [-4.57, 0], [-8.22, 0], [-5.7, -1], [-10.28, 0], [-7.99, 0], [-10.25, 0], [-10.17, 0], [-9.46, 0], [-11.35, 0], [-12.34, -2], [-14.52, -2], [-11.65, -1], [-14.33, -2], [-9.76, -1], [-12.17, -2], [-12.85, -1], [-19.02, -1], [-14, -2], [-15.97, -2], [-16.17, -2], [-15.49, -4], [-22.4, -2], [-17.25, -4], [-20.4, -5], [-20.8, -6], [-20.15, -4], [-22.2, -7], [-23.47, -7], [-22.79, -3], [-22.21, -10], [-22.32, -4], [-22.89, -3], [-26.03, -8], [-25.41, -7], [-27.35, -7], [-28.66, -14], [-30.86, -11], [-27.74, -9], [-27.74, -12], [-30.38, -15], [-28.98, -12], [-34.5, -13], [-30.45, -8], [-27.46, -18], [-29.4, -16], [-33.19, -19], [-33.02, -18], [-33.53, -17], [-34.28, -14], [-34.57, -18], [-35.43, -18], [-35.76, -20], [-34.98, -23], [-36.49, -19], [-41.73, -20], [-39.67, -22], [-38.02, -21], [-37.7, -23], [-39.14, -22], [-41.71, -20], [-43.67, -24], [-44.17, -26], [-40.05, -24], [-42.28, -25], [-39.9, -24], [-43.76, -28], [-44.79, -24], [-50.66, -22], [-46.45, -24], [-43.59, -27], [-45.55, -22], [-46.15, -19], [-48.33, -31], [-50.42, -26], [-49.37, -30], [-51, -30], [-50.35, -33], [-51.75, -30], [-50.37, -25], [-49.99, -28], [-52.69, -34], [-49.76, -33], [-54.64, -31], [-54, -31]], "type": "arearange", "zIndex": 1, "color": "#647990", "marker": { "enabled": false }, "visible": true, "fillOpacity": 0.5, "lineWidth": 0 }, { "name": "5th, 95th Percentiles", "data": [[-3.87, 10], [0.03, 15], [-4.85, 11], [-0.64, 17], [-1.51, 12], [-1.85, 13], [0.01, 12], [-0.37, 18], [-0.86, 12], [-0.75, 12], [-1.13, 12], [-0.8, 13], [-2.61, 16], [-1.77, 13], [-0.68, 17], [-1.1, 11], [-0.19, 14], [0, 12], [-0.24, 11], [-3.07, 13], [-2.65, 15], [-1.06, 12], [-1.15, 17], [-0.36, 13], [-4.56, 12], [-0.75, 12], [-0.27, 11], [-2.05, 14], [-1.38, 12], [-1.06, 17], [-1.47, 14], [-2.43, 15], [-0.61, 7], [-0.31, 8], [-1.58, 13], [-1.16, 12], [-3.7, 12], [-1.21, 16], [-1.06, 16], [-1.55, 16], [-1.24, 11], [-1.93, 12], [-2.92, 12], [-2.17, 12], [-1.18, 9], [-1.25, 9], [-2.01, 11], [-2.67, 15], [-1.04, 12], [-4.07, 10], [-2.8, 11], [-0.34, 11], [-6.97, 12], [-1.62, 11], [-0.69, 11], [-4.04, 12], [-1.08, 12], [-4.58, 10], [-0.93, 11], [-0.19, 6], [-0.34, 10], [-1.46, 10], [-1.91, 10], [-1.73, 13], [-0.82, 13], [-1.67, 10], [-0.48, 10], [-2.65, 12], [-4.08, 9], [-0.86, 12], [-3.08, 9], [-1.24, 9], [-0.73, 10], [-0.23, 8], [-2.67, 11], [-0.65, 13], [-2.07, 12], [-1.71, 11], [-1.73, 6], [-3.03, 11], [-5.5, 8], [-2.67, 7], [-1.5, 6], [-8.78, 7], [-3.1, 7], [-4.38, 7], [-2.53, 12], [-1.93, 3], [-1.99, 7], [-3.71, 9], [-10.31, 5], [-2.43, 5], [-13.62, 5], [-12.29, 8], [-7.09, 7], [-6.35, 5], [-3.72, 5], [-4.63, 5], [-4.08, 6], [-5.54, 7], [-7.26, 5], [-4.22, 6], [-7.52, 4], [-14.48, 1], [-4.95, 1], [-10.72, 4], [-10.26, 6], [-6.91, 6], [-14.07, 6], [-7.22, 8], [-10.78, 4], [-10.6, 4], [-8.79, 4], [-13.17, 5], [-11.77, 3], [-17.72, 4], [-7.81, 1], [-13.48, 1], [-24.4, 0], [-14.34, 1], [-15.76, 6], [-11.94, 4], [-16.13, 7], [-17.68, 1], [-13.3, 2], [-17.88, 1], [-20.22, 0], [-16.93, 4], [-17.54, 0], [-22.41, 0], [-20.57, 1], [-14.03, 0], [-19.06, 4], [-27.92, 0], [-25.02, 0], [-21.84, 0], [-22.3, 0], [-27.22, 0], [-26.15, 1], [-27.14, 0], [-32.09, 1], [-35.91, 0], [-24.12, 0], [-36.75, 0], [-30.53, 0], [-31.03, 0], [-31.63, 0], [-30.73, 0], [-31.96, 0], [-35.89, 0], [-34.55, 0], [-34.8, 0], [-32.2, 0], [-33.59, 0], [-36.17, 0], [-37.24, 0], [-38.26, 0], [-41.82, 0], [-41.95, -1], [-42.75, 0], [-41.71, -1], [-41.79, 0], [-46.19, 0], [-42.05, 0], [-40.32, -2], [-44.76, 0], [-42.56, -2], [-46.27, -4], [-49.45, 0], [-48.01, -1], [-49, 0], [-48.43, 0], [-48.37, 0], [-49.6, 0], [-51.75, 0], [-52.56, 0], [-55.13, 0], [-59.83, 0], [-57.84, -1], [-56.34, -3], [-56.57, 0], [-57.85, -2], [-61.1, -7], [-65.03, -4], [-62.04, 0], [-60.07, -2], [-66.44, 0], [-66.36, 0], [-63.64, -3], [-66.36, -2], [-67.28, -10], [-70.24, 0], [-76.55, -5], [-84, -5], [-83.3, -6], [-83.18, -10], [-84.57, -1], [-78.72, -4], [-88.71, -9], [-86.72, -5], [-88.71, -7]], "type": "arearange", "zIndex": 0, "color": "#98adc6", "marker": { "enabled": false }, "visible": true, "fillOpacity": 0.5, "lineWidth": 0 }] };
dvChart4Config = { "xAxis": { "events": {}, "title": { "text": "Year" }, "labels": { "style": { "color": "black" } }, "minRange": 20, "crosshair": true, "gridLineWidth": 1 }, "plotOptions": { "series": { "events": {}, "label": { "connectorAllowed": false }, "pointStart": 1900 } }, "exporting": { "menuItemDefinitions": {}, "enabled": false }, "chart": { "backgroundColor": "#f9f9f9", "zoomType": "x", "zoomSlider": { "step": 1 }, "marginRight": 265, "events": {}, "style": { "fontFamily": "inherit" } }, "credits": { "enabled": false }, "title": { "text": "Sea Ice Concentration at 76° 55' 04\" N, 134° 30' 22\" W, 1900 - 2100", "x": -110 }, "subtitle": { "text": "climate-adaptation.canada.ca", "x": -110 }, "yAxis": { "title": { "text": "Sea Ice Concentration, %" }, "labels": { "style": { "color": "black" } } }, "tooltip": { "shared": true, "valueSuffix": "%" }, "legend": { "layout": "vertical", "align": "right", "verticalAlign": "top", "title": { "text": "Legend", "style": { "fontSize": "16px" } }, "y": 40, "x": -62, "labelFormat": "<i class=\"fa fa-check\" aria-hidden=\"true\" style=\"color:{color}\"></i> {name}", "useHTML": true, "symbolHeight": 0.1, "symbolWidth": 0.1, "symbolPadding": 0 }, "series": [{ "name": "Ensemble Median", "data": [0, 1, 0, 1, 1, 2, 1, 0, 1, 0, 0, 1, 1, 0, 1, 1, 1, 1, 1, 0, 0, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 1, 1, 2, 1, 1, 1, 0, 0, 0, 1, 1, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, -1, 0, -1, 0, 0, 0, 0, -1, -1, -2, 0, -2, -2, 0, -2, -2, -3, -2, -2, -4, -2, -3, -5, -7, -7, -7, -7, -6, -7, -8, -11, -11, -10, -6, -12, -10, -10, -14, -14, -12, -15, -17, -16, -15, -10, -16, -15, -17, -17, -21, -21, -17, -17, -18, -21, -19, -18, -19, -20, -27, -26, -26, -26, -24, -27, -27, -29, -28, -27, -28, -29, -31, -30, -32, -35, -31, -34, -32, -33, -34, -30, -37, -36, -38, -38, -39, -38, -38, -38, -36, -42, -40, -40, -43, -44, -43, -45, -46], "type": "line", "pointPadding": 0.1, "groupPadding": 0.1, "zIndex": 2, "color": "#34495e", "marker": { "enabled": false }, "events": {}, "visible": true, "lineWidth": 2.3 }, { "name": "25th, 75th Percentiles", "data": [[-0.58, 2], [0.53, 6], [-0.72, 1], [0, 7], [0.39, 5], [0.25, 5], [0.37, 6], [-0.02, 5], [0.06, 6], [0.44, 5], [0.13, 5], [0.2, 6], [0.34, 7], [0, 5], [0.13, 7], [0.15, 4], [0.17, 6], [0.67, 7], [0.42, 4], [-0.68, 3], [0.01, 5], [0.21, 5], [-0.24, 5], [0.16, 7], [-0.13, 2], [-0.01, 5], [0.43, 5], [0.11, 3], [-0.12, 5], [0.03, 4], [0.12, 6], [-0.43, 5], [0.1, 2], [0.37, 4], [0.02, 5], [0.44, 6], [0.31, 5], [0.01, 5], [0.44, 6], [-0.05, 5], [-0.33, 3], [0.01, 4], [0.55, 5], [-0.14, 6], [0.08, 4], [-0.74, 6], [-0.01, 4], [-0.95, 5], [0.19, 4], [0.1, 4], [0.09, 3], [0.07, 4], [-0.16, 4], [0.66, 5], [0.53, 5], [0.01, 4], [0.29, 6], [-0.59, 1], [0.23, 4], [0.4, 2], [0.22, 5], [-0.11, 2], [-0.15, 3], [-0.01, 2], [-0.16, 6], [-0.28, 2], [-0.19, 4], [-0.14, 7], [-0.43, 4], [-0.01, 5], [0.01, 2], [0.47, 7], [0.31, 6], [0.13, 3], [-0.01, 3], [-0.04, 3], [-0.11, 4], [0.01, 4], [0, 2], [-0.55, 1], [-0.96, 2], [-0.37, 3], [0.12, 3], [0.02, 2], [-0.65, 2], [-0.05, 2], [-0.32, 2], [-0.61, 1], [-0.12, 1], [-1.72, 1], [-1.05, 0], [-0.73, 2], [-2.07, 1], [-0.89, 1], [-2.96, 1], [-2.37, 1], [-0.38, 1], [-0.86, 2], [-2.04, 1], [-1.67, 0], [-1.13, 1], [-0.96, 1], [-1.13, 0], [-5.56, 0], [-2.78, 0], [-3.87, 0], [-4.51, 1], [-3.96, 0], [-6.67, 1], [-2.59, 0], [-7.89, 0], [-7.71, 0], [-4.7, 0], [-8.01, 0], [-4.95, 0], [-7.42, 0], [-5.75, 0], [-4.57, 0], [-8.22, 0], [-5.7, -1], [-10.28, 0], [-7.99, 0], [-10.25, 0], [-10.17, 0], [-9.46, 0], [-11.35, 0], [-12.34, -2], [-14.52, -2], [-11.65, -1], [-14.33, -2], [-9.76, -1], [-12.17, -2], [-12.85, -1], [-19.02, -1], [-14, -2], [-15.97, -2], [-16.17, -2], [-15.49, -4], [-22.4, -2], [-17.25, -4], [-20.4, -5], [-20.8, -6], [-20.15, -4], [-22.2, -7], [-23.47, -7], [-22.79, -3], [-22.21, -10], [-22.32, -4], [-22.89, -3], [-26.03, -8], [-25.41, -7], [-27.35, -7], [-28.66, -14], [-30.86, -11], [-27.74, -9], [-27.74, -12], [-30.38, -15], [-28.98, -12], [-34.5, -13], [-30.45, -8], [-27.46, -18], [-29.4, -16], [-33.19, -19], [-33.02, -18], [-33.53, -17], [-34.28, -14], [-34.57, -18], [-35.43, -18], [-35.76, -20], [-34.98, -23], [-36.49, -19], [-41.73, -20], [-39.67, -22], [-38.02, -21], [-37.7, -23], [-39.14, -22], [-41.71, -20], [-43.67, -24], [-44.17, -26], [-40.05, -24], [-42.28, -25], [-39.9, -24], [-43.76, -28], [-44.79, -24], [-50.66, -22], [-46.45, -24], [-43.59, -27], [-45.55, -22], [-46.15, -19], [-48.33, -31], [-50.42, -26], [-49.37, -30], [-51, -30], [-50.35, -33], [-51.75, -30], [-50.37, -25], [-49.99, -28], [-52.69, -34], [-49.76, -33], [-54.64, -31], [-54, -31]], "type": "arearange", "zIndex": 1, "color": "#647990", "marker": { "enabled": false }, "visible": true, "fillOpacity": 0.5, "lineWidth": 0 }, { "name": "5th, 95th Percentiles", "data": [[-3.87, 10], [0.03, 15], [-4.85, 11], [-0.64, 17], [-1.51, 12], [-1.85, 13], [0.01, 12], [-0.37, 18], [-0.86, 12], [-0.75, 12], [-1.13, 12], [-0.8, 13], [-2.61, 16], [-1.77, 13], [-0.68, 17], [-1.1, 11], [-0.19, 14], [0, 12], [-0.24, 11], [-3.07, 13], [-2.65, 15], [-1.06, 12], [-1.15, 17], [-0.36, 13], [-4.56, 12], [-0.75, 12], [-0.27, 11], [-2.05, 14], [-1.38, 12], [-1.06, 17], [-1.47, 14], [-2.43, 15], [-0.61, 7], [-0.31, 8], [-1.58, 13], [-1.16, 12], [-3.7, 12], [-1.21, 16], [-1.06, 16], [-1.55, 16], [-1.24, 11], [-1.93, 12], [-2.92, 12], [-2.17, 12], [-1.18, 9], [-1.25, 9], [-2.01, 11], [-2.67, 15], [-1.04, 12], [-4.07, 10], [-2.8, 11], [-0.34, 11], [-6.97, 12], [-1.62, 11], [-0.69, 11], [-4.04, 12], [-1.08, 12], [-4.58, 10], [-0.93, 11], [-0.19, 6], [-0.34, 10], [-1.46, 10], [-1.91, 10], [-1.73, 13], [-0.82, 13], [-1.67, 10], [-0.48, 10], [-2.65, 12], [-4.08, 9], [-0.86, 12], [-3.08, 9], [-1.24, 9], [-0.73, 10], [-0.23, 8], [-2.67, 11], [-0.65, 13], [-2.07, 12], [-1.71, 11], [-1.73, 6], [-3.03, 11], [-5.5, 8], [-2.67, 7], [-1.5, 6], [-8.78, 7], [-3.1, 7], [-4.38, 7], [-2.53, 12], [-1.93, 3], [-1.99, 7], [-3.71, 9], [-10.31, 5], [-2.43, 5], [-13.62, 5], [-12.29, 8], [-7.09, 7], [-6.35, 5], [-3.72, 5], [-4.63, 5], [-4.08, 6], [-5.54, 7], [-7.26, 5], [-4.22, 6], [-7.52, 4], [-14.48, 1], [-4.95, 1], [-10.72, 4], [-10.26, 6], [-6.91, 6], [-14.07, 6], [-7.22, 8], [-10.78, 4], [-10.6, 4], [-8.79, 4], [-13.17, 5], [-11.77, 3], [-17.72, 4], [-7.81, 1], [-13.48, 1], [-24.4, 0], [-14.34, 1], [-15.76, 6], [-11.94, 4], [-16.13, 7], [-17.68, 1], [-13.3, 2], [-17.88, 1], [-20.22, 0], [-16.93, 4], [-17.54, 0], [-22.41, 0], [-20.57, 1], [-14.03, 0], [-19.06, 4], [-27.92, 0], [-25.02, 0], [-21.84, 0], [-22.3, 0], [-27.22, 0], [-26.15, 1], [-27.14, 0], [-32.09, 1], [-35.91, 0], [-24.12, 0], [-36.75, 0], [-30.53, 0], [-31.03, 0], [-31.63, 0], [-30.73, 0], [-31.96, 0], [-35.89, 0], [-34.55, 0], [-34.8, 0], [-32.2, 0], [-33.59, 0], [-36.17, 0], [-37.24, 0], [-38.26, 0], [-41.82, 0], [-41.95, -1], [-42.75, 0], [-41.71, -1], [-41.79, 0], [-46.19, 0], [-42.05, 0], [-40.32, -2], [-44.76, 0], [-42.56, -2], [-46.27, -4], [-49.45, 0], [-48.01, -1], [-49, 0], [-48.43, 0], [-48.37, 0], [-49.6, 0], [-51.75, 0], [-52.56, 0], [-55.13, 0], [-59.83, 0], [-57.84, -1], [-56.34, -3], [-56.57, 0], [-57.85, -2], [-61.1, -7], [-65.03, -4], [-62.04, 0], [-60.07, -2], [-66.44, 0], [-66.36, 0], [-63.64, -3], [-66.36, -2], [-67.28, -10], [-70.24, 0], [-76.55, -5], [-84, -5], [-83.3, -6], [-83.18, -10], [-84.57, -1], [-78.72, -4], [-88.71, -9], [-86.72, -5], [-88.71, -7]], "type": "arearange", "zIndex": 0, "color": "#98adc6", "marker": { "enabled": false }, "visible": true, "fillOpacity": 0.5, "lineWidth": 0 }] };
dvChart5Config = { "xAxis": { "events": {}, "title": { "text": "Year" }, "labels": { "style": { "color": "black" } }, "minRange": 20, "crosshair": true, "gridLineWidth": 1 }, "plotOptions": { "series": { "events": {}, "label": { "connectorAllowed": false }, "pointStart": 1900 } }, "exporting": { "menuItemDefinitions": {}, "enabled": false }, "chart": { "backgroundColor": "#f9f9f9", "zoomType": "x", "zoomSlider": { "step": 1 }, "marginRight": 265, "events": {}, "style": { "fontFamily": "inherit" } }, "credits": { "enabled": false }, "title": { "text": "Sea Ice Concentration at 76° 55' 04\" N, 134° 30' 22\" W, 1900 - 2100", "x": -110 }, "subtitle": { "text": "climate-adaptation.canada.ca", "x": -110 }, "yAxis": { "title": { "text": "Sea Ice Concentration, %" }, "labels": { "style": { "color": "black" } } }, "tooltip": { "shared": true, "valueSuffix": "%" }, "legend": { "layout": "vertical", "align": "right", "verticalAlign": "top", "title": { "text": "Legend", "style": { "fontSize": "16px" } }, "y": 40, "x": -62, "labelFormat": "<i class=\"fa fa-check\" aria-hidden=\"true\" style=\"color:{color}\"></i> {name}", "useHTML": true, "symbolHeight": 0.1, "symbolWidth": 0.1, "symbolPadding": 0 }, "series": [{ "name": "Ensemble Median", "data": [0, 1, 0, 1, 1, 2, 1, 0, 1, 0, 0, 1, 1, 0, 1, 1, 1, 1, 1, 0, 0, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 1, 1, 2, 1, 1, 1, 0, 0, 0, 1, 1, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, -1, 0, -1, 0, 0, 0, 0, -1, -1, -2, 0, -2, -2, 0, -2, -2, -3, -2, -2, -4, -2, -3, -5, -7, -7, -7, -7, -6, -7, -8, -11, -11, -10, -6, -12, -10, -10, -14, -14, -12, -15, -17, -16, -15, -10, -16, -15, -17, -17, -21, -21, -17, -17, -18, -21, -19, -18, -19, -20, -27, -26, -26, -26, -24, -27, -27, -29, -28, -27, -28, -29, -31, -30, -32, -35, -31, -34, -32, -33, -34, -30, -37, -36, -38, -38, -39, -38, -38, -38, -36, -42, -40, -40, -43, -44, -43, -45, -46], "type": "line", "pointPadding": 0.1, "groupPadding": 0.1, "zIndex": 2, "color": "#34495e", "marker": { "enabled": false }, "events": {}, "visible": true, "lineWidth": 2.3 }, { "name": "25th, 75th Percentiles", "data": [[-0.58, 2], [0.53, 6], [-0.72, 1], [0, 7], [0.39, 5], [0.25, 5], [0.37, 6], [-0.02, 5], [0.06, 6], [0.44, 5], [0.13, 5], [0.2, 6], [0.34, 7], [0, 5], [0.13, 7], [0.15, 4], [0.17, 6], [0.67, 7], [0.42, 4], [-0.68, 3], [0.01, 5], [0.21, 5], [-0.24, 5], [0.16, 7], [-0.13, 2], [-0.01, 5], [0.43, 5], [0.11, 3], [-0.12, 5], [0.03, 4], [0.12, 6], [-0.43, 5], [0.1, 2], [0.37, 4], [0.02, 5], [0.44, 6], [0.31, 5], [0.01, 5], [0.44, 6], [-0.05, 5], [-0.33, 3], [0.01, 4], [0.55, 5], [-0.14, 6], [0.08, 4], [-0.74, 6], [-0.01, 4], [-0.95, 5], [0.19, 4], [0.1, 4], [0.09, 3], [0.07, 4], [-0.16, 4], [0.66, 5], [0.53, 5], [0.01, 4], [0.29, 6], [-0.59, 1], [0.23, 4], [0.4, 2], [0.22, 5], [-0.11, 2], [-0.15, 3], [-0.01, 2], [-0.16, 6], [-0.28, 2], [-0.19, 4], [-0.14, 7], [-0.43, 4], [-0.01, 5], [0.01, 2], [0.47, 7], [0.31, 6], [0.13, 3], [-0.01, 3], [-0.04, 3], [-0.11, 4], [0.01, 4], [0, 2], [-0.55, 1], [-0.96, 2], [-0.37, 3], [0.12, 3], [0.02, 2], [-0.65, 2], [-0.05, 2], [-0.32, 2], [-0.61, 1], [-0.12, 1], [-1.72, 1], [-1.05, 0], [-0.73, 2], [-2.07, 1], [-0.89, 1], [-2.96, 1], [-2.37, 1], [-0.38, 1], [-0.86, 2], [-2.04, 1], [-1.67, 0], [-1.13, 1], [-0.96, 1], [-1.13, 0], [-5.56, 0], [-2.78, 0], [-3.87, 0], [-4.51, 1], [-3.96, 0], [-6.67, 1], [-2.59, 0], [-7.89, 0], [-7.71, 0], [-4.7, 0], [-8.01, 0], [-4.95, 0], [-7.42, 0], [-5.75, 0], [-4.57, 0], [-8.22, 0], [-5.7, -1], [-10.28, 0], [-7.99, 0], [-10.25, 0], [-10.17, 0], [-9.46, 0], [-11.35, 0], [-12.34, -2], [-14.52, -2], [-11.65, -1], [-14.33, -2], [-9.76, -1], [-12.17, -2], [-12.85, -1], [-19.02, -1], [-14, -2], [-15.97, -2], [-16.17, -2], [-15.49, -4], [-22.4, -2], [-17.25, -4], [-20.4, -5], [-20.8, -6], [-20.15, -4], [-22.2, -7], [-23.47, -7], [-22.79, -3], [-22.21, -10], [-22.32, -4], [-22.89, -3], [-26.03, -8], [-25.41, -7], [-27.35, -7], [-28.66, -14], [-30.86, -11], [-27.74, -9], [-27.74, -12], [-30.38, -15], [-28.98, -12], [-34.5, -13], [-30.45, -8], [-27.46, -18], [-29.4, -16], [-33.19, -19], [-33.02, -18], [-33.53, -17], [-34.28, -14], [-34.57, -18], [-35.43, -18], [-35.76, -20], [-34.98, -23], [-36.49, -19], [-41.73, -20], [-39.67, -22], [-38.02, -21], [-37.7, -23], [-39.14, -22], [-41.71, -20], [-43.67, -24], [-44.17, -26], [-40.05, -24], [-42.28, -25], [-39.9, -24], [-43.76, -28], [-44.79, -24], [-50.66, -22], [-46.45, -24], [-43.59, -27], [-45.55, -22], [-46.15, -19], [-48.33, -31], [-50.42, -26], [-49.37, -30], [-51, -30], [-50.35, -33], [-51.75, -30], [-50.37, -25], [-49.99, -28], [-52.69, -34], [-49.76, -33], [-54.64, -31], [-54, -31]], "type": "arearange", "zIndex": 1, "color": "#647990", "marker": { "enabled": false }, "visible": true, "fillOpacity": 0.5, "lineWidth": 0 }, { "name": "5th, 95th Percentiles", "data": [[-3.87, 10], [0.03, 15], [-4.85, 11], [-0.64, 17], [-1.51, 12], [-1.85, 13], [0.01, 12], [-0.37, 18], [-0.86, 12], [-0.75, 12], [-1.13, 12], [-0.8, 13], [-2.61, 16], [-1.77, 13], [-0.68, 17], [-1.1, 11], [-0.19, 14], [0, 12], [-0.24, 11], [-3.07, 13], [-2.65, 15], [-1.06, 12], [-1.15, 17], [-0.36, 13], [-4.56, 12], [-0.75, 12], [-0.27, 11], [-2.05, 14], [-1.38, 12], [-1.06, 17], [-1.47, 14], [-2.43, 15], [-0.61, 7], [-0.31, 8], [-1.58, 13], [-1.16, 12], [-3.7, 12], [-1.21, 16], [-1.06, 16], [-1.55, 16], [-1.24, 11], [-1.93, 12], [-2.92, 12], [-2.17, 12], [-1.18, 9], [-1.25, 9], [-2.01, 11], [-2.67, 15], [-1.04, 12], [-4.07, 10], [-2.8, 11], [-0.34, 11], [-6.97, 12], [-1.62, 11], [-0.69, 11], [-4.04, 12], [-1.08, 12], [-4.58, 10], [-0.93, 11], [-0.19, 6], [-0.34, 10], [-1.46, 10], [-1.91, 10], [-1.73, 13], [-0.82, 13], [-1.67, 10], [-0.48, 10], [-2.65, 12], [-4.08, 9], [-0.86, 12], [-3.08, 9], [-1.24, 9], [-0.73, 10], [-0.23, 8], [-2.67, 11], [-0.65, 13], [-2.07, 12], [-1.71, 11], [-1.73, 6], [-3.03, 11], [-5.5, 8], [-2.67, 7], [-1.5, 6], [-8.78, 7], [-3.1, 7], [-4.38, 7], [-2.53, 12], [-1.93, 3], [-1.99, 7], [-3.71, 9], [-10.31, 5], [-2.43, 5], [-13.62, 5], [-12.29, 8], [-7.09, 7], [-6.35, 5], [-3.72, 5], [-4.63, 5], [-4.08, 6], [-5.54, 7], [-7.26, 5], [-4.22, 6], [-7.52, 4], [-14.48, 1], [-4.95, 1], [-10.72, 4], [-10.26, 6], [-6.91, 6], [-14.07, 6], [-7.22, 8], [-10.78, 4], [-10.6, 4], [-8.79, 4], [-13.17, 5], [-11.77, 3], [-17.72, 4], [-7.81, 1], [-13.48, 1], [-24.4, 0], [-14.34, 1], [-15.76, 6], [-11.94, 4], [-16.13, 7], [-17.68, 1], [-13.3, 2], [-17.88, 1], [-20.22, 0], [-16.93, 4], [-17.54, 0], [-22.41, 0], [-20.57, 1], [-14.03, 0], [-19.06, 4], [-27.92, 0], [-25.02, 0], [-21.84, 0], [-22.3, 0], [-27.22, 0], [-26.15, 1], [-27.14, 0], [-32.09, 1], [-35.91, 0], [-24.12, 0], [-36.75, 0], [-30.53, 0], [-31.03, 0], [-31.63, 0], [-30.73, 0], [-31.96, 0], [-35.89, 0], [-34.55, 0], [-34.8, 0], [-32.2, 0], [-33.59, 0], [-36.17, 0], [-37.24, 0], [-38.26, 0], [-41.82, 0], [-41.95, -1], [-42.75, 0], [-41.71, -1], [-41.79, 0], [-46.19, 0], [-42.05, 0], [-40.32, -2], [-44.76, 0], [-42.56, -2], [-46.27, -4], [-49.45, 0], [-48.01, -1], [-49, 0], [-48.43, 0], [-48.37, 0], [-49.6, 0], [-51.75, 0], [-52.56, 0], [-55.13, 0], [-59.83, 0], [-57.84, -1], [-56.34, -3], [-56.57, 0], [-57.85, -2], [-61.1, -7], [-65.03, -4], [-62.04, 0], [-60.07, -2], [-66.44, 0], [-66.36, 0], [-63.64, -3], [-66.36, -2], [-67.28, -10], [-70.24, 0], [-76.55, -5], [-84, -5], [-83.3, -6], [-83.18, -10], [-84.57, -1], [-78.72, -4], [-88.71, -9], [-86.72, -5], [-88.71, -7]], "type": "arearange", "zIndex": 0, "color": "#98adc6", "marker": { "enabled": false }, "visible": true, "fillOpacity": 0.5, "lineWidth": 0 }] };
</script>
<style>
body {
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
margin: 0
}
h3 {
text-align: center;
margin: 8px
}
.main-section {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
dv-section {
display: none
}
[dv-section] {
padding: 10px;
margin: 5px auto;
border: 1px solid #000;
width: 88%
}
[dv-chart-container] {
height: 500px;
}
[dv-chart].dv-loading {
display: none
}
.delay-message {
width: 100%;
text-align: center;
font-size: 20pt;
font-weight: 700
}
details {
padding: 12px;
background: #ecf0f1
}
summary {
font-weight: 700;
cursor: pointer
}
details div.summary {
margin-top: 12px
}
details[open] summary~* {
animation-name: invisiblyGrowFontSize, fadeIn;
animation-duration: .3s, .2s;
animation-delay: 0s, .3s
}
@keyframes invisiblyGrowFontSize {
0% {
font-size: 0;
opacity: 0
}
100% {
font-size: 1em;
opacity: 0
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
table {
color: #333;
border-collapse: collapse;
border-spacing: 0
}
td,
th {
border: 1px solid #ccc;
height: 30px;
width: 1%
}
th {
background: #f3f3f3;
font-weight: 700
}
td {
background: #fafafa;
text-align: center
}
</style>
</head>
<body>
<section class="main-section">
<dv-section>
<dv-chart id="dvChart1" dv-auto-generate-table dv-config="dvChart1Config">
<details>
<summary>View data for this chart</summary>
<div class="summary">
<dv-chart-table dv-auto-render dv-table-class="wb-tables table table-striped"></dv-chart-table>
</div>
</details>
</dv-chart>
</dv-section>
<dv-section>
<dv-chart id="dvChart2" dv-auto-generate-table dv-config="dvChart2Config">
<details>
<summary>View data for this chart</summary>
<div class="summary">
<dv-chart-table dv-auto-render dv-table-class="wb-tables table table-striped"></dv-chart-table>
</div>
</details>
</dv-chart>
</dv-section>
<dv-section>
<dv-chart id="dvChart3" dv-auto-generate-table dv-config="dvChart3Config">
<details>
<summary>View data for this chart</summary>
<div class="summary">
<dv-chart-table dv-auto-render dv-table-class="wb-tables table table-striped"></dv-chart-table>
</div>
</details>
</dv-chart>
</dv-section>
<dv-section>
<dv-chart id="dvChart4" dv-auto-generate-table dv-config="dvChart4Config">
<details>
<summary>View data for this chart</summary>
<div class="summary">
<dv-chart-table dv-auto-render dv-table-class="wb-tables table table-striped"></dv-chart-table>
</div>
</details>
</dv-chart>
</dv-section>
<dv-section>
<dv-chart id="dvChart5" dv-auto-generate-table dv-config="dvChart5Config">
<details>
<summary>View data for this chart</summary>
<div class="summary">
<dv-chart-table dv-auto-render dv-table-class="wb-tables table table-striped"></dv-chart-table>
</div>
</details>
</dv-chart>
</dv-section>
</section>
<script src="https://code.highcharts.com/highcharts.src.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/exporting.src.js"></script>
<script src="https://code.highcharts.com/modules/export-data.src.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.src.js"></script>
<script src="https://code.highcharts.com/modules/variable-pie.js"></script>
<script type="text/javascript" src="https://ramp-pcar.github.io/dqvue/samples/dqvue.js"></script>
</body>
</html>
Display the source blob
Display the rendered blob
Raw
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment