environment.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [],
   "source": [
    "import sys\n",
    "sys.path.append('../')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {},
   "outputs": [],
   "source": [
    "# importnb allows us to load the code from other notebooks\n",
    "from importnb import Notebook\n",
    "with Notebook():\n",
    "    import OfficeAutomation.common as common"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {},
   "outputs": [],
   "source": [
    "import crestdsl.model as crest\n",
    "import crestdsl.simulation as crestsim\n",
    "import crestdsl.ml as crestml\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [],
   "source": [
    "import logging\n",
    "fllog = logging.getLogger(\"crestdsl.ml.functionlearn\")\n",
    "fllog.setLevel(logging.DEBUG)\n",
    "mllog = logging.getLogger(\"crestdsl.ml.functionlearn\")\n",
    "mllog.setLevel(logging.DEBUG)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "metadata": {
    "scrolled": false
   },
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "DEBUG:crestdsl.ml.functionlearn--Creating dataset with 1000 datapoints\n",
      "DEBUG:crestdsl.ml.functionlearn--Creating observation space\n",
      "DEBUG:crestdsl.ml.functionlearn--Triggering regression on the data.\n",
      "DEBUG:crestdsl.ml.functionlearn--The FastPiecewiseLinearRegressionLearner regression has a r2 score of 0.9997847931688493\n"
     ]
    },
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "\n",
      "def learned_function(value):\n",
      "    if False:\n",
      "        pass\n",
      "    elif value < 0.10557196419981096:  # extend first range to before breakpoint\n",
      "        return value * 94.71142879078826 + -2408.5540157656715\n",
      "    elif value >= 0.10557196419981096 and value < 168.3976643389709:\n",
      "        return value * 94.71142879078826 + -2408.5540157656715\n",
      "    elif value >= 168.3976643389709 and value < 510.4271442615205:\n",
      "        return value * 261.567482448806 + -30506.723732593862\n",
      "    elif value >= 510.4271442615205 and value < 608.0525429984962:\n",
      "        return value * 176.34866777178408 + 12991.272480350206\n",
      "    elif value >= 608.0525429984962 and value < 703.1834591583424:\n",
      "        return value * 81.07819404338751 + 70920.72630357314\n",
      "    elif value >= 703.1834591583424 and value < 807.6477013342815:\n",
      "        return value * -43.914751974750004 + 158813.69845499904\n",
      "    elif value >= 807.6477013342815 and value < 929.4400906355279:\n",
      "        return value * -162.8415333542842 + 254864.64006326447\n",
      "    elif value >= 929.4400906355279 and value < 1225.1100254205796:\n",
      "        return value * -266.02243071580745 + 350765.10265881376\n",
      "    elif value >= 1225.1100254205796 and value < 1336.7271320384357:\n",
      "        return value * -175.6544145611839 + 240054.34009041556\n",
      "    elif value >= 1336.7271320384357 and value < 1439.4337364069952:\n",
      "        return value * -59.77562839694692 + 85156.0225969999\n",
      "    elif value >= 1439.4337364069952:  # extend last range to after brekapoint\n",
      "        return value * -59.77562839694692 + 85156.0225969999\n",
      "\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "    <iframe id=\"iframe_966b5c5c-ccb9-4a8b-83f1-a50a63909eb5\" style=\"border:none;padding:0px;\" width=\"100%\" height=\"25px\" id=\"map\" srcdoc=\"\n",
       "    <html>\n",
       "<head>\n",
       "    <script\n",
       "  src=&quot;https://code.jquery.com/jquery-3.3.1.slim.min.js&quot;\n",
       "  integrity=&quot;sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E=&quot;\n",
       "  crossorigin=&quot;anonymous&quot;></script>\n",
       "\n",
       "    <!-- code highlight -->\n",
       "    <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/vs.min.css&quot; />\n",
       "    <script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js&quot;></script>\n",
       "    <script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/python.min.js&quot;></script>\n",
       "    <!-- <script>hljs.initHighlightingOnLoad();</script> -->\n",
       "\n",
       "    <!-- REMOTE is better!! -->\n",
       "    <script type=&quot;text/javascript&quot;> mxBasePath = 'https://jgraph.github.io/mxgraph/javascript/src/'; </script>\n",
       "\t<script type=&quot;text/javascript&quot; src=&quot;https://jgraph.github.io/mxgraph/javascript/src/js/mxClient.js&quot;></script>\n",
       "    <!-- ELK-JS -->\n",
       "    <script type='text/javascript' src='https://cdn.jsdelivr.net/npm/elkjs@0.3.0/lib/elk.bundled.js'></script>\n",
       "\n",
       "    <!-- import plotting JS -->\n",
       "<script type=text/javascript>\n",
       "zoomIn_icon = &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAw1BMVEUAAAB/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI3xtshnAAAAQHRSTlMAAQIDBAUHCQ4PEhcYGRosLS8wMTI0Njs+XF1fYWJje3x/g4WGi4ylpq+wsrS1t7q+w9na3uDo6evt8/X3+fv9t1zkJwAAASZJREFUOMuFktlaglAUhReCaGYJ2GQ2mg1opU1govK//1N1USIHQtfd+fa/99nDkn5le4NJFE0Gnq3/ZPeW/GnZq5Xj7Yicov1i3E8xlPqF/BQgDFzLcrsjgNSoYUdA4q2fXgJE+T76QNKSBCCplQC9TdxZAZ42gDxguZnWB0bKAxqvUyRJQyAwgS4wyIAp4Co/pVxgkgExYJmABUS7gHjXF1OjSd9sMgBujTFDEwiznGxRneKiFs6OVV+VjtUxjvWVKyC1AQh917LcYATAacEwlDRubLHc5xkwOzBNe7FahxeXtp6B9Nj8xvGH03j2dnfkSGp8A5yrWocpwL1VTZwA8FKvJvoAvDeriQcA5tWE9QrAY3WJ+geGccpqzoGbLYD2nuLr2g/1Ul3l1Ie5ZAAAAABJRU5ErkJggg==&quot;;\n",
       "zoomOut_icon = &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAw1BMVEUAAAB/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI3xtshnAAAAQHRSTlMAAQIDBAUHCQ4PEhcYGRosLS8wMTI0Njs+XF1fYWJje3x/g4WGi4ylpq+wsrS1t7q+w9na3uDo6evt8/X3+fv9t1zkJwAAAR1JREFUOMuFkllbglAQhs8RRLNFwDazssgWsIK2g4nK+/9/VRelMBD63c0z7+yj1K8sN4iNiQPXUv/JGi7503LYqvsPDCWZ/arfyxHKvUp8DhD6jtbOIALIRQ7LAJm7Nt0MMOU+RkDWK+xeBgwL214BbjmlCyyLaT0gkk1NRcgE8CUwAIKNlQCOKk+pHCDeACmgJaABswtId5VIRJOV1frArRgzlEAoYuwV0K8uamHvWPV17Vh9cawvW5wbgNBztHb8CICzysNQ07Sz5eU+z4HZoXzay9Xavbiy1DOQn8gytjdJ0tnb3bGtlOp8A1yoZh3lAPe6mTgF4KXdTIwAeO82Ew8AzJsJ/QrAY3OK9gficerqzoGbLYDae0rHrR80JlXlSHq+OQAAAABJRU5ErkJggg==&quot;;\n",
       "zoomDefault_icon = &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAAB/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI0/GYShAAAALnRSTlMAAQIDBAUGBwgJDhAWHCMnKDA2ODk8UlVZXl9naGxziY6RprXFyMzP2eLo7ff7/VgF5wAAANNJREFUOMu9k2tTgkAYRs/umoKUKJoXKm3zbvX8/5/nB6BAUGZqxvPxnbPzXhfugJ0GsPRLCL1PIPE+zAPB1ILZKoKddhBJKaQqBTaGiW4JGmOcA6yzgHOGeqCN7MEVnDN5ymYiKW0XsrabyQbzb/pxHVtsIY77pKpTVF108XehNQVARfhqEwYvVSH0PsmF1UnSAtZXilybx299AMFno3Dqwej4ADCs1JCvW08A3Sz2dlnkQnp1JXp7KSqf3HPzHH6P1h5uCVsDnfm7v+Dn48wsd+AM5Y05Cyt42pkAAAAASUVORK5CYII=&quot;;\n",
       "print_icon = &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAilBMVEUAAAB/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI1/jI23zaXmAAAALXRSTlMAAQIDBAUJCw4PFBUXHCEiJygpKiwtLzAxRFddcHh5hoiLnaq6vL7P1dze7fewTk3OAAAApUlEQVQ4y73RuRaCMBCF4Rskbow7KipuUdzv+7+ehQ3EJFJ4+Luc+YokA9TqzGrHqDqPaVe0KkCT/dLRfAkHYBH9ADz4Qf65R9sL4twYQ069AABAZg2C3nzlBNvFQAHAnqQTkLx1gTUDgA+FO33tlJBDMAyWAUCSzBoE14uVDTz/wAyvMEjREZGJE2xEJKm/7iQIYucL0xI/OeZPXQJqNLMba/ypN0LNTO2D/cklAAAAAElFTkSuQmCC&quot;;\n",
       "\n",
       "/**\n",
       "    FIXME: CLEAN UP THIS FILE, IT IS A MESS !!!!\n",
       "*/\n",
       "function mxgraph_main(elkgraph){\n",
       "    const elk = new ELK({\n",
       "        defaultLayoutOptions: {\n",
       "            'elk.algorithm': 'layered',\n",
       "            'elk.direction': 'RIGHT',\n",
       "            'elk.padding': '[top=50,left=50,bottom=50,right=50]',\n",
       "            // 'elk.spacing.componentComponent': 25,\n",
       "            'elk.layered.spacing.nodeNodeBetweenLayers': 50,\n",
       "            // 'elk.edgeLabels.inline': true,\n",
       "            'elk.edgeRouting': 'POLYLINE',\n",
       "            'elk.layered.unnecessaryBendpoints': true\n",
       "            }\n",
       "        });\n",
       "\n",
       "    // elkgraph = {'id': 'root', 'label': {'label': '', 'text': ''}, 'children': [{'id': '140503159490208', 'label': {'label': '(t = 1440.0) | Environment', 'text': '(t = 1440.0)'}, 'children': [{'id': '140503157610648', 'label': {'label': 'state'}, 'width': 75, 'height': 75, 'cresttype': 'state', 'currentstate': 1}, {'id': '140503157611264', 'label': {'label': 'time<br />1440.0 (minutes)', 'text': '<h3>time</h3><p>1440.0 (minutes)</p>'}, 'width': 75, 'height': 30, 'cresttype': 'local'}], 'ports': [{'id': '140503220190400', 'label': {'label': 'sun_intensity<br />-920.8823 (lux)', 'text': '<h3>sun_intensity</h3><p>-920.8822946036671 (lux)</p>'}, 'width': 75, 'height': 30, 'cresttype': 'output'}], 'edges': [{'id': '140503157611040', 'label': {'label': 'influence_sun_intensity', 'text': '<h3>influence_sun_intensity</h3><h4>reads port .time --> writes port .sun_intensity</h4>', 'code': '<pre style=&quot;font-size:1.2em;&quot;><code class=&quot;python&quot;>\\ndef learned_function(value):\\n    if False:\\n        pass\\n    elif value < 0.10557196419981096:  # extend first range to before breakpoint\\n        return value * 94.71142879078826 + -2408.5540157656715\\n    elif value >= 0.10557196419981096 and value < 168.3976643389709:\\n        return value * 94.71142879078826 + -2408.5540157656715\\n    elif value >= 168.3976643389709 and value < 510.4271442615205:\\n        return value * 261.567482448806 + -30506.723732593862\\n    elif value >= 510.4271442615205 and value < 608.0525429984962:\\n        return value * 176.34866777178408 + 12991.272480350206\\n    elif value >= 608.0525429984962 and value < 703.1834591583424:\\n        return value * 81.07819404338751 + 70920.72630357314\\n    elif value >= 703.1834591583424 and value < 807.6477013342815:\\n        return value * -43.914751974750004 + 158813.69845499904\\n    elif value >= 807.6477013342815 and value < 929.4400906355279:\\n        return value * -162.8415333542842 + 254864.64006326447\\n    elif value >= 929.4400906355279 and value < 1225.1100254205796:\\n        return value * -266.02243071580745 + 350765.10265881376\\n    elif value >= 1225.1100254205796 and value < 1336.7271320384357:\\n        return value * -175.6544145611839 + 240054.34009041556\\n    elif value >= 1336.7271320384357 and value < 1439.4337364069952:\\n        return value * -59.77562839694692 + 85156.0225969999\\n    elif value >= 1439.4337364069952:  # extend last range to after brekapoint\\n        return value * -59.77562839694692 + 85156.0225969999\\n</code></pre>'}, 'sources': ['140503157611264'], 'targets': ['140503220190400'], 'cresttype': 'influence'}, {'id': '140503157610424', 'label': {'label': 'update_time', 'text': '<h3>update_time</h3><h4>state state --> writes port .time</h4>', 'code': '<pre style=&quot;font-size:1.2em;&quot;><code class=&quot;python&quot;>@crest.update(state=state, target=time)\\ndef update_time(self, dt):\\n    return self.time.value + dt\\n</code></pre>'}, 'sources': ['140503157610648'], 'targets': ['140503157611264'], 'cresttype': 'update'}], 'cresttype': 'entity', 'width': 300, 'height': 200}], 'edges': [], 'cresttype': 'root'}\n",
       "\n",
       "    elk.layout(elkgraph)\n",
       "        .then(function(g){\n",
       "            console.log(g);\n",
       "            plot(g);\n",
       "        });\n",
       "}\n",
       "/**\n",
       "Define a new shape. Based on this:\n",
       "https://github.com/jgraph/mxgraph-js/blob/master/javascript/examples/shape.html\n",
       "*/\n",
       "function OutputShape() {\n",
       "    mxCylinder.call(this);\n",
       "};\n",
       "mxUtils.extend(OutputShape, mxCylinder);\n",
       "OutputShape.prototype.extrude = 10;\n",
       "OutputShape.prototype.redrawPath = function(path, x, y, w, h, isForeground) {\n",
       "    var dy = this.extrude * this.scale;\n",
       "    var dx = this.extrude * this.scale;\n",
       "    if (isForeground) {\n",
       "\n",
       "    } else {\n",
       "        path.moveTo(0, 0);\n",
       "        path.lineTo(w, 0);\n",
       "        path.lineTo(w+dx, h/2);\n",
       "        path.lineTo(w, h);\n",
       "        path.lineTo(0, h);\n",
       "        path.lineTo(0, 0);\n",
       "        path.close();\n",
       "    }\n",
       "};\n",
       "mxCellRenderer.registerShape('output', OutputShape);\n",
       "\n",
       "\n",
       "function InputShape() {\n",
       "    mxCylinder.call(this);\n",
       "};\n",
       "mxUtils.extend(InputShape, mxCylinder);\n",
       "InputShape.prototype.extrude = 10;\n",
       "InputShape.prototype.redrawPath = function(path, x, y, w, h, isForeground) {\n",
       "    var dy = this.extrude * this.scale;\n",
       "    var dx = this.extrude * this.scale;\n",
       "    if (isForeground) {\n",
       "    } else {\n",
       "        path.moveTo(0-dx, 0);\n",
       "        path.lineTo(w, 0);\n",
       "        path.lineTo(w, h);\n",
       "        path.lineTo(0-dx, h);\n",
       "        path.lineTo(0, h/2);\n",
       "        path.lineTo(0-dx, 0);\n",
       "        path.close();\n",
       "    }\n",
       "};\n",
       "mxCellRenderer.registerShape('input', InputShape);\n",
       "\n",
       "// END INPUT DEFINITION\n",
       "\n",
       "function showModalWindow(graph, evt, title, content, width, height) {\n",
       "    var background = document.createElement('div');\n",
       "    background.style.position = 'absolute';\n",
       "    background.style.left = '0px';\n",
       "    background.style.top = '0px';\n",
       "    background.style.right = '0px';\n",
       "    background.style.bottom = '0px';\n",
       "    background.style.background = 'black';\n",
       "    background.style.overflow = 'scroll';\n",
       "    // background.style.padding = '25px';\n",
       "    // background.style.height = '100%';\n",
       "\n",
       "    mxUtils.setOpacity(background, 50);\n",
       "    document.body.appendChild(background);\n",
       "\n",
       "    if (mxClient.IS_IE) {\n",
       "        new mxDivResizer(background);\n",
       "    }\n",
       "\n",
       "    var x = Math.max(100, evt.offsetX-width/2); //document.body.scrollWidth/2-width/2);\n",
       "    var y = Math.max(10, evt.offsetY); //-height*2/3); //(document.body.scrollHeight ||\n",
       "        //document.documentElement.scrollHeight)/2-height*2/3);\n",
       "    var wnd = new mxWindow(title, content, x, y, width, height, false, true);\n",
       "    wnd.setScrollable(true);\n",
       "    wnd.setClosable(true);\n",
       "\n",
       "    // Fades the background out after after the window has been closed\n",
       "    wnd.addListener(mxEvent.DESTROY, function(evt) {\n",
       "        graph.setEnabled(true);\n",
       "        mxEffects.fadeOut(background, 50, true, 10, 30, true);\n",
       "    });\n",
       "\n",
       "    // close if we click on gray background\n",
       "    background.onclick = function(){\n",
       "        wnd.destroy();\n",
       "    }\n",
       "\n",
       "    graph.setEnabled(false);\n",
       "    graph.tooltipHandler.hide();\n",
       "    wnd.setVisible(true);\n",
       "\n",
       "    $('pre code').each(function(i, block) {\n",
       "        hljs.highlightBlock(block);\n",
       "      });\n",
       "    // hljs.highlightBlock(block);\n",
       "};\n",
       "\n",
       "function setStyles(graph){\n",
       "    // ROOT\n",
       "    style = graph.getStylesheet().getDefaultVertexStyle();\n",
       "    style = mxUtils.clone(style);\n",
       "    style[mxConstants.STYLE_SHAPE] = mxConstants.SHAPE_RECTANGLE;\n",
       "    style[mxConstants.STYLE_FILLCOLOR] = '#FFFFFF';\n",
       "    style[mxConstants.STYLE_STROKEWIDTH] = 0;\n",
       "    style[mxConstants.STYLE_STROKECOLOR] = &quot;#FFFFFF&quot;;\n",
       "    // style[mxConstants.DEFAULT_STARTSIZE] = 10;\n",
       "    // style[mxConstants.STYLE_LABEL_WIDTH] = 70;\n",
       "    graph.getStylesheet().putCellStyle('root', style);\n",
       "\n",
       "    // ENTITY\n",
       "    style = graph.getStylesheet().getDefaultVertexStyle();\n",
       "    style = mxUtils.clone(style);\n",
       "    style[mxConstants.STYLE_SHAPE] = mxConstants.SHAPE_SWIMLANE;\n",
       "    // style[mxConstants.DEFAULT_STARTSIZE] = 10;\n",
       "    // style[mxConstants.STYLE_LABEL_WIDTH] = 70;\n",
       "    graph.getStylesheet().putCellStyle('entity', style);\n",
       "\n",
       "    // port style\n",
       "        // output\n",
       "    style = graph.getStylesheet().getDefaultVertexStyle();\n",
       "    style = mxUtils.clone(style);\n",
       "    style[mxConstants.STYLE_FILLCOLOR] = '#fcc5b3';\n",
       "    style[mxConstants.STYLE_SHAPE] = 'output';\n",
       "    style[mxConstants.STYLE_OVERFLOW] = 'width';\n",
       "    style[mxConstants.STYLE_SPACING_RIGHT] = OutputShape.prototype.extrude/2;\n",
       "    graph.getStylesheet().putCellStyle('output', style);\n",
       "\n",
       "    // Local\n",
       "    style = graph.getStylesheet().getDefaultVertexStyle();\n",
       "    style = mxUtils.clone(style);\n",
       "    style[mxConstants.STYLE_FILLCOLOR] = '#d2ceef';\n",
       "    style[mxConstants.STYLE_OVERFLOW] = 'width';\n",
       "    graph.getStylesheet().putCellStyle('local', style);\n",
       "\n",
       "    style = mxUtils.clone(style);\n",
       "    style[mxConstants.STYLE_RESIZABLE] = 0;\n",
       "    graph.getStylesheet().putCellStyle('midpoint', style);\n",
       "\n",
       "    // inputs\n",
       "    style = graph.getStylesheet().getDefaultVertexStyle();\n",
       "    style = mxUtils.clone(style);\n",
       "    style[mxConstants.STYLE_FILLCOLOR] = '#b5fed9';\n",
       "    style[mxConstants.STYLE_SHAPE] = 'input';\n",
       "    style[mxConstants.STYLE_OVERFLOW] = 'width';\n",
       "    style[mxConstants.STYLE_SPACING_LEFT] = InputShape.prototype.extrude/2;\n",
       "    graph.getStylesheet().putCellStyle('input', style);\n",
       "\n",
       "\n",
       "    // STATE\n",
       "    style = graph.getStylesheet().getDefaultVertexStyle();\n",
       "    style = mxUtils.clone(style);\n",
       "    style[mxConstants.STYLE_SHAPE] = mxConstants.SHAPE_ELLIPSE;\n",
       "    style[mxConstants.STYLE_FILLCOLOR] = '#e2cbc1';\n",
       "    graph.getStylesheet().putCellStyle('state', style);\n",
       "\n",
       "        // currentstate\n",
       "    style = mxUtils.clone(style);\n",
       "    style[mxConstants.STYLE_SHAPE] = mxConstants.SHAPE_DOUBLE_ELLIPSE;\n",
       "    graph.getStylesheet().putCellStyle('currentstate', style);\n",
       "\n",
       "\n",
       "    // EDGES\n",
       "    style = graph.getStylesheet().getDefaultEdgeStyle();\n",
       "    style[mxConstants.STYLE_CURVED] = 1;\n",
       "    style[mxConstants.STYLE_FONTCOLOR] = 'black';\n",
       "    style[mxConstants.STYLE_STROKECOLOR] = 'black';\n",
       "    style[mxConstants.STYLE_STROKEWIDTH] = '1';\n",
       "\n",
       "    style = mxUtils.clone(style);\n",
       "    style[mxConstants.STYLE_DASHED] = true;\n",
       "    style[mxConstants.STYLE_DASH_PATTERN] = &quot;7 3&quot;;\n",
       "    style[mxConstants.STYLE_FIX_DASH] = '1';\n",
       "\n",
       "    graph.getStylesheet().putCellStyle('update', style);\n",
       "\n",
       "    style = mxUtils.clone(style);\n",
       "    // style[mxConstants.STYLE_STROKECOLOR] = 'orange';\n",
       "    style[mxConstants.STYLE_DASH_PATTERN] = &quot;2 2&quot;;\n",
       "    graph.getStylesheet().putCellStyle('action', style);\n",
       "\n",
       "    // style = mxUtils.clone(style);\n",
       "    // style[mxConstants.STYLE_DO] = true;\n",
       "}\n",
       "\n",
       "function adjustSizeOfContainerAndFrame(container, graph){\n",
       "    let iframewidth = iframe.getBoundingClientRect().width;\n",
       "    let graphbounds = graph.getGraphBounds();\n",
       "\n",
       "    let ratio = iframewidth / graphbounds.width;\n",
       "    let wanted_containerheight = graphbounds.height * ratio;\n",
       "\n",
       "    container.style.height = wanted_containerheight +'px';\n",
       "    if(iframewidth < graphbounds){\n",
       "        graph.fit();  // Only zoom out if the graph is bigger than the window\n",
       "    }\n",
       "    graph.center();\n",
       "\n",
       "    iframe.style.height = (wanted_containerheight + 50) +'px'; // adjust own iframe size\n",
       "\n",
       "    // if nested:\n",
       "    if(iframe.parentNode.id == &quot;output&quot;){ // adjust parent div output's size\n",
       "        iframe.parentNode.style.height = (graphbounds.height*ratio + 50) +'px'; // parent div size\n",
       "    }\n",
       "\n",
       "    // adjust size of parent iframe\n",
       "    var parent_iframe = window.parent.ss_iframe;\n",
       "    if(parent_iframe){\n",
       "        var innerDoc = parent_iframe.contentDocument || parent_iframe.contentWindow.document;\n",
       "        var parent_graph_height = innerDoc.getElementById(&quot;graphContainer&quot;).style.height;\n",
       "        parent_iframe.style.height = (parent_graph_height.replace(&quot;px&quot;, &quot;&quot;)*1+ 50 + wanted_containerheight + 50 ) + &quot;px&quot;;\n",
       "    }\n",
       "\n",
       "}\n",
       "\n",
       "function plot(elkgraph){\n",
       "    var container = document.getElementById('graphContainer');\n",
       "    var outline = document.getElementById('outlineContainer');\n",
       "\n",
       "\n",
       "    // Checks if the browser is supported\n",
       "    if (!mxClient.isBrowserSupported())\n",
       "    {\n",
       "        // Displays an error message if the browser is not supported.\n",
       "        mxUtils.error('Browser is not supported!', 200, false);\n",
       "    }\n",
       "    else\n",
       "    {\n",
       "        // Disables the built-in context menu\n",
       "        mxEvent.disableContextMenu(container);\n",
       "\n",
       "        // Creates the graph inside the given container\n",
       "        var graph = new mxGraph(container);\n",
       "        graph.setTooltips(true);\n",
       "        graph.setConnectable(false);\n",
       "        graph.setCellsDisconnectable(false);  // stop edges from disconnecting\n",
       "        graph.setDisconnectOnMove(false)  // stop edges from disconnecting\n",
       "        graph.setCellsEditable(false);\n",
       "        graph.setResizeContainer(false);\n",
       "        // graph.setResizable = false;\n",
       "        graph.setHtmlLabels(true);\n",
       "        graph.isEdgeLabelsMovable(false);\n",
       "        graph.setAllowDanglingEdges(false);\n",
       "        graph.setCellsBendable(true);\n",
       "        graph.graphHandler.setRemoveCellsFromParent(false);\n",
       "        graph.gridSize = 25;\n",
       "\n",
       "        var toolbarElement = document.getElementById('toolbarDiv');\n",
       "\n",
       "        var tb = new mxToolbar(toolbarElement);\n",
       "        let getUrl = window.parent.location;\n",
       "        let baseUrl = getUrl.origin + &quot;/&quot; + getUrl.pathname.split('/')[1];\n",
       "        let imgUrl = baseUrl + '/CREST/crestdsl/ui/icons/add.png';\n",
       "        tb.addItem('Zoom In', zoomIn_icon,function(evt) {\n",
       "            graph.zoomIn();\n",
       "        });\n",
       "        tb.addItem('Zoom Out', zoomOut_icon,function(evt) {\n",
       "            graph.zoomOut();\n",
       "        });\n",
       "\n",
       "        tb.addItem('Actual Size', zoomDefault_icon,function(evt) {\n",
       "            adjustSizeOfContainerAndFrame(container, graph);\n",
       "        });\n",
       "        tb.addItem('Poster Print', print_icon,function(evt) {\n",
       "        var pageCount = mxUtils.prompt('Enter maximum page count', '1');\n",
       "        if (pageCount != null) {\n",
       "            var scale = mxUtils.getScaleForPageCount(pageCount, graph);\n",
       "            var preview = new mxPrintPreview(graph, scale);\n",
       "            preview.open();\n",
       "        }\n",
       "        });\n",
       "        // tb.addItem('Zoom In', baseUrl + '/CREST/crestdsl/ui/icons/zoom_in32.png',function(evt) {\n",
       "        //     graph.zoomIn();\n",
       "        // });\n",
       "        // tb.addItem('Zoom Out', baseUrl + '/CREST/crestdsl/ui/icons/zoom_out32.png',function(evt) {\n",
       "        //     graph.zoomOut();\n",
       "        // });\n",
       "        // \n",
       "        // tb.addItem('Actual Size', baseUrl + '/CREST/crestdsl/ui/icons/view_1_132.png',function(evt) {\n",
       "        //     adjustSizeOfContainerAndFrame(container, graph);\n",
       "        // });\n",
       "        // // tb.addItem('Print', baseUrl + '/CREST/crestdsl/ui/icons/print32.png',function(evt) {\n",
       "        // // var preview = new mxPrintPreview(graph, 1);\n",
       "        // //     preview.open();\n",
       "        // // });\n",
       "        // tb.addItem('Poster Print', baseUrl + '/CREST/crestdsl/ui/icons/press32.png',function(evt) {\n",
       "        // var pageCount = mxUtils.prompt('Enter maximum page count', '1');\n",
       "        // if (pageCount != null) {\n",
       "        //     var scale = mxUtils.getScaleForPageCount(pageCount, graph);\n",
       "        //     var preview = new mxPrintPreview(graph, scale);\n",
       "        //     preview.open();\n",
       "        // }\n",
       "        // });\n",
       "        wnd = new mxWindow('Tools', toolbarElement, 5, 5, 180, 66, false);\n",
       "        wnd.setMaximizable(false);\n",
       "        wnd.setScrollable(false);\n",
       "        wnd.setResizable(false);\n",
       "        wnd.setVisible(true);\n",
       "\n",
       "        var outln = new mxOutline(graph, outline);\n",
       "        outlineWnd = new mxWindow('Outline', outline, 5, 71, 180, 140, false);\n",
       "        outlineWnd.setMaximizable(false);\n",
       "        outlineWnd.setScrollable(false);\n",
       "        outlineWnd.setResizable(true);\n",
       "        outlineWnd.setVisible(true);\n",
       "\n",
       "\n",
       "\n",
       "        setStyles(graph);\n",
       "\n",
       "        graph.getTooltipForCell = function(cell) {\n",
       "            if(cell.value.text){\n",
       "                return cell.value.text;\n",
       "            } else {\n",
       "                return '<h3>'+cell.value.label+'</h3>';\n",
       "            }\n",
       "        }\n",
       "\n",
       "        graph.getLabel = function(cell){\n",
       "            if(cell.isEdge()){\n",
       "                // let srcX = cell.source.geometry.x + cell.source.geometry.width/2;\n",
       "                // let srcY = cell.source.geometry.y + cell.source.geometry.height/2;\n",
       "                // let tgtX = cell.target.geometry.x + cell.target.geometry.width/2;\n",
       "                // let tgtY = cell.target.geometry.y + cell.target.geometry.height/2;\n",
       "                //\n",
       "                // let distance = Math.sqrt( Math.abs(tgtX - srcX) ** 2 + Math.abs(tgtY - srcY) ** 2 );\n",
       "                // if(distance > 3 * 5 * cell.value.label.length && distance >= 100){\n",
       "                //     return cell.value.label;\n",
       "                // } else {\n",
       "                //     return '';\n",
       "                // }\n",
       "                return '';\n",
       "            }\n",
       "\n",
       "            return cell.value.label;\n",
       "        }\n",
       "\n",
       "    var highlightable = [&quot;state&quot;, &quot;currentstate&quot;, &quot;transition&quot;, &quot;local&quot;, &quot;input&quot;, &quot;output&quot;];\n",
       "\n",
       "    // highlight the outgoing and incoming edges on node selection\n",
       "    graph.getSelectionModel().addListener(mxEvent.CHANGE, function(sender, evt){\n",
       "        graph.getModel().beginUpdate();\n",
       "        evt.consume();\n",
       "        try {\n",
       "\n",
       "            var remove = evt.properties.added;\n",
       "            // console.log(changes);\n",
       "            for (var i = 0; i < remove.length; i++) {\n",
       "                var rem = remove[i];\n",
       "                if(highlightable.indexOf(rem.getStyle()) < 0){ continue; }\n",
       "                if(rem.edges){\n",
       "                    rem.edges.forEach(function(edge){\n",
       "                        graph.setCellStyles(mxConstants.STYLE_STROKECOLOR, 'black', [edge]);\n",
       "                        graph.setCellStyles(mxConstants.STYLE_FONTCOLOR, 'black', [edge]);\n",
       "                        graph.setCellStyles(mxConstants.STYLE_STROKEWIDTH, '1', [edge]);\n",
       "                    });\n",
       "                }\n",
       "            }\n",
       "\n",
       "            var added = evt.properties.removed;\n",
       "            for (var i = 0; i < added.length; i++) {\n",
       "                var add = added[i];\n",
       "                if(highlightable.indexOf(add.getStyle()) < 0){ continue; }\n",
       "                if(add.edges){\n",
       "                    add.edges.forEach(function(edge){\n",
       "                        if(edge.source.id == add.id){\n",
       "                            graph.setCellStyles(mxConstants.STYLE_STROKECOLOR, 'blue', [edge]);\n",
       "                            graph.setCellStyles(mxConstants.STYLE_FONTCOLOR, 'blue', [edge]);\n",
       "                            graph.setCellStyles(mxConstants.STYLE_STROKEWIDTH, '2', [edge]);\n",
       "\n",
       "                        } else if(edge.target.id == add.id){\n",
       "                            graph.setCellStyles(mxConstants.STYLE_STROKECOLOR, 'red', [edge]);\n",
       "                            graph.setCellStyles(mxConstants.STYLE_FONTCOLOR, 'red', [edge]);\n",
       "                            graph.setCellStyles(mxConstants.STYLE_STROKEWIDTH, '2', [edge]);\n",
       "                        }\n",
       "                    });\n",
       "                }\n",
       "            }\n",
       "        } finally {\n",
       "            graph.getModel().endUpdate();\n",
       "            graph.refresh();\n",
       "        }\n",
       "    });\n",
       "\n",
       "    // Shift + click for adding/removing bendpoints\n",
       "    mxEdgeHandler.prototype.addEnabled = true;\n",
       "    mxEdgeHandler.prototype.removeEnabled = true;\n",
       "    // mxEdgeHandler.prototype.dblClickRemoveEnabled = true;\n",
       "\n",
       "    graph.dblClick = function(evt, cell) {\n",
       "        // Do not fire a DOUBLE_CLICK event here as mxEditor will\n",
       "        // consume the event and start the in-place editor.\n",
       "        if (this.isEnabled() && !mxEvent.isConsumed(evt) && cell != null) {\n",
       "            if(cell.isEdge()){\n",
       "                var content = document.createElement('div');\n",
       "                console.log(cell);\n",
       "                if(cell.value.code){\n",
       "                    content.innerHTML = cell.value.code;\n",
       "                } else {\n",
       "                    content.innerHTML = this.convertValueToString(cell);\n",
       "                }\n",
       "                showModalWindow(this, evt, 'SourceCode', content, 800, 300);\n",
       "            }\n",
       "        }\n",
       "\n",
       "        // Disables any default behaviour for the double click\n",
       "        mxEvent.consume(evt);\n",
       "    };\n",
       "\n",
       "    var parent = graph.getDefaultParent();\n",
       "    parent.setStyle(&quot;root&quot;);\n",
       "\n",
       "    // Adds cells to the model in a single step\n",
       "    graph.getModel().beginUpdate();\n",
       "    try\n",
       "    {\n",
       "        addRecursively(graph, parent, elkgraph);\n",
       "        // layout.execute(parent);\n",
       "    }\n",
       "    finally\n",
       "    {\n",
       "        // Updates the display\n",
       "        graph.getModel().endUpdate();\n",
       "\n",
       "        adjustSizeOfContainerAndFrame(container, graph);\n",
       "\n",
       "    }\n",
       "}\n",
       "}\n",
       "\n",
       "/******************************\n",
       "         GRAPH CREATION\n",
       " ******************************/\n",
       "function addRecursively(graph, parent, elknode){\n",
       "    let root = addNode(graph, parent, elknode);\n",
       "\n",
       "    if(elknode.children){\n",
       "        elknode.children.forEach(function(child){\n",
       "            addRecursively(graph, root, child);\n",
       "        });\n",
       "    }\n",
       "\n",
       "    if(elknode.ports){\n",
       "        elknode.ports.forEach(function(port){\n",
       "            addRecursively(graph, root, port);\n",
       "        });\n",
       "    }\n",
       "\n",
       "    if(elknode.edges){\n",
       "        elknode.edges.forEach(function(edge){\n",
       "            addEdge(graph, root, edge);\n",
       "        });\n",
       "    }\n",
       "}\n",
       "\n",
       "function addNode(graph, parent, elknode){\n",
       "    let style = elknode.cresttype;\n",
       "    if(elknode.cresttype == &quot;midpoint&quot;){\n",
       "        return null;\n",
       "    }\n",
       "\n",
       "    if(elknode.cresttype == 'state' && elknode.currentstate){\n",
       "        style = 'currentstate';\n",
       "    }\n",
       "    // TODO: we need to be aware that the height of an entity needs to be X pixels higher\n",
       "    // and that we also need to displace all x coordinates by that much\n",
       "    let vertex = graph.insertVertex(parent, elknode.id, elknode.label, elknode.x, elknode.y, elknode.width, elknode.height, style);\n",
       "    return vertex;\n",
       "}\n",
       "\n",
       "function addEdge(graph, parent, elknode){\n",
       "    let style = elknode.cresttype;\n",
       "    let source = graph.getModel().getCell(elknode.sources[0]);\n",
       "    let target = graph.getModel().getCell(elknode.targets[0]);\n",
       "    let edge = graph.insertEdge(parent, elknode.id, elknode.label, source, target, style);\n",
       "\n",
       "    // for transitions add action attachment point\n",
       "    if(style == &quot;transition&quot;){\n",
       "        let mid = graph.insertVertex(edge, elknode.id+&quot;_mid&quot;, &quot;mid&quot;, 0, 0, 0, 0, 'strokeColor=green;rounded=1;', true);\n",
       "    }\n",
       "    var points = edge.geometry.points || []; // read original\n",
       "\n",
       "    // points.push(new mxPoint(step33.geometry.x + step33.geometry.width / 2 + 20,\n",
       "    // \t\t\t\t\t\tstep11.geometry.y + step11.geometry.height * 4 / 5)];)\n",
       "    if(elknode.sections && elknode.sections.length > 0){\n",
       "        section = elknode.sections[0];\n",
       "        // points.push(new mxPoint(section.startPoint.x, section.startPoint.y));\n",
       "        if(section.bendPoints){\n",
       "            for(let i = 0; i < section.bendPoints.length; i++){\n",
       "                points.push(new mxPoint(section.bendPoints[i].x, section.bendPoints[i].y));\n",
       "            }\n",
       "        }\n",
       "        points.push(new mxPoint(section.endPoint.x, section.endPoint.y));\n",
       "    }\n",
       "\n",
       "    edge.geometry.points = points;  // write back\n",
       "}\n",
       "</script>\n",
       "<script type='text/javascript'>\n",
       "    const iframe = window.parent.document.getElementById('iframe_966b5c5c-ccb9-4a8b-83f1-a50a63909eb5');\n",
       "\n",
       "    main = function(){\n",
       "        elkgraph = {'id': 'root', 'label': {'label': '', 'text': ''}, 'children': [{'id': '140503159490208', 'label': {'label': '(t = 1440.0) | Environment', 'text': '(t = 1440.0)'}, 'children': [{'id': '140503157610648', 'label': {'label': 'state'}, 'width': 75, 'height': 75, 'cresttype': 'state', 'currentstate': 1}, {'id': '140503157611264', 'label': {'label': 'time<br />1440.0 (minutes)', 'text': '<h3>time</h3><p>1440.0 (minutes)</p>'}, 'width': 75, 'height': 30, 'cresttype': 'local'}], 'ports': [{'id': '140503220190400', 'label': {'label': 'sun_intensity<br />-920.8823 (lux)', 'text': '<h3>sun_intensity</h3><p>-920.8822946036671 (lux)</p>'}, 'width': 75, 'height': 30, 'cresttype': 'output'}], 'edges': [{'id': '140503157611040', 'label': {'label': 'influence_sun_intensity', 'text': '<h3>influence_sun_intensity</h3><h4>reads port .time --> writes port .sun_intensity</h4>', 'code': '<pre style=&quot;font-size:1.2em;&quot;><code class=&quot;python&quot;>\\ndef learned_function(value):\\n    if False:\\n        pass\\n    elif value < 0.10557196419981096:  # extend first range to before breakpoint\\n        return value * 94.71142879078826 + -2408.5540157656715\\n    elif value >= 0.10557196419981096 and value < 168.3976643389709:\\n        return value * 94.71142879078826 + -2408.5540157656715\\n    elif value >= 168.3976643389709 and value < 510.4271442615205:\\n        return value * 261.567482448806 + -30506.723732593862\\n    elif value >= 510.4271442615205 and value < 608.0525429984962:\\n        return value * 176.34866777178408 + 12991.272480350206\\n    elif value >= 608.0525429984962 and value < 703.1834591583424:\\n        return value * 81.07819404338751 + 70920.72630357314\\n    elif value >= 703.1834591583424 and value < 807.6477013342815:\\n        return value * -43.914751974750004 + 158813.69845499904\\n    elif value >= 807.6477013342815 and value < 929.4400906355279:\\n        return value * -162.8415333542842 + 254864.64006326447\\n    elif value >= 929.4400906355279 and value < 1225.1100254205796:\\n        return value * -266.02243071580745 + 350765.10265881376\\n    elif value >= 1225.1100254205796 and value < 1336.7271320384357:\\n        return value * -175.6544145611839 + 240054.34009041556\\n    elif value >= 1336.7271320384357 and value < 1439.4337364069952:\\n        return value * -59.77562839694692 + 85156.0225969999\\n    elif value >= 1439.4337364069952:  # extend last range to after brekapoint\\n        return value * -59.77562839694692 + 85156.0225969999\\n</code></pre>'}, 'sources': ['140503157611264'], 'targets': ['140503220190400'], 'cresttype': 'influence'}, {'id': '140503157610424', 'label': {'label': 'update_time', 'text': '<h3>update_time</h3><h4>state state --> writes port .time</h4>', 'code': '<pre style=&quot;font-size:1.2em;&quot;><code class=&quot;python&quot;>@crest.update(state=state, target=time)\\ndef update_time(self, dt):\\n    return self.time.value + dt\\n</code></pre>'}, 'sources': ['140503157610648'], 'targets': ['140503157611264'], 'cresttype': 'update'}], 'cresttype': 'entity', 'width': 300, 'height': 200}], 'edges': [], 'cresttype': 'root'};\n",
       "        mxgraph_main(elkgraph);  // trigger drawing\n",
       "    };\n",
       "</script>\n",
       "</head>\n",
       "<body onload='main()'>\n",
       "    <!-- Creates a container for the graph with a grid wallpaper -->\n",
       "    <div id=&quot;outlineContainer&quot; style=&quot;height:100%;width:100%;&quot;></div>\n",
       "    <div id=&quot;toolbarDiv&quot; style=&quot;padding:4px;&quot;></div>\n",
       "    <div id='graphContainer' style='position:relative;overflow:hidden;width:100%;height:25px;cursor:default;'> </div>\n",
       "</body>\n",
       "</html>\n",
       "\n",
       "    \" />\n",
       "    "
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "import math\n",
    "class Environment(crest.Entity):\n",
    "    state = current = crest.State()\n",
    "    \n",
    "    sun_intensity = crest.Output(resource=common.res_lux, value=0)\n",
    "    time = crest.Local(resource=common.res_time, value=0)\n",
    "    \n",
    "    @crest.update(state=state, target=time)\n",
    "    def update_time(self, dt):\n",
    "        return self.time.value + dt\n",
    "\n",
    "    @crestml.learn(learner='fastpiecewise', segments=9, samples=1000, ranges={time: (0, 1440)})\n",
    "    @crest.influence(source=time, target=sun_intensity)\n",
    "    def influence_sun_intensity(value):\n",
    "        return (math.sin(((value % 1440)/1440.0) * 2 * math.pi - 0.5 * math.pi) + 1) * 63500\n",
    "\n",
    "# env = Environment()\n",
    "\n",
    "# learned = env.influence_sun_intensity.function\n",
    "# df = learned.data\n",
    "# model = learned.model\n",
    "\n",
    "# print(learned.source)\n",
    "\n",
    "# import matplotlib as plt\n",
    "# import numpy as np\n",
    "# import pandas as pd\n",
    "\n",
    "# df = pd.DataFrame()\n",
    "# df[\"x\"] = np.arange(0, 1440, 10).reshape(-1,)\n",
    "# df[\"defined\"] = df.apply(lambda row: Environment().influence_sun_intensity.function.original_function(row[\"x\"]), axis=1)\n",
    "# df[\"regression\"] = df.apply(lambda row: Environment().influence_sun_intensity.function(row[\"x\"]), axis=1)\n",
    "\n",
    "# # %matplotlib inline\n",
    "# # df.plot()\n",
    "\n",
    "# # crest.Validator(Environment()).check_all()\n",
    "\n",
    "# sim = crestsim.Simulator(Environment())\n",
    "# sim.system.time.value = 0\n",
    "# sim.stabilise()\n",
    "# for _ in range(144):\n",
    "#     sim.advance(10)\n",
    "# #     print(sim.system.time.value, sim.system.sun_intensity.value == model.predict([sim.system.time.value]), sim.system.sun_intensity.value, model.predict([sim.system.time.value]))\n",
    "# sim.plot()\n",
    "    \n",
    "\n",
    "# # print(df[df[\"self.time.value\"] == 720])\n",
    "# # print(model.predict([720]))\n",
    "\n",
    "# # X = df[\"self.time.value\"]\n",
    "# # y = df.function_return_value\n",
    "# # plt.scatter(x=X, y=y,color='g',marker=\"x\")\n",
    "# # # print(model.predict(df[\"time\"].values.reshape(-1,1)))\n",
    "# # plt.plot(df[\"self.time.value\"], model.predict(df[\"self.time.value\"]),color='k')\n",
    "# # plt.show()\n",
    "# # df"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.7.3"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}