{ "cells": [ { "cell_type": "markdown", "metadata": {}, "source": [ "# Title\n", "* Wenchang Yang (wenchang@prnceton.edu)\n", "* Department of Geosciences, Princeton University" ] }, { "cell_type": "code", "execution_count": 1, "metadata": { "ExecuteTime": { "end_time": "2019-03-13T17:19:23.325046Z", "start_time": "2019-03-13T17:18:54.520394Z" }, "code_folding": [] }, "outputs": [ { "name": "stdout", "output_type": "stream", "text": [ "**2019-03-13T13:18:54.522602**\n", ">>> Importing Python 3.7.1 packages...\n", "[OK]: import sys, os, os.path, datetime, glob\n", "[OK]: import numpy as np-1.16.2\n", "[OK]: import matplotlib as mpl-3.0.3; backend: module://ipykernel.pylab.backend_inline\n", "[OK]: #---import matplotlib.pyplot as plt\n", "[OK]: #---from pylab import *\n", "[OK]: import xarray as xr-0.11.3\n", "[OK]: #---import netCDF4\n", "[OK]: #---import dask\n", "[OK]: #---import bottleneck\n", "[OK]: import pandas as pd-0.24.1\n", "[OK]: from mpl_toolkits.basemap import Basemap\n", " PROJ_LIB = /tigress/wenchang/miniconda3p7/share/proj\n", ">>>Import packages from Wenchang Yang (wython)...\n", "[OK]: import geoplots as gt\n", "[OK]: from geoplots import geoplot, fxyplot, mapplot, xticksyear\n", "[OK]: import geoxarray\n", "[OK]: import filter\n", "[OK]: import xlearn\n", "[OK]: import mysignal as sig\n", "**Done**\n" ] } ], "source": [ "# init\n", "%run -im pythonstartup" ] }, { "cell_type": "code", "execution_count": 9, "metadata": { "ExecuteTime": { "end_time": "2019-03-13T17:23:02.376922Z", "start_time": "2019-03-13T17:23:02.271273Z" } }, "outputs": [], "source": [ "%matplotlib notebook" ] }, { "cell_type": "code", "execution_count": 3, "metadata": { "ExecuteTime": { "end_time": "2019-03-12T20:14:32.022088Z", "start_time": "2019-03-12T20:14:31.910645Z" } }, "outputs": [ { "data": { "text/html": [ "\n", "\n", "\n", "\n", "\n", "
\n", "

Client

\n", "\n", "
\n", "

Cluster

\n", "
    \n", "
  • Workers: 4
  • \n", "
  • Cores: 16
  • \n", "
  • Memory: 162.00 GB
  • \n", "
\n", "
" ], "text/plain": [ "" ] }, "execution_count": 3, "metadata": {}, "output_type": "execute_result" } ], "source": [ "# misc\n", "from dask.distributed import Client\n", "client = Client('127.0.0.1:8982')\n", "client" ] }, { "cell_type": "code", "execution_count": 2, "metadata": { "ExecuteTime": { "end_time": "2019-03-13T17:19:32.246804Z", "start_time": "2019-03-13T17:19:32.160914Z" } }, "outputs": [ { "data": { "text/plain": [ "\n", "Dimensions: (ien: 5, lat: 96, lon: 144, month: 120, volc: 52)\n", "Coordinates:\n", " * ien (ien) int32 1 2 3 4 5\n", " * volc (volc) object 0870-04-01 00:00:00 ... 1991-06-01 00:00:00\n", " * month (month) int32 -60 -59 -58 -57 -56 -55 -54 ... 53 54 55 56 57 58 59\n", " * lat (lat) float64 -90.0 -88.11 -86.21 -84.32 ... 84.32 86.21 88.11 90.0\n", " * lon (lon) float64 0.0 2.5 5.0 7.5 10.0 ... 350.0 352.5 355.0 357.5\n", "Data variables:\n", " ts_a (ien, volc, month, lat, lon) float32 ..." ] }, "execution_count": 2, "metadata": {}, "output_type": "execute_result" } ], "source": [ "# data\n", "ifile = 'data/ts_a.nc'\n", "ds = xr.open_dataset(ifile)\n", "ds" ] }, { "cell_type": "code", "execution_count": 96, "metadata": { "ExecuteTime": { "end_time": "2019-03-13T20:04:52.057050Z", "start_time": "2019-03-13T20:04:52.039327Z" } }, "outputs": [ { "data": { "text/plain": [ "array([cftime.DatetimeNoLeap(870, 4, 1, 0, 0, 0, 0, 1, 91),\n", " cftime.DatetimeNoLeap(901, 4, 1, 0, 0, 0, 0, 4, 91),\n", " cftime.DatetimeNoLeap(933, 4, 1, 0, 0, 0, 0, 1, 91),\n", " cftime.DatetimeNoLeap(961, 4, 1, 0, 0, 0, 0, 1, 91),\n", " cftime.DatetimeNoLeap(1001, 4, 1, 0, 0, 0, 0, 6, 91),\n", " cftime.DatetimeNoLeap(1081, 4, 1, 0, 0, 0, 0, 2, 91),\n", " cftime.DatetimeNoLeap(1158, 4, 1, 0, 0, 0, 0, 2, 91),\n", " cftime.DatetimeNoLeap(1176, 5, 1, 0, 0, 0, 0, 1, 121),\n", " cftime.DatetimeNoLeap(1213, 4, 1, 0, 0, 0, 0, 1, 91),\n", " cftime.DatetimeNoLeap(1232, 4, 1, 0, 0, 0, 0, 6, 91),\n", " cftime.DatetimeNoLeap(1258, 4, 1, 0, 0, 0, 0, 4, 91),\n", " cftime.DatetimeNoLeap(1268, 4, 1, 0, 0, 0, 0, 0, 91),\n", " cftime.DatetimeNoLeap(1275, 4, 1, 0, 0, 0, 0, 0, 91),\n", " cftime.DatetimeNoLeap(1284, 4, 1, 0, 0, 0, 0, 2, 91),\n", " cftime.DatetimeNoLeap(1328, 4, 1, 0, 0, 0, 0, 4, 91),\n", " cftime.DatetimeNoLeap(1341, 4, 1, 0, 0, 0, 0, 3, 91),\n", " cftime.DatetimeNoLeap(1452, 4, 1, 0, 0, 0, 0, 2, 91),\n", " cftime.DatetimeNoLeap(1459, 4, 1, 0, 0, 0, 0, 2, 91),\n", " cftime.DatetimeNoLeap(1584, 4, 1, 0, 0, 0, 0, 1, 91),\n", " cftime.DatetimeNoLeap(1600, 2, 1, 0, 0, 0, 0, 0, 32),\n", " cftime.DatetimeNoLeap(1641, 1, 1, 0, 0, 0, 0, 3, 1),\n", " cftime.DatetimeNoLeap(1673, 5, 1, 0, 0, 0, 0, 1, 121),\n", " cftime.DatetimeNoLeap(1693, 6, 1, 0, 0, 0, 0, 3, 152),\n", " cftime.DatetimeNoLeap(1719, 4, 1, 0, 0, 0, 0, 3, 91),\n", " cftime.DatetimeNoLeap(1761, 9, 1, 0, 0, 0, 0, 2, 244),\n", " cftime.DatetimeNoLeap(1809, 4, 1, 0, 0, 0, 0, 2, 91),\n", " cftime.DatetimeNoLeap(1815, 4, 1, 0, 0, 0, 0, 1, 91),\n", " cftime.DatetimeNoLeap(1835, 1, 1, 0, 0, 0, 0, 1, 1),\n", " cftime.DatetimeNoLeap(1883, 8, 1, 0, 0, 0, 0, 2, 213),\n", " cftime.DatetimeNoLeap(1890, 2, 1, 0, 0, 0, 0, 3, 32),\n", " cftime.DatetimeNoLeap(1902, 6, 1, 0, 0, 0, 0, 2, 152),\n", " cftime.DatetimeNoLeap(1963, 3, 1, 0, 0, 0, 0, 6, 60),\n", " cftime.DatetimeNoLeap(1982, 5, 1, 0, 0, 0, 0, 2, 121),\n", " cftime.DatetimeNoLeap(1991, 6, 1, 0, 0, 0, 0, 0, 152)],\n", " dtype=object)" ] }, "execution_count": 96, "metadata": {}, "output_type": "execute_result" } ], "source": [ "ds2 = xr.open_dataset('eruptions_855_2000_large.nc') \\\n", " .rename(ivolc='time').assign_coords(time=ds2.t_erupt_start.values)\n", "t_erupt_starts = ds2.colmass_global.pipe(lambda x: ds2.t_erupt_start[x>x[-1]/2]).values\n", "ds2 = ds2.sel(time=t_erupt_starts)\n", "t_erupt_starts" ] }, { "cell_type": "code", "execution_count": 99, "metadata": { "ExecuteTime": { "end_time": "2019-03-13T20:05:54.120557Z", "start_time": "2019-03-13T20:05:54.110224Z" } }, "outputs": [ { "data": { "text/plain": [ "CFTimeIndex([0865-04-01 00:00:00, 0896-04-01 00:00:00, 0928-04-01 00:00:00,\n", " 0956-04-01 00:00:00, 0996-04-01 00:00:00, 1076-04-01 00:00:00,\n", " 1153-04-01 00:00:00, 1171-05-01 00:00:00, 1208-04-01 00:00:00,\n", " 1227-04-01 00:00:00, 1253-04-01 00:00:00, 1263-04-01 00:00:00,\n", " 1270-04-01 00:00:00, 1279-04-01 00:00:00, 1323-04-01 00:00:00,\n", " 1336-04-01 00:00:00, 1447-04-01 00:00:00, 1454-04-01 00:00:00,\n", " 1579-04-01 00:00:00, 1595-02-01 00:00:00, 1636-01-01 00:00:00,\n", " 1668-05-01 00:00:00, 1688-06-01 00:00:00, 1714-04-01 00:00:00,\n", " 1756-09-01 00:00:00, 1804-04-01 00:00:00, 1810-04-01 00:00:00,\n", " 1830-01-01 00:00:00, 1878-08-01 00:00:00, 1885-02-01 00:00:00,\n", " 1897-06-01 00:00:00, 1958-03-01 00:00:00, 1977-05-01 00:00:00,\n", " 1986-06-01 00:00:00],\n", " dtype='object')" ] }, "execution_count": 99, "metadata": {}, "output_type": "execute_result" } ], "source": [ "t_erupt_shifts = ds2.indexes['time'].shift(-60, 'MS')\n", "t_erupt_shifts" ] }, { "cell_type": "code", "execution_count": 109, "metadata": { "ExecuteTime": { "end_time": "2019-03-13T20:10:05.765416Z", "start_time": "2019-03-13T20:10:05.723679Z" } }, "outputs": [ { "name": "stdout", "output_type": "stream", "text": [ "1; 2; 3; 4; 5; 6; 7; 8; 9; 10; 11; 13; 14; 15; 16; 18; 19; 20; 21; 22; 23; 24; 25; 27; 28; 30; 31; 32; 33; " ] }, { "data": { "text/plain": [ "30" ] }, "execution_count": 109, "metadata": {}, "output_type": "execute_result" } ], "source": [ "ivolcs = [0,]\n", "for i in range(1, ds2.time.size):\n", " if t_erupt_shifts[i] > ds2.t_erupt_end[i-1]:\n", " ivolcs.append(i)\n", " print(i, end='; ')\n", "len(ivolcs)" ] }, { "cell_type": "code", "execution_count": 110, "metadata": { "ExecuteTime": { "end_time": "2019-03-13T20:10:07.750033Z", "start_time": "2019-03-13T20:10:07.742909Z" } }, "outputs": [ { "data": { "text/plain": [ "array([cftime.DatetimeNoLeap(870, 4, 1, 0, 0, 0, 0, 1, 91),\n", " cftime.DatetimeNoLeap(901, 4, 1, 0, 0, 0, 0, 4, 91),\n", " cftime.DatetimeNoLeap(933, 4, 1, 0, 0, 0, 0, 1, 91),\n", " cftime.DatetimeNoLeap(961, 4, 1, 0, 0, 0, 0, 1, 91),\n", " cftime.DatetimeNoLeap(1001, 4, 1, 0, 0, 0, 0, 6, 91),\n", " cftime.DatetimeNoLeap(1081, 4, 1, 0, 0, 0, 0, 2, 91),\n", " cftime.DatetimeNoLeap(1158, 4, 1, 0, 0, 0, 0, 2, 91),\n", " cftime.DatetimeNoLeap(1176, 5, 1, 0, 0, 0, 0, 1, 121),\n", " cftime.DatetimeNoLeap(1213, 4, 1, 0, 0, 0, 0, 1, 91),\n", " cftime.DatetimeNoLeap(1232, 4, 1, 0, 0, 0, 0, 6, 91),\n", " cftime.DatetimeNoLeap(1258, 4, 1, 0, 0, 0, 0, 4, 91),\n", " cftime.DatetimeNoLeap(1268, 4, 1, 0, 0, 0, 0, 0, 91),\n", " cftime.DatetimeNoLeap(1284, 4, 1, 0, 0, 0, 0, 2, 91),\n", " cftime.DatetimeNoLeap(1328, 4, 1, 0, 0, 0, 0, 4, 91),\n", " cftime.DatetimeNoLeap(1341, 4, 1, 0, 0, 0, 0, 3, 91),\n", " cftime.DatetimeNoLeap(1452, 4, 1, 0, 0, 0, 0, 2, 91),\n", " cftime.DatetimeNoLeap(1584, 4, 1, 0, 0, 0, 0, 1, 91),\n", " cftime.DatetimeNoLeap(1600, 2, 1, 0, 0, 0, 0, 0, 32),\n", " cftime.DatetimeNoLeap(1641, 1, 1, 0, 0, 0, 0, 3, 1),\n", " cftime.DatetimeNoLeap(1673, 5, 1, 0, 0, 0, 0, 1, 121),\n", " cftime.DatetimeNoLeap(1693, 6, 1, 0, 0, 0, 0, 3, 152),\n", " cftime.DatetimeNoLeap(1719, 4, 1, 0, 0, 0, 0, 3, 91),\n", " cftime.DatetimeNoLeap(1761, 9, 1, 0, 0, 0, 0, 2, 244),\n", " cftime.DatetimeNoLeap(1809, 4, 1, 0, 0, 0, 0, 2, 91),\n", " cftime.DatetimeNoLeap(1835, 1, 1, 0, 0, 0, 0, 1, 1),\n", " cftime.DatetimeNoLeap(1883, 8, 1, 0, 0, 0, 0, 2, 213),\n", " cftime.DatetimeNoLeap(1902, 6, 1, 0, 0, 0, 0, 2, 152),\n", " cftime.DatetimeNoLeap(1963, 3, 1, 0, 0, 0, 0, 6, 60),\n", " cftime.DatetimeNoLeap(1982, 5, 1, 0, 0, 0, 0, 2, 121),\n", " cftime.DatetimeNoLeap(1991, 6, 1, 0, 0, 0, 0, 0, 152)],\n", " dtype=object)" ] }, "execution_count": 110, "metadata": {}, "output_type": "execute_result" } ], "source": [ "volcs = t_erupt_starts[ivolcs]\n", "volcs" ] }, { "cell_type": "code", "execution_count": 111, "metadata": { "ExecuteTime": { "end_time": "2019-03-13T20:10:17.390184Z", "start_time": "2019-03-13T20:10:17.385986Z" } }, "outputs": [ { "data": { "text/plain": [ "30" ] }, "execution_count": 111, "metadata": {}, "output_type": "execute_result" } ], "source": [ "len(volcs)" ] }, { "cell_type": "code", "execution_count": 5, "metadata": { "ExecuteTime": { "end_time": "2019-03-13T17:21:50.976528Z", "start_time": "2019-03-13T17:21:46.057489Z" } }, "outputs": [ { "data": { "text/plain": [ "\n", "array([[ 0.023815, 0.036668, 0.009407, ..., -0.054083, 0.059321, 0.031571],\n", " [ 0.139679, 0.046735, 0.069292, ..., 0.040874, -0.07957 , 0.028697],\n", " [ 0.025049, -0.015336, -0.06604 , ..., -0.383306, -0.292772, -0.205277],\n", " ...,\n", " [-0.217121, -0.103336, -0.037636, ..., 0.030562, -0.039073, -0.152739],\n", " [-0.062162, -0.024089, 0.011736, ..., 0.080594, -0.096463, -0.047383],\n", " [-0.136243, -0.066272, -0.078565, ..., -0.153841, -0.128289, -0.202186]])\n", "Coordinates:\n", " * volc (volc) object 0870-04-01 00:00:00 ... 1991-06-01 00:00:00\n", " * month (month) int32 -60 -59 -58 -57 -56 -55 -54 ... 53 54 55 56 57 58 59" ] }, "execution_count": 5, "metadata": {}, "output_type": "execute_result" } ], "source": [ "ts = ds.ts_a.mean('ien').geo.fldmean()\n", "ts" ] }, { "cell_type": "code", "execution_count": 187, "metadata": { "ExecuteTime": { "end_time": "2019-03-13T20:57:28.961638Z", "start_time": "2019-03-13T20:57:28.888193Z" } }, "outputs": [ { "data": { "application/javascript": [ "/* Put everything inside the global mpl namespace */\n", "window.mpl = {};\n", "\n", "\n", "mpl.get_websocket_type = function() {\n", " if (typeof(WebSocket) !== 'undefined') {\n", " return WebSocket;\n", " } else if (typeof(MozWebSocket) !== 'undefined') {\n", " return MozWebSocket;\n", " } else {\n", " alert('Your browser does not have WebSocket support.' +\n", " 'Please try Chrome, Safari or Firefox ≥ 6. ' +\n", " 'Firefox 4 and 5 are also supported but you ' +\n", " 'have to enable WebSockets in about:config.');\n", " };\n", "}\n", "\n", "mpl.figure = function(figure_id, websocket, ondownload, parent_element) {\n", " this.id = figure_id;\n", "\n", " this.ws = websocket;\n", "\n", " this.supports_binary = (this.ws.binaryType != undefined);\n", "\n", " if (!this.supports_binary) {\n", " var warnings = document.getElementById(\"mpl-warnings\");\n", " if (warnings) {\n", " warnings.style.display = 'block';\n", " warnings.textContent = (\n", " \"This browser does not support binary websocket messages. \" +\n", " \"Performance may be slow.\");\n", " }\n", " }\n", "\n", " this.imageObj = new Image();\n", "\n", " this.context = undefined;\n", " this.message = undefined;\n", " this.canvas = undefined;\n", " this.rubberband_canvas = undefined;\n", " this.rubberband_context = undefined;\n", " this.format_dropdown = undefined;\n", "\n", " this.image_mode = 'full';\n", "\n", " this.root = $('
');\n", " this._root_extra_style(this.root)\n", " this.root.attr('style', 'display: inline-block');\n", "\n", " $(parent_element).append(this.root);\n", "\n", " this._init_header(this);\n", " this._init_canvas(this);\n", " this._init_toolbar(this);\n", "\n", " var fig = this;\n", "\n", " this.waiting = false;\n", "\n", " this.ws.onopen = function () {\n", " fig.send_message(\"supports_binary\", {value: fig.supports_binary});\n", " fig.send_message(\"send_image_mode\", {});\n", " if (mpl.ratio != 1) {\n", " fig.send_message(\"set_dpi_ratio\", {'dpi_ratio': mpl.ratio});\n", " }\n", " fig.send_message(\"refresh\", {});\n", " }\n", "\n", " this.imageObj.onload = function() {\n", " if (fig.image_mode == 'full') {\n", " // Full images could contain transparency (where diff images\n", " // almost always do), so we need to clear the canvas so that\n", " // there is no ghosting.\n", " fig.context.clearRect(0, 0, fig.canvas.width, fig.canvas.height);\n", " }\n", " fig.context.drawImage(fig.imageObj, 0, 0);\n", " };\n", "\n", " this.imageObj.onunload = function() {\n", " fig.ws.close();\n", " }\n", "\n", " this.ws.onmessage = this._make_on_message_function(this);\n", "\n", " this.ondownload = ondownload;\n", "}\n", "\n", "mpl.figure.prototype._init_header = function() {\n", " var titlebar = $(\n", " '
');\n", " var titletext = $(\n", " '
');\n", " titlebar.append(titletext)\n", " this.root.append(titlebar);\n", " this.header = titletext[0];\n", "}\n", "\n", "\n", "\n", "mpl.figure.prototype._canvas_extra_style = function(canvas_div) {\n", "\n", "}\n", "\n", "\n", "mpl.figure.prototype._root_extra_style = function(canvas_div) {\n", "\n", "}\n", "\n", "mpl.figure.prototype._init_canvas = function() {\n", " var fig = this;\n", "\n", " var canvas_div = $('
');\n", "\n", " canvas_div.attr('style', 'position: relative; clear: both; outline: 0');\n", "\n", " function canvas_keyboard_event(event) {\n", " return fig.key_event(event, event['data']);\n", " }\n", "\n", " canvas_div.keydown('key_press', canvas_keyboard_event);\n", " canvas_div.keyup('key_release', canvas_keyboard_event);\n", " this.canvas_div = canvas_div\n", " this._canvas_extra_style(canvas_div)\n", " this.root.append(canvas_div);\n", "\n", " var canvas = $('');\n", " canvas.addClass('mpl-canvas');\n", " canvas.attr('style', \"left: 0; top: 0; z-index: 0; outline: 0\")\n", "\n", " this.canvas = canvas[0];\n", " this.context = canvas[0].getContext(\"2d\");\n", "\n", " var backingStore = this.context.backingStorePixelRatio ||\n", "\tthis.context.webkitBackingStorePixelRatio ||\n", "\tthis.context.mozBackingStorePixelRatio ||\n", "\tthis.context.msBackingStorePixelRatio ||\n", "\tthis.context.oBackingStorePixelRatio ||\n", "\tthis.context.backingStorePixelRatio || 1;\n", "\n", " mpl.ratio = (window.devicePixelRatio || 1) / backingStore;\n", "\n", " var rubberband = $('');\n", " rubberband.attr('style', \"position: absolute; left: 0; top: 0; z-index: 1;\")\n", "\n", " var pass_mouse_events = true;\n", "\n", " canvas_div.resizable({\n", " start: function(event, ui) {\n", " pass_mouse_events = false;\n", " },\n", " resize: function(event, ui) {\n", " fig.request_resize(ui.size.width, ui.size.height);\n", " },\n", " stop: function(event, ui) {\n", " pass_mouse_events = true;\n", " fig.request_resize(ui.size.width, ui.size.height);\n", " },\n", " });\n", "\n", " function mouse_event_fn(event) {\n", " if (pass_mouse_events)\n", " return fig.mouse_event(event, event['data']);\n", " }\n", "\n", " rubberband.mousedown('button_press', mouse_event_fn);\n", " rubberband.mouseup('button_release', mouse_event_fn);\n", " // Throttle sequential mouse events to 1 every 20ms.\n", " rubberband.mousemove('motion_notify', mouse_event_fn);\n", "\n", " rubberband.mouseenter('figure_enter', mouse_event_fn);\n", " rubberband.mouseleave('figure_leave', mouse_event_fn);\n", "\n", " canvas_div.on(\"wheel\", function (event) {\n", " event = event.originalEvent;\n", " event['data'] = 'scroll'\n", " if (event.deltaY < 0) {\n", " event.step = 1;\n", " } else {\n", " event.step = -1;\n", " }\n", " mouse_event_fn(event);\n", " });\n", "\n", " canvas_div.append(canvas);\n", " canvas_div.append(rubberband);\n", "\n", " this.rubberband = rubberband;\n", " this.rubberband_canvas = rubberband[0];\n", " this.rubberband_context = rubberband[0].getContext(\"2d\");\n", " this.rubberband_context.strokeStyle = \"#000000\";\n", "\n", " this._resize_canvas = function(width, height) {\n", " // Keep the size of the canvas, canvas container, and rubber band\n", " // canvas in synch.\n", " canvas_div.css('width', width)\n", " canvas_div.css('height', height)\n", "\n", " canvas.attr('width', width * mpl.ratio);\n", " canvas.attr('height', height * mpl.ratio);\n", " canvas.attr('style', 'width: ' + width + 'px; height: ' + height + 'px;');\n", "\n", " rubberband.attr('width', width);\n", " rubberband.attr('height', height);\n", " }\n", "\n", " // Set the figure to an initial 600x600px, this will subsequently be updated\n", " // upon first draw.\n", " this._resize_canvas(600, 600);\n", "\n", " // Disable right mouse context menu.\n", " $(this.rubberband_canvas).bind(\"contextmenu\",function(e){\n", " return false;\n", " });\n", "\n", " function set_focus () {\n", " canvas.focus();\n", " canvas_div.focus();\n", " }\n", "\n", " window.setTimeout(set_focus, 100);\n", "}\n", "\n", "mpl.figure.prototype._init_toolbar = function() {\n", " var fig = this;\n", "\n", " var nav_element = $('
')\n", " nav_element.attr('style', 'width: 100%');\n", " this.root.append(nav_element);\n", "\n", " // Define a callback function for later on.\n", " function toolbar_event(event) {\n", " return fig.toolbar_button_onclick(event['data']);\n", " }\n", " function toolbar_mouse_event(event) {\n", " return fig.toolbar_button_onmouseover(event['data']);\n", " }\n", "\n", " for(var toolbar_ind in mpl.toolbar_items) {\n", " var name = mpl.toolbar_items[toolbar_ind][0];\n", " var tooltip = mpl.toolbar_items[toolbar_ind][1];\n", " var image = mpl.toolbar_items[toolbar_ind][2];\n", " var method_name = mpl.toolbar_items[toolbar_ind][3];\n", "\n", " if (!name) {\n", " // put a spacer in here.\n", " continue;\n", " }\n", " var button = $('');\n", " button.click(method_name, toolbar_event);\n", " button.mouseover(tooltip, toolbar_mouse_event);\n", " nav_element.append(button);\n", " }\n", "\n", " // Add the status bar.\n", " var status_bar = $('');\n", " nav_element.append(status_bar);\n", " this.message = status_bar[0];\n", "\n", " // Add the close button to the window.\n", " var buttongrp = $('
');\n", " var button = $('');\n", " button.click(function (evt) { fig.handle_close(fig, {}); } );\n", " button.mouseover('Stop Interaction', toolbar_mouse_event);\n", " buttongrp.append(button);\n", " var titlebar = this.root.find($('.ui-dialog-titlebar'));\n", " titlebar.prepend(buttongrp);\n", "}\n", "\n", "mpl.figure.prototype._root_extra_style = function(el){\n", " var fig = this\n", " el.on(\"remove\", function(){\n", "\tfig.close_ws(fig, {});\n", " });\n", "}\n", "\n", "mpl.figure.prototype._canvas_extra_style = function(el){\n", " // this is important to make the div 'focusable\n", " el.attr('tabindex', 0)\n", " // reach out to IPython and tell the keyboard manager to turn it's self\n", " // off when our div gets focus\n", "\n", " // location in version 3\n", " if (IPython.notebook.keyboard_manager) {\n", " IPython.notebook.keyboard_manager.register_events(el);\n", " }\n", " else {\n", " // location in version 2\n", " IPython.keyboard_manager.register_events(el);\n", " }\n", "\n", "}\n", "\n", "mpl.figure.prototype._key_event_extra = function(event, name) {\n", " var manager = IPython.notebook.keyboard_manager;\n", " if (!manager)\n", " manager = IPython.keyboard_manager;\n", "\n", " // Check for shift+enter\n", " if (event.shiftKey && event.which == 13) {\n", " this.canvas_div.blur();\n", " event.shiftKey = false;\n", " // Send a \"J\" for go to next cell\n", " event.which = 74;\n", " event.keyCode = 74;\n", " manager.command_mode();\n", " manager.handle_keydown(event);\n", " }\n", "}\n", "\n", "mpl.figure.prototype.handle_save = function(fig, msg) {\n", " fig.ondownload(fig, null);\n", "}\n", "\n", "\n", "mpl.find_output_cell = function(html_output) {\n", " // Return the cell and output element which can be found *uniquely* in the notebook.\n", " // Note - this is a bit hacky, but it is done because the \"notebook_saving.Notebook\"\n", " // IPython event is triggered only after the cells have been serialised, which for\n", " // our purposes (turning an active figure into a static one), is too late.\n", " var cells = IPython.notebook.get_cells();\n", " var ncells = cells.length;\n", " for (var i=0; i= 3 moved mimebundle to data attribute of output\n", " data = data.data;\n", " }\n", " if (data['text/html'] == html_output) {\n", " return [cell, data, j];\n", " }\n", " }\n", " }\n", " }\n", "}\n", "\n", "// Register the function which deals with the matplotlib target/channel.\n", "// The kernel may be null if the page has been refreshed.\n", "if (IPython.notebook.kernel != null) {\n", " IPython.notebook.kernel.comm_manager.register_target('matplotlib', mpl.mpl_figure_comm);\n", "}\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" }, { "data": { "text/html": [ "" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "ts_ = ts.sel(volc=volcs) \\\n", " .sel(month=slice(6,24)).mean('month') \n", "ts_.assign_coords(volc=range(0,len(volcs))) \\\n", " .plot.step(figsize=(8,4), xticks=range(0, len(volcs),2), where='mid')\n", "plt.grid('on')\n", "plt.ylabel('Global over month 6-24 [K]')\n", "\n", "for i in range(ts_.size):\n", " tsi = ts_[i]\n", " year, month = tsi.volc.dt.year.item(), tsi.volc.dt.month.item()\n", " plt.text(i, -1, f' {year}-{month:02d}', \n", " color='gray', va='center', ha='center', rotation=-90)\n", " \n", "plt.tight_layout()" ] }, { "cell_type": "code", "execution_count": 168, "metadata": { "ExecuteTime": { "end_time": "2019-03-13T20:41:13.560638Z", "start_time": "2019-03-13T20:41:13.532708Z" } }, "outputs": [ { "data": { "application/javascript": [ "/* Put everything inside the global mpl namespace */\n", "window.mpl = {};\n", "\n", "\n", "mpl.get_websocket_type = function() {\n", " if (typeof(WebSocket) !== 'undefined') {\n", " return WebSocket;\n", " } else if (typeof(MozWebSocket) !== 'undefined') {\n", " return MozWebSocket;\n", " } else {\n", " alert('Your browser does not have WebSocket support.' +\n", " 'Please try Chrome, Safari or Firefox ≥ 6. ' +\n", " 'Firefox 4 and 5 are also supported but you ' +\n", " 'have to enable WebSockets in about:config.');\n", " };\n", "}\n", "\n", "mpl.figure = function(figure_id, websocket, ondownload, parent_element) {\n", " this.id = figure_id;\n", "\n", " this.ws = websocket;\n", "\n", " this.supports_binary = (this.ws.binaryType != undefined);\n", "\n", " if (!this.supports_binary) {\n", " var warnings = document.getElementById(\"mpl-warnings\");\n", " if (warnings) {\n", " warnings.style.display = 'block';\n", " warnings.textContent = (\n", " \"This browser does not support binary websocket messages. \" +\n", " \"Performance may be slow.\");\n", " }\n", " }\n", "\n", " this.imageObj = new Image();\n", "\n", " this.context = undefined;\n", " this.message = undefined;\n", " this.canvas = undefined;\n", " this.rubberband_canvas = undefined;\n", " this.rubberband_context = undefined;\n", " this.format_dropdown = undefined;\n", "\n", " this.image_mode = 'full';\n", "\n", " this.root = $('
');\n", " this._root_extra_style(this.root)\n", " this.root.attr('style', 'display: inline-block');\n", "\n", " $(parent_element).append(this.root);\n", "\n", " this._init_header(this);\n", " this._init_canvas(this);\n", " this._init_toolbar(this);\n", "\n", " var fig = this;\n", "\n", " this.waiting = false;\n", "\n", " this.ws.onopen = function () {\n", " fig.send_message(\"supports_binary\", {value: fig.supports_binary});\n", " fig.send_message(\"send_image_mode\", {});\n", " if (mpl.ratio != 1) {\n", " fig.send_message(\"set_dpi_ratio\", {'dpi_ratio': mpl.ratio});\n", " }\n", " fig.send_message(\"refresh\", {});\n", " }\n", "\n", " this.imageObj.onload = function() {\n", " if (fig.image_mode == 'full') {\n", " // Full images could contain transparency (where diff images\n", " // almost always do), so we need to clear the canvas so that\n", " // there is no ghosting.\n", " fig.context.clearRect(0, 0, fig.canvas.width, fig.canvas.height);\n", " }\n", " fig.context.drawImage(fig.imageObj, 0, 0);\n", " };\n", "\n", " this.imageObj.onunload = function() {\n", " fig.ws.close();\n", " }\n", "\n", " this.ws.onmessage = this._make_on_message_function(this);\n", "\n", " this.ondownload = ondownload;\n", "}\n", "\n", "mpl.figure.prototype._init_header = function() {\n", " var titlebar = $(\n", " '
');\n", " var titletext = $(\n", " '
');\n", " titlebar.append(titletext)\n", " this.root.append(titlebar);\n", " this.header = titletext[0];\n", "}\n", "\n", "\n", "\n", "mpl.figure.prototype._canvas_extra_style = function(canvas_div) {\n", "\n", "}\n", "\n", "\n", "mpl.figure.prototype._root_extra_style = function(canvas_div) {\n", "\n", "}\n", "\n", "mpl.figure.prototype._init_canvas = function() {\n", " var fig = this;\n", "\n", " var canvas_div = $('
');\n", "\n", " canvas_div.attr('style', 'position: relative; clear: both; outline: 0');\n", "\n", " function canvas_keyboard_event(event) {\n", " return fig.key_event(event, event['data']);\n", " }\n", "\n", " canvas_div.keydown('key_press', canvas_keyboard_event);\n", " canvas_div.keyup('key_release', canvas_keyboard_event);\n", " this.canvas_div = canvas_div\n", " this._canvas_extra_style(canvas_div)\n", " this.root.append(canvas_div);\n", "\n", " var canvas = $('');\n", " canvas.addClass('mpl-canvas');\n", " canvas.attr('style', \"left: 0; top: 0; z-index: 0; outline: 0\")\n", "\n", " this.canvas = canvas[0];\n", " this.context = canvas[0].getContext(\"2d\");\n", "\n", " var backingStore = this.context.backingStorePixelRatio ||\n", "\tthis.context.webkitBackingStorePixelRatio ||\n", "\tthis.context.mozBackingStorePixelRatio ||\n", "\tthis.context.msBackingStorePixelRatio ||\n", "\tthis.context.oBackingStorePixelRatio ||\n", "\tthis.context.backingStorePixelRatio || 1;\n", "\n", " mpl.ratio = (window.devicePixelRatio || 1) / backingStore;\n", "\n", " var rubberband = $('');\n", " rubberband.attr('style', \"position: absolute; left: 0; top: 0; z-index: 1;\")\n", "\n", " var pass_mouse_events = true;\n", "\n", " canvas_div.resizable({\n", " start: function(event, ui) {\n", " pass_mouse_events = false;\n", " },\n", " resize: function(event, ui) {\n", " fig.request_resize(ui.size.width, ui.size.height);\n", " },\n", " stop: function(event, ui) {\n", " pass_mouse_events = true;\n", " fig.request_resize(ui.size.width, ui.size.height);\n", " },\n", " });\n", "\n", " function mouse_event_fn(event) {\n", " if (pass_mouse_events)\n", " return fig.mouse_event(event, event['data']);\n", " }\n", "\n", " rubberband.mousedown('button_press', mouse_event_fn);\n", " rubberband.mouseup('button_release', mouse_event_fn);\n", " // Throttle sequential mouse events to 1 every 20ms.\n", " rubberband.mousemove('motion_notify', mouse_event_fn);\n", "\n", " rubberband.mouseenter('figure_enter', mouse_event_fn);\n", " rubberband.mouseleave('figure_leave', mouse_event_fn);\n", "\n", " canvas_div.on(\"wheel\", function (event) {\n", " event = event.originalEvent;\n", " event['data'] = 'scroll'\n", " if (event.deltaY < 0) {\n", " event.step = 1;\n", " } else {\n", " event.step = -1;\n", " }\n", " mouse_event_fn(event);\n", " });\n", "\n", " canvas_div.append(canvas);\n", " canvas_div.append(rubberband);\n", "\n", " this.rubberband = rubberband;\n", " this.rubberband_canvas = rubberband[0];\n", " this.rubberband_context = rubberband[0].getContext(\"2d\");\n", " this.rubberband_context.strokeStyle = \"#000000\";\n", "\n", " this._resize_canvas = function(width, height) {\n", " // Keep the size of the canvas, canvas container, and rubber band\n", " // canvas in synch.\n", " canvas_div.css('width', width)\n", " canvas_div.css('height', height)\n", "\n", " canvas.attr('width', width * mpl.ratio);\n", " canvas.attr('height', height * mpl.ratio);\n", " canvas.attr('style', 'width: ' + width + 'px; height: ' + height + 'px;');\n", "\n", " rubberband.attr('width', width);\n", " rubberband.attr('height', height);\n", " }\n", "\n", " // Set the figure to an initial 600x600px, this will subsequently be updated\n", " // upon first draw.\n", " this._resize_canvas(600, 600);\n", "\n", " // Disable right mouse context menu.\n", " $(this.rubberband_canvas).bind(\"contextmenu\",function(e){\n", " return false;\n", " });\n", "\n", " function set_focus () {\n", " canvas.focus();\n", " canvas_div.focus();\n", " }\n", "\n", " window.setTimeout(set_focus, 100);\n", "}\n", "\n", "mpl.figure.prototype._init_toolbar = function() {\n", " var fig = this;\n", "\n", " var nav_element = $('
')\n", " nav_element.attr('style', 'width: 100%');\n", " this.root.append(nav_element);\n", "\n", " // Define a callback function for later on.\n", " function toolbar_event(event) {\n", " return fig.toolbar_button_onclick(event['data']);\n", " }\n", " function toolbar_mouse_event(event) {\n", " return fig.toolbar_button_onmouseover(event['data']);\n", " }\n", "\n", " for(var toolbar_ind in mpl.toolbar_items) {\n", " var name = mpl.toolbar_items[toolbar_ind][0];\n", " var tooltip = mpl.toolbar_items[toolbar_ind][1];\n", " var image = mpl.toolbar_items[toolbar_ind][2];\n", " var method_name = mpl.toolbar_items[toolbar_ind][3];\n", "\n", " if (!name) {\n", " // put a spacer in here.\n", " continue;\n", " }\n", " var button = $('