01-pakistan-flood-2022.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "<img src=\"https://thediplomat.com/wp-content/uploads/2022/10/sizes/td-story-s-2/thediplomat_2022-10-19-193918.jpg\" style=\"width:50%; display: block; margin-left: auto; margin-right: auto\">\n",
    "<table style=\"width:50%\">\n",
    "    <tr>\n",
    "        <th><img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUUAAACbCAMAAADC6XmEAAAAsVBMVEUAZpn///8AYZYAY5cAX5WGtMxhn7/B0t8sgKnJ2+YEb5/m7/SGrMX3+/0nfagAXZSOrsYAaJp2o8BspsM1ha2tyNhJjbMAWpLP3OacuM2QutFOkrVPi67h6fDv9fhdmbpqnbrf7fPR5O0sdaKhwdQ8e6bC2uaewNQAVpGLt85JhKu51OKpwdR5rsnA2uZjlLYxdaS0ydh/pcA/jbRSibBsl7ew0N9TmbsTeqfD1OA8eabHWEzaAAAfeUlEQVR4nN1dCXuivBYmi1aBQEGRuqGAS5Vavy7jOPf//7CbhZ2AdHE67Xnu3G9GMYSXk5OzRwEpES9Y7TpfSLttXyOgDXnaZvuVM+1MnLmXm6qS/MV/Wqimib+WXGX6EFzEMNiO4FfP1DRV+0kroUicEYRI+XqCsDfxGjH09RDDD9/n48+KIDpGBRS1pfXxiX0SITRrYsfH/bvfNkIImi4lrFiqaiH2V8rT7+ceqOpehqJ//mcwZATDqBbElfquqSIIFfW/9fSwjYKM1YnfP+0Go/9UiyH8nmHxi5eg+I+BSCcXbmpAdJKliCCG7H/i/5I/Nf/AlnG0JxsBn6f583lxE/NPO/s1RLjdaOIf8VQFjBRFbfqPgUi50fClIPZVASKCxuJZb023DmdAf3N6GD//GnUnfU9wYsRow7/UNqvb9iPaIwvHU7UJR3HyhXDVEV7IQCRr8b5NI6KKRntiv9Umx32oQvfecBgnbib2cb8OVUrherbsnDiurcnT7mxFTMZyGIp34VfCVUfoJEFxEi8avXkXr4BPL3dCuqciqIw2FMJgYFhUG4hlIWJC01JHOzn/11JfvFO494FCnvHXYVVPcFbVv/01f2pr9RYEtZvpyxxsMf0ptGaPlClXZ1eyLVNB6547d9rlIVPSBIzmCiia+i+oiRVCkn16ZbFv4HM7+4aRF+mGq0YgYo8L9ysCgomB0wdGiOvPgrjWj0bjoP3wAccODj0lMr8KqGaC4/Kcic2wQGrr5axtjypGyAa+gRRkdubA09eCDZniaKq96VIfPzzdUHpyth172rPc+9CWCRM5bfk6xnNl8E8uaIrirzJa/p4BgA8tn9DrGNyUUAPwDBWsUuUp2lNJSJeu6aq/d5HmeaTAd3TT8ObRwFCMtjiy18OWtDL8Jxc05ZZh2YLpq+xzs63k2oo9FA/AJkSW7YH5woQIWuGsEzHwKGTavO9MDoPuYtHtHnaraE6B5Xc6dDet1rXYVGBXUfMzZ6+KbVziT/t/1A7QiFNptNK357vSlP+wa5Da5vG01UoDUch51ye6qa4AuVFdrM50x2ffBzcre3q2TG4BCjWacqhrnaf6U99n23g78fjAUEQvipVN3DLeST21ZoDQKoOTkdqTD5J+3y/N+IbP2GjxdM4rwkcfRFT4wxcwD+lO5enIHY3/UEYmj+Pn2ZkZKpKXzPYbdW9v+y23GIf/apgfYRho7yNvESug5QG2anWiMcGpVxqkWzShalDsXXw+n7tW4MwHp3vFdMCD0QfaSOkyE4WclvtQueCAoGolXfZ+KxQtDlz+xy9vU2ZzNIhRLMusUwOKFetk8CkoksRfgV99sMOqRigewQtVcoB3mkKmazchmGBBNfFpC9nIUVSujKLz11GcL1woCJlLDywXHvDoIqaisL+07l0TUq1Q/LnoT4Xm8OnSVvYjUSRPBj4Pp4vlYjEanqmmOI8H8aLOwtbH4wdO4/Gtbi9GPRWajYsb4qPTjMmXo/i7ZpAPoOhtB858TkUsJU2bB9keQeiHxR8S5iG7u5l0e4pbDyWyjuVpFB/wb8jFJhSnNYN8AEUgvvP8IPALoFHtmviPp+2kc2DUmWxPGz+5gAST3yGdkBxJpHQa7vjlvHgFFIl2N3lRTff+3rXWdrY5kNVIoZ/lgnPUbnZdxZjaqzuqatNL/O1yr0KpoxUP69nxc1HE/wCKZHPbo5sGNZHVX+Pc/qpRI8h3nntmBSO6EVNjcLgcR0zH1qLxzMISjoThtu6eP25FB3ZoMvcXHm6ZZhj48ccgWNgOW9HOCEp9BhR2a33UI49t5JOeW2VIZNX5kX7YiiYHVXgapmxL8SYj4YT0wGsAtshaDwImAAdIxmt8OkgNF8wJQfoLiYiESzk2ghd7PwTFvmoyazy0fbYyh+4ooHxFwMD312cCbLrM79WVRjmys7dq92Po4t83zEbcUhFZusqkppCEfhSKUUh/i41bynD9W8O1Jh7od/tgFYJNCHXhwEJYfb6hOvjqqNRH66B73rHQ1skOS1zLDPMqfTWK6BNR7K+RAq1niuHmWTXN8w2zA7eUQad0BkiNwIm7oimOTIv2no7yzVhJLhr7gNzdqkUpKothfDmKn8iLmkHNvSFdwMGCCkeTreYFHAJvYQ7Ait5ppIFFEve09hNmyfTcJpNFWR98uq8flAI/YvvnoDisoEhUjFS6mWhdl/kpdUKZEKsa2EFzAm4hf3ytlwyOsMISgU7DplQdtktR5cfjW1Y2Zf3KKP49fbGCImU5a+kDbct8Ocja0tWMoOKAjYXMEwsW0K0hAk+5IB02VnO2hTS6IyBeUu7uL3MZLagafayiqITPt++kOOzwFSiSHQ6pOhjNGNfA0AGeTllp6ZEhVNwNWfKIl+EROwcZwkMqH/3b5pwfqNobQKJpFt5DYXlOEhSVd2fzxTP8ChQjxaCMpfOtAIcb4E3F0+7oB67vHfnU4DPwwzznQWsWAXC3aGRHBENdA95WSbcZWPa0y1D8KH0BinPVprvKkIsvuKf7Cl/XHRAwtfCe+CMxqOrE+3RKCI58Kh7DSzhuCfAXqQwtZ778DBTJ7xWVg1aa6tFniiNaE+/IPnIZvkry3aJk/0G40wCxw8ZljdzhHQArI92ciiZ1axQtq/5f5Uv/OoqOAzRdaC0s0BLxnA8cxfYtBoGR3E4vrWn+4d6hImHWnDIH1bEG+rP4FaB1IcDbEkV4/HNXoKghgP0mFEefgKLfp8st5rZZIEwYBU+BthcfguCczNaipkzVPLZ+0d190qQ8Mg/jtE/fVbyqixZ1SxSxXZKn3qj+1f11FAnQhuJXbMlG/EGRdQcmnHOQmiY80gvOwDtWfTpsVwf9c3OCCKKGUJrFC5/eg2JJidT+JRSBFqcBYwai0JDZ2hUfonOcT8HJ7FCpKckVMxc+8OxaH4W4yO16IBC/RmruKX8Eit5IMBEKgzgVgguuODyOjDyK7JqObO5YjQhwjAvScXYHgim/Qz5T6CegKLLIGHtESU6mouggiEdAPdDPbYaIquISZmQygKqFwfTCql6fqHkuEiizDeYnoOjED6ismEdC/P0/HyzjgdAQ/MmrFNYTiO5lc0Estcqz6zy48YStE7U2eXbT8iehmG4d1HZOyiRwJ0vIgBTFwi2pldOVcxw0t1wFb4ICoR0ALA2Gsf6PQZHEtRGmDZJEIUrES1iRZToVUFTMQ7JFSOZjU61w3wyjtSNgycz1FJTvj+JKsBXsEaKn0z3klZsXka2XwyEAk9qAwawP5r8uaI4d4FEYUTq3r0aRCq2PoeglikcAnjI9ZdDJTJEqitRg8l7rgIIhFXz2hUU9ARq9AT6QH4LiIb7ciZPU0wdN/1pFUVGmXUOpI6RMWApuEyEqg7nHd/4zUAxE2QbSCUmtPFbWxuNUokQS9bQ/pbuy3MQGYgKP65Qs3i9GKvl8kOowf1GiM35zFIkuQKQ2iy5cXgijoX378OA4Dw+39kh1Id2k7Zym0+AfTe+MltGRDRUe9TEdio607BVDXXB9x6oRrR+BYmAIO+IRRAIorOp383Sunhbwiu9cmMC+qycn27lVFglzgrRpgOf3l0pePYJ7upthN/oJKI75g5mDuH4DKYdKwibpD3NPjyfl73MUvxOBEgtAlL5eFIJYC6C9mosfgKKoGIMGiWslwkcpOods826LIl7K8me3eW8F3oKNGgbfH8UJl4XUJovYf1moQE6TVC62RBGVPYExrXJ6APdr4O33R1Gw4pIAnjtSW5QOstBfOxRxTVZTsf4Z2R6xONzfGkUeiWIFl4InGwCK61hbogh7tS0rRCQnedAIOEbw3VHkZjPSgc94Es6ya4g27/cLrW4mFRS9CpF+jCKrGM+NtLnL9fd5zK1paGjk99M3R9Fb83XsA75ezaz28c5WXdc0z3rGUp5VQtHvLio0FfNEr8nDkv6SjuTeq8s/6Uj5xhDmDtysvjmKGzYsTiMA2e2MpG53nVVXx/NNUdxYsErxnHbJj1ZJnBqraVaJkw9oW8RjNZnfGUVu60KP6OwXWclHkCvrVP3k0w4uo1j/tL5kJJR8SNzclWYHeN8cRZbCRFnxTi0u6F5uAPySfLoRLNQCRWTIRsre0jl/7ZqD+41R1Oh2idQ5sEWlfHLTqAAPTOatCRZqgSIexJf4+ZlkMb9iuefkWigqb6mmrHppi878ehSDHlKgTjSr+JB6wfuCTvEG7LfmRTMRgcXwv5XI2El+guioXQlFWEZxU+efl9UBLtry4h/6btQbnhXGPkgm+Kv4+/0rp1nslW2BopvcsVNEMUnNKbbYoDO4DopuGUV/X4tiVQsetUXxCSrw6An7RUHTeIJeKd8GJbWppfs18GIy/ZLDO9m55/ntRcH6lXYXt/zgZf7IT9kvX7suXlCP4thk/HGKzY1uPEG/NhQgHuQyiqkoXRZmjTrJoxd4EU2166BoViq9VnUXZ/thQt5/RRRqUaQKDtO4Y4uMGdNvQ1Exa1y0VmKolFBM0rm1oruWmdzXQBF3y9CQup5HZiVFOmjXN2JIvAWkQjWOGLwdRW07LtIhubF6CcXCDfDtlVZ0lcFid0GFqCFavnJVWmm1KNIZ0HewSkYqo1hjl9R7I9IQ9UUUCx/jB3AlTee+6pyTXo74Blcku8RK9SgayE1TdCooqp1JkXZXQpEqQOQ6KJrVpkiBLBkL6RW4tXJKay2K8zMccp1RhiJaV0a2roIi6gVgdR0Uc3lAKUVVndGV+EKjsgStR1FlHpU0AaKMYnloch0Uqa4VTIVx9tkoorUkaBGVOgcj97fEKz8uD1uPouUGmbz9KhTpp5MhffdXQDHT8ws/GeaqQBGSVr7Pe2WOrUcRnb0sL/rtKJb7evbfhaIagaNxJRTRURa3IKuZKpIDITKepU55p5IRV48iXsQ29LtQDBbTIr0kY70FRSp/g3VPyKFPR1HJUvuKv4puuVP+6MgDG8SoCM96FM0xuEuNsTejyLy0zDpEyX+ygP4bUMQHqmsNr4UiXNQE0QhzNuTiGkXaVpMzG3jxCWxTNbSCop/v6StFsW7ub0Hx3ic2vpZcVFh7NDmKzDun1nzpSVL8a3vezek3masPLuJn117FZ6rFGh9bVlLN3B7FixZgLnw1BHchHl0NRVRx1cZANaBIlpIxa1A8k/kwAJkAgIlPhxwLg6RKF4kfpIU3Ik3qK77T5JfzzA7DGzA20ZU0Hf6LpUSPaUZR6hKXo0iX3fy3DzIkkJFMsOjPggkvepXoVd3MzWSkYr6tlZgSOWE8IlqIqDV/Fa1bkLQTdAOKQUXLYVSDIiLaQQM5T1/K+8Xu7Zk/q3XEwE12vsfCfNTk4ywIiBwmmeEAPHBZfA0UkXSfrkexpiauBkXX0yaelyu4MJOHLKTUKjDhoH77iEGqyObFdOZiOSRbIDxqQEEsDig6ql6FF2GlpL0JRfIiL56oQzHwIhLkeNFMg8iH3EAwTD7dtUYxi/blIyy5GCOKf0rZhI1Kv7m9HooKNKowchQlmo5n1zQMr0HRPJEA5FFEvXSoWfrwMFsPL63lIlLTN5uNlNWVE4wM3guLKle8Stjtxy3Er4MihbGSxVWDoras863WobgDHngsBNhTpcBf8MMJEDSHKQMlVk69rztzd6MU+vkSYTYSRnY6+smFS/EKAhFvpMJlek0UJQfdyFHURrUO6hoUIfOnP5bSFBIiUfesqkY3yiZdyXbStpMybQ+hmHXmkiL9gaGq50GuWfIRQocV/LuHNLXF711td+GEYOngCymKUUPKf90e3SujiMKGE57elHkn3xdjOlk8CI5Yv6OpEIfgToTEr4YiZZFhoXG4BMW53tT6ogZFnty0KcQ0UW3qJs8CNThE7fIXj7XtfLkXmSo9XTqv+PiCAfiDr40iO1srxyQVFL1tc9VdHYqIDhoUUFSsSV1Txq2KLIdbRu1yaesSkgE5sK9Nupi3oj8KD8Btr4+ighDv1yVFkaxem8vj61GkG4dfRBFZOyCliYoox/B6hAsoKkkTfYm3ntEhvhXzcsQGO76L0zk+uW+EBEdrsRHeFZJHcU7F+aVhalGkph0plTkj3JUsaq1LJQZFkZtpl3jxv7iOH099yUhJCbq7TfOB0FmLq74uo4iO/SBP880bD+GAptp9uptrGveMrTw/+NPp3TcXdHOqQ5EnIBd/brH2QaviwWpesFXjPYBnC11C8X9JoxhodYLCKyHzbdJEEFmbLBC+8GLjskU/He5nylNTQx0pUfVNMaZLdnNrthiquAWESgMvso425/wQaG2HVEk0dGcTaB7x6JuKHpI2lEjVtFee/T2up+cQ/Qd2aTmCaj9ErFc18bRg4zznTieirEjirBk8Bqu4dq5lbyeU+/M+gkmucOshavdoZkYWDt9Dr8GGj62E+9cjpb2hwvTJrUhkC0GznjBVl1Im44lS6pqPNNuHuS61UAeek3g9qFb0W8zikztkfSrVoohvAejkzUa092MnIhKJYsUDH3Zg1+J21mMxAVIyFHOrT19JYMU3BcnphN8RRdYKq19Qu/cBqB8H/ipl2dZcdmQuw6Yr8JGAgxluAOdZ+Exthvj+3xFF9o2WxwUZAajHiTJNOR1Nfr+oyOFlgjOPlwM6InXaWqVu4e+JIt4W9S1k9EH9eXysvq2NXgFtz2v4GtMVwHzyVDayyi+01tLeCd8TRTjyyG3OA4jUTSH/v0xOOfFeTtZdUrAuIZNKjYjZCWihMR8xXIjIFb//t0RRMe+KLV6sm8SLKCOsl+zuuusWoPaIScaJ0T1XU4w5Ex/uBujJfL4pirhbzBhHT+XU+jzBkUaau18lwwZAlw8DZ1qajkVZtoeQCvxUTHxTFBVERPPjmPBDIVpQItYrRhofKxNlRllXPPrFLw2kTRGo+fyb9bB+ysqzvimK5qoQfaUa5LZhezVvmkDOk18uLxDD21quypyONmCHkmXc/11RRHuS7y6EbdJvkHys4VMbwchCo4+V0DiyOiyxOr2bSRnf7YAgN5tviiJzDk0yrqGbttfAi8gg2rnNks71bszGVlfAy7MyRbFDZUTOBv22KMJfnpftp8xJ1XSAs6l5shyWKqFb8Fh0usF9BLRlYTAHHGziF6KQbcb+GmpEkdWP5SwNOCeN6ebb+sKbArHutgWuxYt5uQTEpVJ2U5Cf3xdFuMgzoxll2puE4AvYtDtsHDv5YnKEqUh8LHVlpMrqqbiXf18UeVPuzGV1ADdNNjDytGO7Jd3zvFQrQusIeLuyO5Cl7ZDCVv6NUYS9XFsRNIyDmjWEnFLdby1Rro4XP7JsHwTL8rGqaDinUylw9sdQRLmSzzxVqp+q15Q+lY10AUWmM2aFwxD49fkBPFwf1ZdqF57JiFPYeOfkaF2RE9Am+daj/DclFE2XUpbsW/6HWzjlDRkvw+FLVdlX6ccFeqmoGfySc05tfaledQlF9J+WJRq6G9Eqq4aYH3fdjhldbgZCvNDYSR1VMYAeKqn8JRRN3q2rnzh82CF4STpbHO8uKAy8k+OuPPnqAQVJfCK7hHfAmacJsVA20iUUeT5IUt9P9WVHhklC1qqt+YJmrADmdQNAdJaIWuYRLudPl8934b0ZfSO9MwDaMUaRJzcXfQD8yPZOeXLVY8Eq5lncRyitnxQodt6IIlJPaYdf1MuFTSSEn0nQynyh992A2y0Bc10aZEPPlJXKEymiKJ7OE0GuOP0lduSJw4oKwuXDKMZH2LwXRQW+asCPc+TUgDTtwswd3uSCzJH5DKjk2w7lo9EdOqoMXkSRFW+DpJgM7fnchdUfQ1ooM2uPonxFg7TJ+ztRZAoOXR5iTpNSRnKJ8FNdkXFx8vCeNXLc7C05iO5B0sWhvLsIjhOdR7BIaIu7RHJIi3ZUDYpCLnqHQUbl7TPtDBY/2HtRVNwTq9Dgwfsj8ZsUazgl2sUYFkLhgG4qXjkPKBvlhbWYr/yshCJ85izCJUySKy5yhXirmXmhQqqRF+cqrtd0sv5qYt28G0Vk+aweiSrGLLrS4KllSVKk+vzFWaE1S8/qL89zeVW3AtdzsJVs2yUURZOYWMLEk+ftqERy85+imtSIYpMTJUNRtCh/N4qUxdi5ph2qkcDb5rgA3TlvmpgRwtGYHW6pq5ia3U/SnSWM2Pl41c/LKIq8dqbnp6nivJ/DPc9c2RWbeDSt6JYoiijU+1FU2CGKgEQhhtSmaHR/WdVC9uxRsDll58xGS9alDZ1z4YA8bYE0ZF2xXcRBOieLm0Ix9VCcN06KQ38GL4on+wiKkItyb6G4TrErXZlYuqH0C5aZwjIECTuvks/afYy7BxcHOBRbWWYDlFHE/LhpJqezE3Wouiqak2gllb1ZLsKk7lNi/+X6TjLl6SMoMjcMmVNj7bXneU1WIN0g/apKiaC1Pp4IHWJyTg87RyNJAAZ16/rzV1BEQ02wn6gt5euYblhCLJZP1Gta0Vr3mFDVVo/1UrF9HcyPoYiUPgi21KJY+eBBekUy4Kkc4kMYGs+s1th/slUzB5vlV7RPtCRAV6RU9UZA/mgDiPlC2fGUQCpQObalPbBZX9QS8iYVoR5bgAM+qqeiD6HIq2v6L9TcIFQ+NKxpaBM/P0/TNewblnv++PxqlQyVSXn1sx5EnZqcuSqKolvQyRXPsOc82DVFR7SSPtZW6y43ysnsaJGYGbn4QyjydiKB1WN5uv6AnTxQ87BhXBHM0sEwGnZ42mhwWKuVSgdY1j4xXZoSHSe5f+UT3tCP3PMD0DchLzyK7nnjlqDsafsgin5PqKTk4H4MRQWe6aI27tUVe9mRvQ+tcvadgMImGsJIDffHDqtqIlr/oLoyc5mVbOTDU1Qm1h8MI/Uv8kV85s6HlfIf+9fc4jt3eZhGuZgjpxZFLJpvzw3ZSG9AkR9bE0yx+cyWNSCbrf5rH/Iaq1jthxibJqTq9OT51uEJx37fWZ7NurReOM7tAsjSAZnUJ/NLUBR96w5sYVNln3dw9Lr8s4q8beJFL+vmtajOMUYRQVEFuv0gLzLZyEJ195SF5rrDlpHn92+exrq94L02FgtbHz/d3HiAv7bgNLZHjZnRcKaR5OUjlcpcvaEiQoKi8I4F7BHYUbicJzdsXhUrvBFF/7K+SFGMnRyiv/ZHUKRCz2GiwfCIjtazw8kXvyEk7sidZs4HneV+rSqXcsutuyTfGDJOqq1W5PeuoojW2bQRT32MqdId9aO2Cyuiw7nOMR9CkSp+VKFw1BfmMqGbB8bGdDA59YM50xPmQf+0PSyGFsvEwTW7T4HwTsTDENP9/FnzrSVyMe3RTHScPyLgtrxFfdR24aWIKCvs/xiKrO+WBoLXHX1m4dmjwpBHQFyX/cc02eZtBS3DWKhH5ioz2nQPRPvmO8tQTOujPCP/lF6lrefnoBgmL+3DKCpw1AeefmLbVu0DL0GjAy0jU/OmCPciArbNB8czF7Dks+dEgjCOTg+ZCCp9gz4FxdyW/mEU6StZARL4dK61qiVdW7sW3lrK2RF5vl9oQLMv16dIUExFIQ/3oHPsZrypvJBmuWhYOarcIkORe1o/CUW6ikdCd6o1qFlb4FaZT3gCHDqzqNp0qkoyXkxEoeB8LI5LJtUMjkZeJPmyt0PpDRRQTNf0J6DIUrwcxgT1HIQdsGkxDnJ57M422yAuPRzvgU9aE8lTeMDfrldNnP5o3CVGMa2m/RQUqYq85HbJtiZygkKNXN5gsGprwHOGrW4pRRFy71gSuEOi+5YmmU9L26UuBpiiGFfIfw6KrNtCh7k5oqFc/uFBGvGqI4zsPgGbRc2LqJAMRTTiSyxxDAtjRuIA/TAvJk5fKNxxn4Uiq8veslNgOpa06hCdCifeVL6G6DcFQBtcqN/OkXRFW3+otp92yMRdqv+TqWTIp/l8rlVSDtBIm5eonD+B9uySP6ngxjobqdU5Bu0ImWcmHv2FrAybGUynOr8PtPaMk+cH2P5uijTSjYaj0WiYbqzqdDSaynKFUNbHufp5Y7ITL1XMfVwtgfwYimx3GK5Ya4TxUTUrfq+ZBnayKBSGhr2itnZfV990L0Opg6f0jG8Y9HMIVVCsnBzbTBDtdbrPeP3xCJV2WrRgunTpM2iqy6eA0D1lGbar4E5pqLTRh76EjHJ/l3673LmMEAxnXEBqq6nimqzNUPLNlAV8YmyZqejenwd/2FFhfmctl6YNBH8r3b/PZq0IVZqyBG/staBwBsPTEz9IzV919/8LVUukSrpDuoF01qqlWGr4v9mBtzEi887ZfCuEClPQlcbo4xcS1EsgXjohu46QaU1Xfe6Z9YLT9vb5+dfxOHtdUhi9aDtZRVwj0YIbfVjrtG0mM1AuZ698DanVNvTNB2Q3EAVy+OvWefTjU5M9j0XV0rcTnFb6MYTvg5BtLp5Cytl4/wbBfbW1S2OG4gWiC9kK169Hu7M9bYLApxRsotPksDwyp21dxKsNmROgxKky/xpBWUPRmorRtsS64SU7jJV8JI1zvWlUug0qoIVV+feperYYX3vhv7gV0vet0N3rLd2a/g4hVd7GLvpAL5orEU8iYfl1wSVn7t8mVN8d/R2KyFUJn5lCxrMUg39LNMK65uh0e538W9wYn5kkcj396b8zOQT3tYdqUzqt36uRfD5BK46nxBmz3tioGO1fQgiHut8AIl04tvpv4AjNkROHudNjg4PVCzWXJIcC/00y3eHkrq4jZbqq+7rhfvVMsatMnfR1Z4cvU6M96gy6X0iDjjOv7Y1awNELVoevnCmd6kbLTfX/pXXa0aUZccQAAAAASUVORK5CYII=\"></th>\n",
    "        <th><img src=\"https://eodc.eu/wp-content/uploads/2018/10/EODC-Logo-Final.png\"></th>\n",
    "    </tr>\n",
    "</table>"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# DestinE Data Lake\n",
    "\n",
    "The Destination Earth Data Lake (DEDL) combines such disparate data sources in one large virtual database. Moreover, this virtual database comes with a set of tools that facilitates the search for relevant resources as well as the analysis of data by performing computationally expensive operations near to the data source.\n",
    "\n",
    "This Jupyter Notebook serves as an example of how the DEDL service could have helped with a disaster response assessment during the 2022 Pakistan flood."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Pakistan Flood 2022\n",
    "\n",
    "A disaster management expert is called to assess what the flood risk of the Indus River plain is if heavy rainfall continuous in the next days.\n",
    "\n",
    "To address this issue the expert has to access data from several resources, which includes sociographic information about human settlements as well as physical parameters such as rain intensity. Furthermore, model predictions help forecast forthcoming inundation of land. This multifaceted approach for flood risk mapping ensures efficient planning of mitigating measures, such as targeted evacuation plans. "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 33,
   "metadata": {},
   "outputs": [],
   "source": [
    "from attr import dataclass\n",
    "import numpy as np\n",
    "\n",
    "@dataclass\n",
    "class Extent:\n",
    "    min_x: float\n",
    "    min_y: float\n",
    "    max_x: float\n",
    "    max_y: float\n",
    "    crs: str\n",
    "    def get_center(self):\n",
    "        return (np.mean([self.min_y, self.max_y]),\n",
    "                np.mean([self.min_x,self.max_x]))\n",
    "\n",
    "\n",
    "roi_extent = Extent(65, 21, 71, 31, crs='EPSG:4326')"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Create Dask Clusters on Central Site and Lumi Bridge\n",
    "Make use of DEDL client library to create Dask cluster on each site registered in the DEDL."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 34,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<pre style=\"white-space:pre;overflow-x:auto;line-height:normal;font-family:Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace\">Username: </pre>\n"
      ],
      "text/plain": [
       "Username: "
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "from dedl_stack_client.authn import DaskOIDC\n",
    "from dedl_stack_client.dask import DaskMultiCluster\n",
    "from rich.prompt import Prompt\n",
    "\n",
    "myAuth = DaskOIDC(username=Prompt.ask(prompt=\"Username\"))\n",
    "myDEDLClusters = DaskMultiCluster(auth=myAuth)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "The DaskMultiCluster class provides an interface to interact with multiple Dask Gateway instances at once. However, each gateway instance can be consumed separately using the default Dask Gateway API. Gateway objects can be accessed via the gateway attribute, representing a dictionary of available gateway instances."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 35,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Create new cluster for Central Site\n",
      "Create new cluster for LUMI Bridge\n"
     ]
    }
   ],
   "source": [
    "myDEDLClusters.new_cluster()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Access Data from DEDL Service\n",
    "\n",
    "Using the DEDL client, data can be accessed from various services. In this example, data is retrieved from the EU-funded Copernicus Emergency Management Service ([CEMS](https://extwiki.eodc.eu/en/GFM)), the European Centre for Medium-Range Weather Forecasts ([ECMWF](https://www.ecmwf.int/en/about)), the Copernicus Digital Elevation Model ([COP-DEM)](https://spacedata.copernicus.eu/en/web/guest/collections/copernicus-digital-elevation-model)) and the Global Human Settlement ([GHS](https://ghsl.jrc.ec.europa.eu/index.php)) layer. \n",
    "\n",
    "\n",
    "- The CEMS catalogue is used to obtain **Global Flood Monitoring (GFM)** data. The GFM data product is a worldwide flood monitoring system which consists of microwave imaging data and is acquired by EU’s Copernicus Sentinel-1 satellites. Microwave imaging is a technique that is relatively unaffected by cloud cover and is especially sensitive to variations in near surface water content. This type of data has been successively employed to monitor flooding. The binary data consists of daily measurement with a $20\\,\\text{m}$ by $20\\,\\text{m}$ spatial resolution which indicate whether a pixel has been flooded or not.\n",
    "- The ECMWF catalogue is used to obtain the multi-decadal **ERA5-Land** dataset. This product is a reanalysis dataset that gives insight in the seasonal variation of land variables by averaging data over multiple decades with a $9\\,\\text{km}$ spatial resolution. The ERA5-Land data is retrieved to estimate the risk of further flooding for next several days by aggregating precipitation on a $20\\,\\text{m}$ by $20\\,\\text{m}$ spatial grid. This dataset is for demonstration purposes only, and will be replaced with a high resolution rainfall prediction dataset in the future.\n",
    "- The **Copernicus DEM** data is used highlight the low-lying areas around the Indus river under the highest risk of flooding. This product consists of radar data acquired during the TanDEM-X mission between 2011 and 2015.\n",
    "- The **Global Human Settelment (GHS) layer** is used to make a risk assessment for flooding of regional settlements. THE GHS-BUILT-S data provides a yearly measure of built-up surfaces on a $10\\,\\text{m}$ by $10\\,\\text{m}$ spatial grid. The product is a composite dataset consisting of Landsat (MSS, TM, ETM sensor) and Sentinel-2 imaging and represents the square meters of built-up surface in a cell.\n",
    "\n",
    "Additionally, the DEDL service allows data uploads by the user. These capabilities of the DEDL services are examplified below."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 36,
   "metadata": {
    "ExecuteTime": {
     "end_time": "2023-05-05T12:20:04.096582412Z",
     "start_time": "2023-05-05T12:20:03.748720359Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<pre style=\"white-space:pre;overflow-x:auto;line-height:normal;font-family:Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace\">S3 Key: </pre>\n"
      ],
      "text/plain": [
       "S3 Key: "
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<pre style=\"white-space:pre;overflow-x:auto;line-height:normal;font-family:Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace\">S3 Secret: </pre>\n"
      ],
      "text/plain": [
       "S3 Secret: "
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<pre style=\"white-space:pre;overflow-x:auto;line-height:normal;font-family:Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace\">S3 Key: </pre>\n"
      ],
      "text/plain": [
       "S3 Key: "
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<pre style=\"white-space:pre;overflow-x:auto;line-height:normal;font-family:Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace\">S3 Secret: </pre>\n"
      ],
      "text/plain": [
       "S3 Secret: "
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "import s3fs\n",
    "\n",
    "S3_BASE_URL = \"https://s3.{site_name}.data.destination-earth.eu\"\n",
    "\n",
    "S3_URL_CENTRAL = S3_BASE_URL.format(site_name=\"central\")\n",
    "S3_URL_LUMI = S3_BASE_URL.format(site_name=\"lumi\")\n",
    "\n",
    "s3_central = s3fs.S3FileSystem(\n",
    "    endpoint_url=S3_URL_CENTRAL,\n",
    "    key=Prompt.ask(prompt=\"S3 Key\"),\n",
    "    secret=Prompt.ask(prompt=\"S3 Secret\", password=True),\n",
    "    use_ssl=True,\n",
    ")\n",
    "\n",
    "s3_lumi = s3fs.S3FileSystem(\n",
    "    endpoint_url=S3_URL_LUMI,\n",
    "    key=Prompt.ask(prompt=\"S3 Key\"),\n",
    "    secret=Prompt.ask(prompt=\"S3 Secret\", password=True),\n",
    "    use_ssl=True,\n",
    ")"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "#### Read data located on central site\n",
    "Please note that each of the data arrays is annotated with an attribute **location** equal to **central**. This attribute is used to direct computations related those arrays to Dask available at Central Site. Array annotations via attributes is a feature supported by xarray itself. Additional attributes such as **resolution** are added to depict the spatial sampling of the array. Attributes will are removed after applying a transformation to the underlying array per default. In order to keep attributes throughout the array lifetime one needs to set *xr.set_options(keep_attrs=True)*"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "##### Global Flood Monitoring (GFM)\n",
    "The GFM data used in this use case example was transformed to zarr data format, simulating a potential output of the DEDL data cube service. The spatial resolution is kept the same as the original GFM data sampled at 20 meter."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 37,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"icon-database\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M16 0c-8.837 0-16 2.239-16 5v4c0 2.761 7.163 5 16 5s16-2.239 16-5v-4c0-2.761-7.163-5-16-5z\"></path>\n",
       "<path d=\"M16 17c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "<path d=\"M16 26c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "</symbol>\n",
       "<symbol id=\"icon-file-text2\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M28.681 7.159c-0.694-0.947-1.662-2.053-2.724-3.116s-2.169-2.030-3.116-2.724c-1.612-1.182-2.393-1.319-2.841-1.319h-15.5c-1.378 0-2.5 1.121-2.5 2.5v27c0 1.378 1.122 2.5 2.5 2.5h23c1.378 0 2.5-1.122 2.5-2.5v-19.5c0-0.448-0.137-1.23-1.319-2.841zM24.543 5.457c0.959 0.959 1.712 1.825 2.268 2.543h-4.811v-4.811c0.718 0.556 1.584 1.309 2.543 2.268zM28 29.5c0 0.271-0.229 0.5-0.5 0.5h-23c-0.271 0-0.5-0.229-0.5-0.5v-27c0-0.271 0.229-0.5 0.5-0.5 0 0 15.499-0 15.5 0v7c0 0.552 0.448 1 1 1h7v19.5z\"></path>\n",
       "<path d=\"M23 26h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 22h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 18h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "</symbol>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying xarray objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --xr-font-color0: var(--jp-content-font-color0, rgba(0, 0, 0, 1));\n",
       "  --xr-font-color2: var(--jp-content-font-color2, rgba(0, 0, 0, 0.54));\n",
       "  --xr-font-color3: var(--jp-content-font-color3, rgba(0, 0, 0, 0.38));\n",
       "  --xr-border-color: var(--jp-border-color2, #e0e0e0);\n",
       "  --xr-disabled-color: var(--jp-layout-color3, #bdbdbd);\n",
       "  --xr-background-color: var(--jp-layout-color0, white);\n",
       "  --xr-background-color-row-even: var(--jp-layout-color1, white);\n",
       "  --xr-background-color-row-odd: var(--jp-layout-color2, #eeeeee);\n",
       "}\n",
       "\n",
       "html[theme=dark],\n",
       "body[data-theme=dark],\n",
       "body.vscode-dark {\n",
       "  --xr-font-color0: rgba(255, 255, 255, 1);\n",
       "  --xr-font-color2: rgba(255, 255, 255, 0.54);\n",
       "  --xr-font-color3: rgba(255, 255, 255, 0.38);\n",
       "  --xr-border-color: #1F1F1F;\n",
       "  --xr-disabled-color: #515151;\n",
       "  --xr-background-color: #111111;\n",
       "  --xr-background-color-row-even: #111111;\n",
       "  --xr-background-color-row-odd: #313131;\n",
       "}\n",
       "\n",
       ".xr-wrap {\n",
       "  display: block !important;\n",
       "  min-width: 300px;\n",
       "  max-width: 700px;\n",
       "}\n",
       "\n",
       ".xr-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-header {\n",
       "  padding-top: 6px;\n",
       "  padding-bottom: 6px;\n",
       "  margin-bottom: 4px;\n",
       "  border-bottom: solid 1px var(--xr-border-color);\n",
       "}\n",
       "\n",
       ".xr-header > div,\n",
       ".xr-header > ul {\n",
       "  display: inline;\n",
       "  margin-top: 0;\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-obj-type,\n",
       ".xr-array-name {\n",
       "  margin-left: 2px;\n",
       "  margin-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-obj-type {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-sections {\n",
       "  padding-left: 0 !important;\n",
       "  display: grid;\n",
       "  grid-template-columns: 150px auto auto 1fr 20px 20px;\n",
       "}\n",
       "\n",
       ".xr-section-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-section-item input {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-item input + label {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label {\n",
       "  cursor: pointer;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label:hover {\n",
       "  color: var(--xr-font-color0);\n",
       "}\n",
       "\n",
       ".xr-section-summary {\n",
       "  grid-column: 1;\n",
       "  color: var(--xr-font-color2);\n",
       "  font-weight: 500;\n",
       "}\n",
       "\n",
       ".xr-section-summary > span {\n",
       "  display: inline-block;\n",
       "  padding-left: 0.5em;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in + label:before {\n",
       "  display: inline-block;\n",
       "  content: '►';\n",
       "  font-size: 11px;\n",
       "  width: 15px;\n",
       "  text-align: center;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label:before {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label:before {\n",
       "  content: '▼';\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label > span {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-summary,\n",
       ".xr-section-inline-details {\n",
       "  padding-top: 4px;\n",
       "  padding-bottom: 4px;\n",
       "}\n",
       "\n",
       ".xr-section-inline-details {\n",
       "  grid-column: 2 / -1;\n",
       "}\n",
       "\n",
       ".xr-section-details {\n",
       "  display: none;\n",
       "  grid-column: 1 / -1;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked ~ .xr-section-details {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-array-wrap {\n",
       "  grid-column: 1 / -1;\n",
       "  display: grid;\n",
       "  grid-template-columns: 20px auto;\n",
       "}\n",
       "\n",
       ".xr-array-wrap > label {\n",
       "  grid-column: 1;\n",
       "  vertical-align: top;\n",
       "}\n",
       "\n",
       ".xr-preview {\n",
       "  color: var(--xr-font-color3);\n",
       "}\n",
       "\n",
       ".xr-array-preview,\n",
       ".xr-array-data {\n",
       "  padding: 0 5px !important;\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-array-data,\n",
       ".xr-array-in:checked ~ .xr-array-preview {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-array-in:checked ~ .xr-array-data,\n",
       ".xr-array-preview {\n",
       "  display: inline-block;\n",
       "}\n",
       "\n",
       ".xr-dim-list {\n",
       "  display: inline-block !important;\n",
       "  list-style: none;\n",
       "  padding: 0 !important;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list li {\n",
       "  display: inline-block;\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list:before {\n",
       "  content: '(';\n",
       "}\n",
       "\n",
       ".xr-dim-list:after {\n",
       "  content: ')';\n",
       "}\n",
       "\n",
       ".xr-dim-list li:not(:last-child):after {\n",
       "  content: ',';\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-has-index {\n",
       "  font-weight: bold;\n",
       "}\n",
       "\n",
       ".xr-var-list,\n",
       ".xr-var-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-var-item > div,\n",
       ".xr-var-item label,\n",
       ".xr-var-item > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-even);\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-var-item > .xr-var-name:hover span {\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-var-list > li:nth-child(odd) > div,\n",
       ".xr-var-list > li:nth-child(odd) > label,\n",
       ".xr-var-list > li:nth-child(odd) > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-odd);\n",
       "}\n",
       "\n",
       ".xr-var-name {\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-var-dims {\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-var-dtype {\n",
       "  grid-column: 3;\n",
       "  text-align: right;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-preview {\n",
       "  grid-column: 4;\n",
       "}\n",
       "\n",
       ".xr-index-preview {\n",
       "  grid-column: 2 / 5;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-name,\n",
       ".xr-var-dims,\n",
       ".xr-var-dtype,\n",
       ".xr-preview,\n",
       ".xr-attrs dt {\n",
       "  white-space: nowrap;\n",
       "  overflow: hidden;\n",
       "  text-overflow: ellipsis;\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-var-name:hover,\n",
       ".xr-var-dims:hover,\n",
       ".xr-var-dtype:hover,\n",
       ".xr-attrs dt:hover {\n",
       "  overflow: visible;\n",
       "  width: auto;\n",
       "  z-index: 1;\n",
       "}\n",
       "\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  display: none;\n",
       "  background-color: var(--xr-background-color) !important;\n",
       "  padding-bottom: 5px !important;\n",
       "}\n",
       "\n",
       ".xr-var-attrs-in:checked ~ .xr-var-attrs,\n",
       ".xr-var-data-in:checked ~ .xr-var-data,\n",
       ".xr-index-data-in:checked ~ .xr-index-data {\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".xr-var-data > table {\n",
       "  float: right;\n",
       "}\n",
       "\n",
       ".xr-var-name span,\n",
       ".xr-var-data,\n",
       ".xr-index-name div,\n",
       ".xr-index-data,\n",
       ".xr-attrs {\n",
       "  padding-left: 25px !important;\n",
       "}\n",
       "\n",
       ".xr-attrs,\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  grid-column: 1 / -1;\n",
       "}\n",
       "\n",
       "dl.xr-attrs {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  display: grid;\n",
       "  grid-template-columns: 125px auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt,\n",
       ".xr-attrs dd {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  float: left;\n",
       "  padding-right: 10px;\n",
       "  width: auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt {\n",
       "  font-weight: normal;\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-attrs dt:hover span {\n",
       "  display: inline-block;\n",
       "  background: var(--xr-background-color);\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-attrs dd {\n",
       "  grid-column: 2;\n",
       "  white-space: pre-wrap;\n",
       "  word-break: break-all;\n",
       "}\n",
       "\n",
       ".xr-icon-database,\n",
       ".xr-icon-file-text2,\n",
       ".xr-no-icon {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "</style><pre class='xr-text-repr-fallback'>&lt;xarray.DataArray &#x27;flood&#x27; (y: 49270, x: 38697)&gt;\n",
       "dask.array&lt;open_dataset-flood, shape=(49270, 38697), dtype=float32, chunksize=(1000, 1000), chunktype=numpy.ndarray&gt;\n",
       "Coordinates:\n",
       "    spatial_ref  int64 ...\n",
       "  * x            (x) float64 64.83 64.83 64.83 64.83 ... 71.88 71.88 71.88 71.88\n",
       "  * y            (y) float64 30.4 30.4 30.4 30.4 ... 21.41 21.41 21.41 21.41\n",
       "Attributes:\n",
       "    tiles:       [&#x27;E015N024T3&#x27;, &#x27;E015N027T3&#x27;, &#x27;E015N030T3&#x27;, &#x27;E018N027T3&#x27;, &#x27;E0...\n",
       "    location:    central\n",
       "    resolution:  20</pre><div class='xr-wrap' style='display:none'><div class='xr-header'><div class='xr-obj-type'>xarray.DataArray</div><div class='xr-array-name'>'flood'</div><ul class='xr-dim-list'><li><span class='xr-has-index'>y</span>: 49270</li><li><span class='xr-has-index'>x</span>: 38697</li></ul></div><ul class='xr-sections'><li class='xr-section-item'><div class='xr-array-wrap'><input id='section-53f7e5f6-897a-4225-a255-24c91062f403' class='xr-array-in' type='checkbox' checked><label for='section-53f7e5f6-897a-4225-a255-24c91062f403' title='Show/hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-array-preview xr-preview'><span>dask.array&lt;chunksize=(1000, 1000), meta=np.ndarray&gt;</span></div><div class='xr-array-data'><table>\n",
       "    <tr>\n",
       "        <td>\n",
       "            <table style=\"border-collapse: collapse;\">\n",
       "                <thead>\n",
       "                    <tr>\n",
       "                        <td> </td>\n",
       "                        <th> Array </th>\n",
       "                        <th> Chunk </th>\n",
       "                    </tr>\n",
       "                </thead>\n",
       "                <tbody>\n",
       "                    \n",
       "                    <tr>\n",
       "                        <th> Bytes </th>\n",
       "                        <td> 7.10 GiB </td>\n",
       "                        <td> 3.81 MiB </td>\n",
       "                    </tr>\n",
       "                    \n",
       "                    <tr>\n",
       "                        <th> Shape </th>\n",
       "                        <td> (49270, 38697) </td>\n",
       "                        <td> (1000, 1000) </td>\n",
       "                    </tr>\n",
       "                    <tr>\n",
       "                        <th> Dask graph </th>\n",
       "                        <td colspan=\"2\"> 1950 chunks in 2 graph layers </td>\n",
       "                    </tr>\n",
       "                    <tr>\n",
       "                        <th> Data type </th>\n",
       "                        <td colspan=\"2\"> float32 numpy.ndarray </td>\n",
       "                    </tr>\n",
       "                </tbody>\n",
       "            </table>\n",
       "        </td>\n",
       "        <td>\n",
       "        <svg width=\"144\" height=\"170\" style=\"stroke:rgb(0,0,0);stroke-width:1\" >\n",
       "\n",
       "  <!-- Horizontal lines -->\n",
       "  <line x1=\"0\" y1=\"0\" x2=\"94\" y2=\"0\" style=\"stroke-width:2\" />\n",
       "  <line x1=\"0\" y1=\"4\" x2=\"94\" y2=\"4\" />\n",
       "  <line x1=\"0\" y1=\"12\" x2=\"94\" y2=\"12\" />\n",
       "  <line x1=\"0\" y1=\"17\" x2=\"94\" y2=\"17\" />\n",
       "  <line x1=\"0\" y1=\"24\" x2=\"94\" y2=\"24\" />\n",
       "  <line x1=\"0\" y1=\"31\" x2=\"94\" y2=\"31\" />\n",
       "  <line x1=\"0\" y1=\"36\" x2=\"94\" y2=\"36\" />\n",
       "  <line x1=\"0\" y1=\"43\" x2=\"94\" y2=\"43\" />\n",
       "  <line x1=\"0\" y1=\"51\" x2=\"94\" y2=\"51\" />\n",
       "  <line x1=\"0\" y1=\"56\" x2=\"94\" y2=\"56\" />\n",
       "  <line x1=\"0\" y1=\"63\" x2=\"94\" y2=\"63\" />\n",
       "  <line x1=\"0\" y1=\"68\" x2=\"94\" y2=\"68\" />\n",
       "  <line x1=\"0\" y1=\"75\" x2=\"94\" y2=\"75\" />\n",
       "  <line x1=\"0\" y1=\"82\" x2=\"94\" y2=\"82\" />\n",
       "  <line x1=\"0\" y1=\"87\" x2=\"94\" y2=\"87\" />\n",
       "  <line x1=\"0\" y1=\"94\" x2=\"94\" y2=\"94\" />\n",
       "  <line x1=\"0\" y1=\"102\" x2=\"94\" y2=\"102\" />\n",
       "  <line x1=\"0\" y1=\"107\" x2=\"94\" y2=\"107\" />\n",
       "  <line x1=\"0\" y1=\"114\" x2=\"94\" y2=\"114\" />\n",
       "  <line x1=\"0\" y1=\"120\" x2=\"94\" y2=\"120\" style=\"stroke-width:2\" />\n",
       "\n",
       "  <!-- Vertical lines -->\n",
       "  <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"120\" style=\"stroke-width:2\" />\n",
       "  <line x1=\"4\" y1=\"0\" x2=\"4\" y2=\"120\" />\n",
       "  <line x1=\"9\" y1=\"0\" x2=\"9\" y2=\"120\" />\n",
       "  <line x1=\"14\" y1=\"0\" x2=\"14\" y2=\"120\" />\n",
       "  <line x1=\"19\" y1=\"0\" x2=\"19\" y2=\"120\" />\n",
       "  <line x1=\"24\" y1=\"0\" x2=\"24\" y2=\"120\" />\n",
       "  <line x1=\"29\" y1=\"0\" x2=\"29\" y2=\"120\" />\n",
       "  <line x1=\"34\" y1=\"0\" x2=\"34\" y2=\"120\" />\n",
       "  <line x1=\"38\" y1=\"0\" x2=\"38\" y2=\"120\" />\n",
       "  <line x1=\"43\" y1=\"0\" x2=\"43\" y2=\"120\" />\n",
       "  <line x1=\"48\" y1=\"0\" x2=\"48\" y2=\"120\" />\n",
       "  <line x1=\"53\" y1=\"0\" x2=\"53\" y2=\"120\" />\n",
       "  <line x1=\"58\" y1=\"0\" x2=\"58\" y2=\"120\" />\n",
       "  <line x1=\"63\" y1=\"0\" x2=\"63\" y2=\"120\" />\n",
       "  <line x1=\"68\" y1=\"0\" x2=\"68\" y2=\"120\" />\n",
       "  <line x1=\"73\" y1=\"0\" x2=\"73\" y2=\"120\" />\n",
       "  <line x1=\"77\" y1=\"0\" x2=\"77\" y2=\"120\" />\n",
       "  <line x1=\"82\" y1=\"0\" x2=\"82\" y2=\"120\" />\n",
       "  <line x1=\"87\" y1=\"0\" x2=\"87\" y2=\"120\" />\n",
       "  <line x1=\"94\" y1=\"0\" x2=\"94\" y2=\"120\" style=\"stroke-width:2\" />\n",
       "\n",
       "  <!-- Colored Rectangle -->\n",
       "  <polygon points=\"0.0,0.0 94.24883296123403,0.0 94.24883296123403,120.0 0.0,120.0\" style=\"fill:#8B4903A0;stroke-width:0\"/>\n",
       "\n",
       "  <!-- Text -->\n",
       "  <text x=\"47.124416\" y=\"140.000000\" font-size=\"1.0rem\" font-weight=\"100\" text-anchor=\"middle\" >38697</text>\n",
       "  <text x=\"114.248833\" y=\"60.000000\" font-size=\"1.0rem\" font-weight=\"100\" text-anchor=\"middle\" transform=\"rotate(-90,114.248833,60.000000)\">49270</text>\n",
       "</svg>\n",
       "        </td>\n",
       "    </tr>\n",
       "</table></div></div></li><li class='xr-section-item'><input id='section-0bad7bbc-d003-48e7-9a6c-accbb7050f74' class='xr-section-summary-in' type='checkbox'  checked><label for='section-0bad7bbc-d003-48e7-9a6c-accbb7050f74' class='xr-section-summary' >Coordinates: <span>(3)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-var-name'><span>spatial_ref</span></div><div class='xr-var-dims'>()</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>...</div><input id='attrs-d8aa1bdf-a262-4a6d-a363-e2ed6e69e522' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-d8aa1bdf-a262-4a6d-a363-e2ed6e69e522' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-fbe73fd8-70b1-4de5-a674-04d93fb33695' class='xr-var-data-in' type='checkbox'><label for='data-fbe73fd8-70b1-4de5-a674-04d93fb33695' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>GeoTransform :</span></dt><dd>64.82507581167582 0.00018242939180384621 0.0 30.401656422378274 0.0 -0.0001824293918038463</dd><dt><span>crs_wkt :</span></dt><dd>GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AXIS[&quot;Latitude&quot;,NORTH],AXIS[&quot;Longitude&quot;,EAST],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]]</dd><dt><span>geographic_crs_name :</span></dt><dd>WGS 84</dd><dt><span>grid_mapping_name :</span></dt><dd>latitude_longitude</dd><dt><span>horizontal_datum_name :</span></dt><dd>World Geodetic System 1984</dd><dt><span>inverse_flattening :</span></dt><dd>298.257223563</dd><dt><span>longitude_of_prime_meridian :</span></dt><dd>0.0</dd><dt><span>prime_meridian_name :</span></dt><dd>Greenwich</dd><dt><span>reference_ellipsoid_name :</span></dt><dd>WGS 84</dd><dt><span>semi_major_axis :</span></dt><dd>6378137.0</dd><dt><span>semi_minor_axis :</span></dt><dd>6356752.314245179</dd><dt><span>spatial_ref :</span></dt><dd>GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AXIS[&quot;Latitude&quot;,NORTH],AXIS[&quot;Longitude&quot;,EAST],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]]</dd></dl></div><div class='xr-var-data'><pre>[1 values with dtype=int64]</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>x</span></div><div class='xr-var-dims'>(x)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>64.83 64.83 64.83 ... 71.88 71.88</div><input id='attrs-1f0c1b65-4825-455f-9c56-499c96083f99' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-1f0c1b65-4825-455f-9c56-499c96083f99' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-94de6ffa-9d91-407e-a232-4f1eac2cbdb0' class='xr-var-data-in' type='checkbox'><label for='data-94de6ffa-9d91-407e-a232-4f1eac2cbdb0' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>axis :</span></dt><dd>X</dd><dt><span>long_name :</span></dt><dd>longitude</dd><dt><span>standard_name :</span></dt><dd>longitude</dd><dt><span>units :</span></dt><dd>degrees_east</dd></dl></div><div class='xr-var-data'><pre>array([64.825167, 64.825349, 64.825532, ..., 71.88409 , 71.884272, 71.884455])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>y</span></div><div class='xr-var-dims'>(y)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>30.4 30.4 30.4 ... 21.41 21.41</div><input id='attrs-ba13cb44-0115-4e67-b332-6e31b84aded3' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-ba13cb44-0115-4e67-b332-6e31b84aded3' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-cdb6cd53-2e12-4268-b474-b1d395688225' class='xr-var-data-in' type='checkbox'><label for='data-cdb6cd53-2e12-4268-b474-b1d395688225' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>axis :</span></dt><dd>Y</dd><dt><span>long_name :</span></dt><dd>latitude</dd><dt><span>standard_name :</span></dt><dd>latitude</dd><dt><span>units :</span></dt><dd>degrees_north</dd></dl></div><div class='xr-var-data'><pre>array([30.401565, 30.401383, 30.4012  , ..., 21.413816, 21.413634, 21.413452])</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-ea716d31-1589-4192-808e-5ee711718160' class='xr-section-summary-in' type='checkbox'  ><label for='section-ea716d31-1589-4192-808e-5ee711718160' class='xr-section-summary' >Indexes: <span>(2)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-index-name'><div>x</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-a2676538-75fe-418b-a088-9590c5c38a1c' class='xr-index-data-in' type='checkbox'/><label for='index-a2676538-75fe-418b-a088-9590c5c38a1c' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([64.82516702637172, 64.82534945576352, 64.82553188515533,\n",
       "       64.82571431454713, 64.82589674393893, 64.82607917333074,\n",
       "       64.82626160272254, 64.82644403211434, 64.82662646150615,\n",
       "       64.82680889089795,\n",
       "       ...\n",
       "       71.88281290708711, 71.88299533647893, 71.88317776587073,\n",
       "       71.88336019526253, 71.88354262465434, 71.88372505404614,\n",
       "       71.88390748343794, 71.88408991282975, 71.88427234222155,\n",
       "       71.88445477161335],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;x&#x27;, length=38697))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>y</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-4dd2375f-d63a-4dca-8eb7-7360a45e9e9c' class='xr-index-data-in' type='checkbox'/><label for='index-4dd2375f-d63a-4dca-8eb7-7360a45e9e9c' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([ 30.40156520768237, 30.401382778290568,  30.40120034889876,\n",
       "        30.40101791950696, 30.400835490115156,  30.40065306072335,\n",
       "       30.400470631331547, 30.400288201939745,  30.40010577254794,\n",
       "       30.399923343156136,\n",
       "       ...\n",
       "         21.4150933674249, 21.414910938033096, 21.414728508641293,\n",
       "        21.41454607924949, 21.414363649857684,  21.41418122046588,\n",
       "        21.41399879107408, 21.413816361682272,  21.41363393229047,\n",
       "       21.413451502898667],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;y&#x27;, length=49270))</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-0f8c4c0c-e3ed-46fc-acd5-ad4d29104b16' class='xr-section-summary-in' type='checkbox'  checked><label for='section-0f8c4c0c-e3ed-46fc-acd5-ad4d29104b16' class='xr-section-summary' >Attributes: <span>(3)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><dl class='xr-attrs'><dt><span>tiles :</span></dt><dd>[&#x27;E015N024T3&#x27;, &#x27;E015N027T3&#x27;, &#x27;E015N030T3&#x27;, &#x27;E018N027T3&#x27;, &#x27;E018N030T3&#x27;]</dd><dt><span>location :</span></dt><dd>central</dd><dt><span>resolution :</span></dt><dd>20</dd></dl></div></li></ul></div></div>"
      ],
      "text/plain": [
       "<xarray.DataArray 'flood' (y: 49270, x: 38697)>\n",
       "dask.array<open_dataset-flood, shape=(49270, 38697), dtype=float32, chunksize=(1000, 1000), chunktype=numpy.ndarray>\n",
       "Coordinates:\n",
       "    spatial_ref  int64 ...\n",
       "  * x            (x) float64 64.83 64.83 64.83 64.83 ... 71.88 71.88 71.88 71.88\n",
       "  * y            (y) float64 30.4 30.4 30.4 30.4 ... 21.41 21.41 21.41 21.41\n",
       "Attributes:\n",
       "    tiles:       ['E015N024T3', 'E015N027T3', 'E015N030T3', 'E018N027T3', 'E0...\n",
       "    location:    central\n",
       "    resolution:  20"
      ]
     },
     "execution_count": 37,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import xarray as xr\n",
    "xr.set_options(keep_attrs=True)\n",
    "\n",
    "floods_aug_18 = xr.open_zarr(\n",
    "    store=s3fs.S3Map(\n",
    "        root=f\"demo/dedl-flood/FLOOD/2022-08-18.zarr\",\n",
    "        s3=s3_central, check=False\n",
    "    ),\n",
    "    decode_coords=\"all\",\n",
    ")[\"flood\"].assign_attrs(location=\"central\", resolution=20)\n",
    "floods_aug_18"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "##### Global Human Settelment (GHS) layer\n",
    "\n",
    "The GHS dataset was also transformed into a zarr datastore having the same characteristics as the raw GHSL data."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 38,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"icon-database\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M16 0c-8.837 0-16 2.239-16 5v4c0 2.761 7.163 5 16 5s16-2.239 16-5v-4c0-2.761-7.163-5-16-5z\"></path>\n",
       "<path d=\"M16 17c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "<path d=\"M16 26c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "</symbol>\n",
       "<symbol id=\"icon-file-text2\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M28.681 7.159c-0.694-0.947-1.662-2.053-2.724-3.116s-2.169-2.030-3.116-2.724c-1.612-1.182-2.393-1.319-2.841-1.319h-15.5c-1.378 0-2.5 1.121-2.5 2.5v27c0 1.378 1.122 2.5 2.5 2.5h23c1.378 0 2.5-1.122 2.5-2.5v-19.5c0-0.448-0.137-1.23-1.319-2.841zM24.543 5.457c0.959 0.959 1.712 1.825 2.268 2.543h-4.811v-4.811c0.718 0.556 1.584 1.309 2.543 2.268zM28 29.5c0 0.271-0.229 0.5-0.5 0.5h-23c-0.271 0-0.5-0.229-0.5-0.5v-27c0-0.271 0.229-0.5 0.5-0.5 0 0 15.499-0 15.5 0v7c0 0.552 0.448 1 1 1h7v19.5z\"></path>\n",
       "<path d=\"M23 26h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 22h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 18h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "</symbol>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying xarray objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --xr-font-color0: var(--jp-content-font-color0, rgba(0, 0, 0, 1));\n",
       "  --xr-font-color2: var(--jp-content-font-color2, rgba(0, 0, 0, 0.54));\n",
       "  --xr-font-color3: var(--jp-content-font-color3, rgba(0, 0, 0, 0.38));\n",
       "  --xr-border-color: var(--jp-border-color2, #e0e0e0);\n",
       "  --xr-disabled-color: var(--jp-layout-color3, #bdbdbd);\n",
       "  --xr-background-color: var(--jp-layout-color0, white);\n",
       "  --xr-background-color-row-even: var(--jp-layout-color1, white);\n",
       "  --xr-background-color-row-odd: var(--jp-layout-color2, #eeeeee);\n",
       "}\n",
       "\n",
       "html[theme=dark],\n",
       "body[data-theme=dark],\n",
       "body.vscode-dark {\n",
       "  --xr-font-color0: rgba(255, 255, 255, 1);\n",
       "  --xr-font-color2: rgba(255, 255, 255, 0.54);\n",
       "  --xr-font-color3: rgba(255, 255, 255, 0.38);\n",
       "  --xr-border-color: #1F1F1F;\n",
       "  --xr-disabled-color: #515151;\n",
       "  --xr-background-color: #111111;\n",
       "  --xr-background-color-row-even: #111111;\n",
       "  --xr-background-color-row-odd: #313131;\n",
       "}\n",
       "\n",
       ".xr-wrap {\n",
       "  display: block !important;\n",
       "  min-width: 300px;\n",
       "  max-width: 700px;\n",
       "}\n",
       "\n",
       ".xr-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-header {\n",
       "  padding-top: 6px;\n",
       "  padding-bottom: 6px;\n",
       "  margin-bottom: 4px;\n",
       "  border-bottom: solid 1px var(--xr-border-color);\n",
       "}\n",
       "\n",
       ".xr-header > div,\n",
       ".xr-header > ul {\n",
       "  display: inline;\n",
       "  margin-top: 0;\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-obj-type,\n",
       ".xr-array-name {\n",
       "  margin-left: 2px;\n",
       "  margin-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-obj-type {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-sections {\n",
       "  padding-left: 0 !important;\n",
       "  display: grid;\n",
       "  grid-template-columns: 150px auto auto 1fr 20px 20px;\n",
       "}\n",
       "\n",
       ".xr-section-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-section-item input {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-item input + label {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label {\n",
       "  cursor: pointer;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label:hover {\n",
       "  color: var(--xr-font-color0);\n",
       "}\n",
       "\n",
       ".xr-section-summary {\n",
       "  grid-column: 1;\n",
       "  color: var(--xr-font-color2);\n",
       "  font-weight: 500;\n",
       "}\n",
       "\n",
       ".xr-section-summary > span {\n",
       "  display: inline-block;\n",
       "  padding-left: 0.5em;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in + label:before {\n",
       "  display: inline-block;\n",
       "  content: '►';\n",
       "  font-size: 11px;\n",
       "  width: 15px;\n",
       "  text-align: center;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label:before {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label:before {\n",
       "  content: '▼';\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label > span {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-summary,\n",
       ".xr-section-inline-details {\n",
       "  padding-top: 4px;\n",
       "  padding-bottom: 4px;\n",
       "}\n",
       "\n",
       ".xr-section-inline-details {\n",
       "  grid-column: 2 / -1;\n",
       "}\n",
       "\n",
       ".xr-section-details {\n",
       "  display: none;\n",
       "  grid-column: 1 / -1;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked ~ .xr-section-details {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-array-wrap {\n",
       "  grid-column: 1 / -1;\n",
       "  display: grid;\n",
       "  grid-template-columns: 20px auto;\n",
       "}\n",
       "\n",
       ".xr-array-wrap > label {\n",
       "  grid-column: 1;\n",
       "  vertical-align: top;\n",
       "}\n",
       "\n",
       ".xr-preview {\n",
       "  color: var(--xr-font-color3);\n",
       "}\n",
       "\n",
       ".xr-array-preview,\n",
       ".xr-array-data {\n",
       "  padding: 0 5px !important;\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-array-data,\n",
       ".xr-array-in:checked ~ .xr-array-preview {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-array-in:checked ~ .xr-array-data,\n",
       ".xr-array-preview {\n",
       "  display: inline-block;\n",
       "}\n",
       "\n",
       ".xr-dim-list {\n",
       "  display: inline-block !important;\n",
       "  list-style: none;\n",
       "  padding: 0 !important;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list li {\n",
       "  display: inline-block;\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list:before {\n",
       "  content: '(';\n",
       "}\n",
       "\n",
       ".xr-dim-list:after {\n",
       "  content: ')';\n",
       "}\n",
       "\n",
       ".xr-dim-list li:not(:last-child):after {\n",
       "  content: ',';\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-has-index {\n",
       "  font-weight: bold;\n",
       "}\n",
       "\n",
       ".xr-var-list,\n",
       ".xr-var-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-var-item > div,\n",
       ".xr-var-item label,\n",
       ".xr-var-item > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-even);\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-var-item > .xr-var-name:hover span {\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-var-list > li:nth-child(odd) > div,\n",
       ".xr-var-list > li:nth-child(odd) > label,\n",
       ".xr-var-list > li:nth-child(odd) > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-odd);\n",
       "}\n",
       "\n",
       ".xr-var-name {\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-var-dims {\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-var-dtype {\n",
       "  grid-column: 3;\n",
       "  text-align: right;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-preview {\n",
       "  grid-column: 4;\n",
       "}\n",
       "\n",
       ".xr-index-preview {\n",
       "  grid-column: 2 / 5;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-name,\n",
       ".xr-var-dims,\n",
       ".xr-var-dtype,\n",
       ".xr-preview,\n",
       ".xr-attrs dt {\n",
       "  white-space: nowrap;\n",
       "  overflow: hidden;\n",
       "  text-overflow: ellipsis;\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-var-name:hover,\n",
       ".xr-var-dims:hover,\n",
       ".xr-var-dtype:hover,\n",
       ".xr-attrs dt:hover {\n",
       "  overflow: visible;\n",
       "  width: auto;\n",
       "  z-index: 1;\n",
       "}\n",
       "\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  display: none;\n",
       "  background-color: var(--xr-background-color) !important;\n",
       "  padding-bottom: 5px !important;\n",
       "}\n",
       "\n",
       ".xr-var-attrs-in:checked ~ .xr-var-attrs,\n",
       ".xr-var-data-in:checked ~ .xr-var-data,\n",
       ".xr-index-data-in:checked ~ .xr-index-data {\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".xr-var-data > table {\n",
       "  float: right;\n",
       "}\n",
       "\n",
       ".xr-var-name span,\n",
       ".xr-var-data,\n",
       ".xr-index-name div,\n",
       ".xr-index-data,\n",
       ".xr-attrs {\n",
       "  padding-left: 25px !important;\n",
       "}\n",
       "\n",
       ".xr-attrs,\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  grid-column: 1 / -1;\n",
       "}\n",
       "\n",
       "dl.xr-attrs {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  display: grid;\n",
       "  grid-template-columns: 125px auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt,\n",
       ".xr-attrs dd {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  float: left;\n",
       "  padding-right: 10px;\n",
       "  width: auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt {\n",
       "  font-weight: normal;\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-attrs dt:hover span {\n",
       "  display: inline-block;\n",
       "  background: var(--xr-background-color);\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-attrs dd {\n",
       "  grid-column: 2;\n",
       "  white-space: pre-wrap;\n",
       "  word-break: break-all;\n",
       "}\n",
       "\n",
       ".xr-icon-database,\n",
       ".xr-icon-file-text2,\n",
       ".xr-no-icon {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "</style><pre class='xr-text-repr-fallback'>&lt;xarray.DataArray &#x27;built&#x27; (y: 68116, x: 112644)&gt;\n",
       "dask.array&lt;open_dataset-built, shape=(68116, 112644), dtype=float32, chunksize=(1000, 1000), chunktype=numpy.ndarray&gt;\n",
       "Coordinates:\n",
       "    band         int64 ...\n",
       "    spatial_ref  int64 ...\n",
       "  * x            (x) float64 64.02 64.02 64.02 64.02 ... 73.03 73.03 73.03 73.03\n",
       "  * y            (y) float64 30.0 30.0 30.0 30.0 ... 24.55 24.55 24.55 24.55\n",
       "Attributes:\n",
       "    AREA_OR_POINT:  Area\n",
       "    location:       central\n",
       "    resolution:     10</pre><div class='xr-wrap' style='display:none'><div class='xr-header'><div class='xr-obj-type'>xarray.DataArray</div><div class='xr-array-name'>'built'</div><ul class='xr-dim-list'><li><span class='xr-has-index'>y</span>: 68116</li><li><span class='xr-has-index'>x</span>: 112644</li></ul></div><ul class='xr-sections'><li class='xr-section-item'><div class='xr-array-wrap'><input id='section-e1ae8106-d2a5-48f0-a3d8-6f27a3b70561' class='xr-array-in' type='checkbox' checked><label for='section-e1ae8106-d2a5-48f0-a3d8-6f27a3b70561' title='Show/hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-array-preview xr-preview'><span>dask.array&lt;chunksize=(1000, 1000), meta=np.ndarray&gt;</span></div><div class='xr-array-data'><table>\n",
       "    <tr>\n",
       "        <td>\n",
       "            <table style=\"border-collapse: collapse;\">\n",
       "                <thead>\n",
       "                    <tr>\n",
       "                        <td> </td>\n",
       "                        <th> Array </th>\n",
       "                        <th> Chunk </th>\n",
       "                    </tr>\n",
       "                </thead>\n",
       "                <tbody>\n",
       "                    \n",
       "                    <tr>\n",
       "                        <th> Bytes </th>\n",
       "                        <td> 28.58 GiB </td>\n",
       "                        <td> 3.81 MiB </td>\n",
       "                    </tr>\n",
       "                    \n",
       "                    <tr>\n",
       "                        <th> Shape </th>\n",
       "                        <td> (68116, 112644) </td>\n",
       "                        <td> (1000, 1000) </td>\n",
       "                    </tr>\n",
       "                    <tr>\n",
       "                        <th> Dask graph </th>\n",
       "                        <td colspan=\"2\"> 7797 chunks in 2 graph layers </td>\n",
       "                    </tr>\n",
       "                    <tr>\n",
       "                        <th> Data type </th>\n",
       "                        <td colspan=\"2\"> float32 numpy.ndarray </td>\n",
       "                    </tr>\n",
       "                </tbody>\n",
       "            </table>\n",
       "        </td>\n",
       "        <td>\n",
       "        <svg width=\"170\" height=\"122\" style=\"stroke:rgb(0,0,0);stroke-width:1\" >\n",
       "\n",
       "  <!-- Horizontal lines -->\n",
       "  <line x1=\"0\" y1=\"0\" x2=\"120\" y2=\"0\" style=\"stroke-width:2\" />\n",
       "  <line x1=\"0\" y1=\"3\" x2=\"120\" y2=\"3\" />\n",
       "  <line x1=\"0\" y1=\"7\" x2=\"120\" y2=\"7\" />\n",
       "  <line x1=\"0\" y1=\"10\" x2=\"120\" y2=\"10\" />\n",
       "  <line x1=\"0\" y1=\"14\" x2=\"120\" y2=\"14\" />\n",
       "  <line x1=\"0\" y1=\"19\" x2=\"120\" y2=\"19\" />\n",
       "  <line x1=\"0\" y1=\"22\" x2=\"120\" y2=\"22\" />\n",
       "  <line x1=\"0\" y1=\"26\" x2=\"120\" y2=\"26\" />\n",
       "  <line x1=\"0\" y1=\"30\" x2=\"120\" y2=\"30\" />\n",
       "  <line x1=\"0\" y1=\"34\" x2=\"120\" y2=\"34\" />\n",
       "  <line x1=\"0\" y1=\"38\" x2=\"120\" y2=\"38\" />\n",
       "  <line x1=\"0\" y1=\"41\" x2=\"120\" y2=\"41\" />\n",
       "  <line x1=\"0\" y1=\"45\" x2=\"120\" y2=\"45\" />\n",
       "  <line x1=\"0\" y1=\"50\" x2=\"120\" y2=\"50\" />\n",
       "  <line x1=\"0\" y1=\"53\" x2=\"120\" y2=\"53\" />\n",
       "  <line x1=\"0\" y1=\"57\" x2=\"120\" y2=\"57\" />\n",
       "  <line x1=\"0\" y1=\"61\" x2=\"120\" y2=\"61\" />\n",
       "  <line x1=\"0\" y1=\"64\" x2=\"120\" y2=\"64\" />\n",
       "  <line x1=\"0\" y1=\"69\" x2=\"120\" y2=\"69\" />\n",
       "  <line x1=\"0\" y1=\"72\" x2=\"120\" y2=\"72\" style=\"stroke-width:2\" />\n",
       "\n",
       "  <!-- Vertical lines -->\n",
       "  <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"72\" style=\"stroke-width:2\" />\n",
       "  <line x1=\"5\" y1=\"0\" x2=\"5\" y2=\"72\" />\n",
       "  <line x1=\"11\" y1=\"0\" x2=\"11\" y2=\"72\" />\n",
       "  <line x1=\"18\" y1=\"0\" x2=\"18\" y2=\"72\" />\n",
       "  <line x1=\"24\" y1=\"0\" x2=\"24\" y2=\"72\" />\n",
       "  <line x1=\"30\" y1=\"0\" x2=\"30\" y2=\"72\" />\n",
       "  <line x1=\"37\" y1=\"0\" x2=\"37\" y2=\"72\" />\n",
       "  <line x1=\"43\" y1=\"0\" x2=\"43\" y2=\"72\" />\n",
       "  <line x1=\"50\" y1=\"0\" x2=\"50\" y2=\"72\" />\n",
       "  <line x1=\"56\" y1=\"0\" x2=\"56\" y2=\"72\" />\n",
       "  <line x1=\"62\" y1=\"0\" x2=\"62\" y2=\"72\" />\n",
       "  <line x1=\"69\" y1=\"0\" x2=\"69\" y2=\"72\" />\n",
       "  <line x1=\"75\" y1=\"0\" x2=\"75\" y2=\"72\" />\n",
       "  <line x1=\"82\" y1=\"0\" x2=\"82\" y2=\"72\" />\n",
       "  <line x1=\"88\" y1=\"0\" x2=\"88\" y2=\"72\" />\n",
       "  <line x1=\"94\" y1=\"0\" x2=\"94\" y2=\"72\" />\n",
       "  <line x1=\"101\" y1=\"0\" x2=\"101\" y2=\"72\" />\n",
       "  <line x1=\"107\" y1=\"0\" x2=\"107\" y2=\"72\" />\n",
       "  <line x1=\"113\" y1=\"0\" x2=\"113\" y2=\"72\" />\n",
       "  <line x1=\"120\" y1=\"0\" x2=\"120\" y2=\"72\" style=\"stroke-width:2\" />\n",
       "\n",
       "  <!-- Colored Rectangle -->\n",
       "  <polygon points=\"0.0,0.0 120.0,0.0 120.0,72.56418451049323 0.0,72.56418451049323\" style=\"fill:#8B4903A0;stroke-width:0\"/>\n",
       "\n",
       "  <!-- Text -->\n",
       "  <text x=\"60.000000\" y=\"92.564185\" font-size=\"1.0rem\" font-weight=\"100\" text-anchor=\"middle\" >112644</text>\n",
       "  <text x=\"140.000000\" y=\"36.282092\" font-size=\"1.0rem\" font-weight=\"100\" text-anchor=\"middle\" transform=\"rotate(-90,140.000000,36.282092)\">68116</text>\n",
       "</svg>\n",
       "        </td>\n",
       "    </tr>\n",
       "</table></div></div></li><li class='xr-section-item'><input id='section-7d11327e-b9a3-4403-89e3-6a3011b5784e' class='xr-section-summary-in' type='checkbox'  checked><label for='section-7d11327e-b9a3-4403-89e3-6a3011b5784e' class='xr-section-summary' >Coordinates: <span>(4)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-var-name'><span>band</span></div><div class='xr-var-dims'>()</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>...</div><input id='attrs-4f377328-ae0f-455a-980a-42999bf50fa5' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-4f377328-ae0f-455a-980a-42999bf50fa5' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-3e68dd5b-3b6e-455f-b2e7-b77d33296c9d' class='xr-var-data-in' type='checkbox'><label for='data-3e68dd5b-3b6e-455f-b2e7-b77d33296c9d' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>[1 values with dtype=int64]</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>spatial_ref</span></div><div class='xr-var-dims'>()</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>...</div><input id='attrs-63196938-e863-4b32-b745-ed690eda3856' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-63196938-e863-4b32-b745-ed690eda3856' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-add9f0e7-c469-42a5-955b-32b816f38643' class='xr-var-data-in' type='checkbox'><label for='data-add9f0e7-c469-42a5-955b-32b816f38643' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>GeoTransform :</span></dt><dd>64.01939542274333 7.997405387446441e-05 0.0 30.000054981473873 0.0 -7.997405387446441e-05</dd><dt><span>crs_wkt :</span></dt><dd>GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AXIS[&quot;Latitude&quot;,NORTH],AXIS[&quot;Longitude&quot;,EAST],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]]</dd><dt><span>geographic_crs_name :</span></dt><dd>WGS 84</dd><dt><span>grid_mapping_name :</span></dt><dd>latitude_longitude</dd><dt><span>horizontal_datum_name :</span></dt><dd>World Geodetic System 1984</dd><dt><span>inverse_flattening :</span></dt><dd>298.257223563</dd><dt><span>longitude_of_prime_meridian :</span></dt><dd>0.0</dd><dt><span>prime_meridian_name :</span></dt><dd>Greenwich</dd><dt><span>reference_ellipsoid_name :</span></dt><dd>WGS 84</dd><dt><span>semi_major_axis :</span></dt><dd>6378137.0</dd><dt><span>semi_minor_axis :</span></dt><dd>6356752.314245179</dd><dt><span>spatial_ref :</span></dt><dd>GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AXIS[&quot;Latitude&quot;,NORTH],AXIS[&quot;Longitude&quot;,EAST],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]]</dd></dl></div><div class='xr-var-data'><pre>[1 values with dtype=int64]</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>x</span></div><div class='xr-var-dims'>(x)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>64.02 64.02 64.02 ... 73.03 73.03</div><input id='attrs-9922aec4-4692-4afe-b3a4-bc6b242bfd45' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-9922aec4-4692-4afe-b3a4-bc6b242bfd45' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-a8762bb6-d31e-43db-acf1-7b523d9d41f5' class='xr-var-data-in' type='checkbox'><label for='data-a8762bb6-d31e-43db-acf1-7b523d9d41f5' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>axis :</span></dt><dd>X</dd><dt><span>long_name :</span></dt><dd>longitude</dd><dt><span>standard_name :</span></dt><dd>longitude</dd><dt><span>units :</span></dt><dd>degrees_east</dd></dl></div><div class='xr-var-data'><pre>array([64.019435, 64.019515, 64.019595, ..., 73.027793, 73.027873, 73.027953])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>y</span></div><div class='xr-var-dims'>(y)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>30.0 30.0 30.0 ... 24.55 24.55</div><input id='attrs-ceb37be9-5c29-419f-bff0-79c0a20a0a69' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-ceb37be9-5c29-419f-bff0-79c0a20a0a69' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-c9160660-7afb-4dd9-8bd6-691d4bdfef0e' class='xr-var-data-in' type='checkbox'><label for='data-c9160660-7afb-4dd9-8bd6-691d4bdfef0e' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>axis :</span></dt><dd>Y</dd><dt><span>long_name :</span></dt><dd>latitude</dd><dt><span>standard_name :</span></dt><dd>latitude</dd><dt><span>units :</span></dt><dd>degrees_north</dd></dl></div><div class='xr-var-data'><pre>array([30.000015, 29.999935, 29.999855, ..., 24.552742, 24.552662, 24.552582])</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-9c54d9c1-aac6-4dac-8551-7fb1045bebea' class='xr-section-summary-in' type='checkbox'  ><label for='section-9c54d9c1-aac6-4dac-8551-7fb1045bebea' class='xr-section-summary' >Indexes: <span>(2)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-index-name'><div>x</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-c5abd486-eb2f-4c00-a2e6-afce13aa6945' class='xr-index-data-in' type='checkbox'/><label for='index-c5abd486-eb2f-4c00-a2e6-afce13aa6945' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([64.01943540977027, 64.01951538382414, 64.01959535787802,\n",
       "        64.0196753319319, 64.01975530598577, 64.01983528003964,\n",
       "       64.01991525409352,  64.0199952281474, 64.02007520220127,\n",
       "       64.02015517625513,\n",
       "       ...\n",
       "       73.02723299386669, 73.02731296792057, 73.02739294197444,\n",
       "       73.02747291602832, 73.02755289008219, 73.02763286413607,\n",
       "       73.02771283818994, 73.02779281224382, 73.02787278629769,\n",
       "       73.02795276035157],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;x&#x27;, length=112644))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>y</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-b35333e2-8ccb-419a-b3ba-addf6daccb38' class='xr-index-data-in' type='checkbox'/><label for='index-b35333e2-8ccb-419a-b3ba-addf6daccb38' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([30.000014994446936,  29.99993502039306, 29.999855046339185,\n",
       "       29.999775072285313, 29.999695098231438, 29.999615124177563,\n",
       "       29.999535150123688, 29.999455176069816,  29.99937520201594,\n",
       "       29.999295227962065,\n",
       "       ...\n",
       "       24.553302081272662, 24.553222107218787, 24.553142133164915,\n",
       "        24.55306215911104, 24.552982185057164,  24.55290221100329,\n",
       "       24.552822236949417, 24.552742262895542, 24.552662288841667,\n",
       "        24.55258231478779],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;y&#x27;, length=68116))</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-0a4e1e20-7f84-415d-8772-7ffbc2af0c4c' class='xr-section-summary-in' type='checkbox'  checked><label for='section-0a4e1e20-7f84-415d-8772-7ffbc2af0c4c' class='xr-section-summary' >Attributes: <span>(3)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><dl class='xr-attrs'><dt><span>AREA_OR_POINT :</span></dt><dd>Area</dd><dt><span>location :</span></dt><dd>central</dd><dt><span>resolution :</span></dt><dd>10</dd></dl></div></li></ul></div></div>"
      ],
      "text/plain": [
       "<xarray.DataArray 'built' (y: 68116, x: 112644)>\n",
       "dask.array<open_dataset-built, shape=(68116, 112644), dtype=float32, chunksize=(1000, 1000), chunktype=numpy.ndarray>\n",
       "Coordinates:\n",
       "    band         int64 ...\n",
       "    spatial_ref  int64 ...\n",
       "  * x            (x) float64 64.02 64.02 64.02 64.02 ... 73.03 73.03 73.03 73.03\n",
       "  * y            (y) float64 30.0 30.0 30.0 30.0 ... 24.55 24.55 24.55 24.55\n",
       "Attributes:\n",
       "    AREA_OR_POINT:  Area\n",
       "    location:       central\n",
       "    resolution:     10"
      ]
     },
     "execution_count": 38,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "built_surfaces = xr.open_zarr(\n",
    "    store=s3fs.S3Map(\n",
    "        root=f\"demo/dedl-flood/built_data.zarr\",\n",
    "        s3=s3_central, check=False\n",
    "    ),\n",
    "    decode_coords=\"all\",\n",
    ")[\"built\"].assign_attrs(location=\"central\", resolution=10)\n",
    "built_surfaces"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "#### Read data stored at LUMI bridge\n",
    "Please note that the data array is annotated with an attribute **location** equal to **lumi**. This attribute is used to direct computations related to the array to Dask running at LUMI bridge."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "##### ERA5-Land\n",
    "ERA5-Land data used in the demonstration was transformed to zarr data format, simulating a potential output of the DEDL data cube service. The data cube contains the variable **daily total precipitation (tp)** as available in the native spatial resolution of the dataset. ERA5-Land was chosen for demonstration purposes only, and should be replaced with a high resolution rainfall prediction dataset computed by a given Digital Twin in future. Again, for demonstration purposes, the data is been made available as datacube in zarr format."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 39,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"icon-database\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M16 0c-8.837 0-16 2.239-16 5v4c0 2.761 7.163 5 16 5s16-2.239 16-5v-4c0-2.761-7.163-5-16-5z\"></path>\n",
       "<path d=\"M16 17c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "<path d=\"M16 26c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "</symbol>\n",
       "<symbol id=\"icon-file-text2\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M28.681 7.159c-0.694-0.947-1.662-2.053-2.724-3.116s-2.169-2.030-3.116-2.724c-1.612-1.182-2.393-1.319-2.841-1.319h-15.5c-1.378 0-2.5 1.121-2.5 2.5v27c0 1.378 1.122 2.5 2.5 2.5h23c1.378 0 2.5-1.122 2.5-2.5v-19.5c0-0.448-0.137-1.23-1.319-2.841zM24.543 5.457c0.959 0.959 1.712 1.825 2.268 2.543h-4.811v-4.811c0.718 0.556 1.584 1.309 2.543 2.268zM28 29.5c0 0.271-0.229 0.5-0.5 0.5h-23c-0.271 0-0.5-0.229-0.5-0.5v-27c0-0.271 0.229-0.5 0.5-0.5 0 0 15.499-0 15.5 0v7c0 0.552 0.448 1 1 1h7v19.5z\"></path>\n",
       "<path d=\"M23 26h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 22h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 18h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "</symbol>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying xarray objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --xr-font-color0: var(--jp-content-font-color0, rgba(0, 0, 0, 1));\n",
       "  --xr-font-color2: var(--jp-content-font-color2, rgba(0, 0, 0, 0.54));\n",
       "  --xr-font-color3: var(--jp-content-font-color3, rgba(0, 0, 0, 0.38));\n",
       "  --xr-border-color: var(--jp-border-color2, #e0e0e0);\n",
       "  --xr-disabled-color: var(--jp-layout-color3, #bdbdbd);\n",
       "  --xr-background-color: var(--jp-layout-color0, white);\n",
       "  --xr-background-color-row-even: var(--jp-layout-color1, white);\n",
       "  --xr-background-color-row-odd: var(--jp-layout-color2, #eeeeee);\n",
       "}\n",
       "\n",
       "html[theme=dark],\n",
       "body[data-theme=dark],\n",
       "body.vscode-dark {\n",
       "  --xr-font-color0: rgba(255, 255, 255, 1);\n",
       "  --xr-font-color2: rgba(255, 255, 255, 0.54);\n",
       "  --xr-font-color3: rgba(255, 255, 255, 0.38);\n",
       "  --xr-border-color: #1F1F1F;\n",
       "  --xr-disabled-color: #515151;\n",
       "  --xr-background-color: #111111;\n",
       "  --xr-background-color-row-even: #111111;\n",
       "  --xr-background-color-row-odd: #313131;\n",
       "}\n",
       "\n",
       ".xr-wrap {\n",
       "  display: block !important;\n",
       "  min-width: 300px;\n",
       "  max-width: 700px;\n",
       "}\n",
       "\n",
       ".xr-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-header {\n",
       "  padding-top: 6px;\n",
       "  padding-bottom: 6px;\n",
       "  margin-bottom: 4px;\n",
       "  border-bottom: solid 1px var(--xr-border-color);\n",
       "}\n",
       "\n",
       ".xr-header > div,\n",
       ".xr-header > ul {\n",
       "  display: inline;\n",
       "  margin-top: 0;\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-obj-type,\n",
       ".xr-array-name {\n",
       "  margin-left: 2px;\n",
       "  margin-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-obj-type {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-sections {\n",
       "  padding-left: 0 !important;\n",
       "  display: grid;\n",
       "  grid-template-columns: 150px auto auto 1fr 20px 20px;\n",
       "}\n",
       "\n",
       ".xr-section-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-section-item input {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-item input + label {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label {\n",
       "  cursor: pointer;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label:hover {\n",
       "  color: var(--xr-font-color0);\n",
       "}\n",
       "\n",
       ".xr-section-summary {\n",
       "  grid-column: 1;\n",
       "  color: var(--xr-font-color2);\n",
       "  font-weight: 500;\n",
       "}\n",
       "\n",
       ".xr-section-summary > span {\n",
       "  display: inline-block;\n",
       "  padding-left: 0.5em;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in + label:before {\n",
       "  display: inline-block;\n",
       "  content: '►';\n",
       "  font-size: 11px;\n",
       "  width: 15px;\n",
       "  text-align: center;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label:before {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label:before {\n",
       "  content: '▼';\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label > span {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-summary,\n",
       ".xr-section-inline-details {\n",
       "  padding-top: 4px;\n",
       "  padding-bottom: 4px;\n",
       "}\n",
       "\n",
       ".xr-section-inline-details {\n",
       "  grid-column: 2 / -1;\n",
       "}\n",
       "\n",
       ".xr-section-details {\n",
       "  display: none;\n",
       "  grid-column: 1 / -1;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked ~ .xr-section-details {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-array-wrap {\n",
       "  grid-column: 1 / -1;\n",
       "  display: grid;\n",
       "  grid-template-columns: 20px auto;\n",
       "}\n",
       "\n",
       ".xr-array-wrap > label {\n",
       "  grid-column: 1;\n",
       "  vertical-align: top;\n",
       "}\n",
       "\n",
       ".xr-preview {\n",
       "  color: var(--xr-font-color3);\n",
       "}\n",
       "\n",
       ".xr-array-preview,\n",
       ".xr-array-data {\n",
       "  padding: 0 5px !important;\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-array-data,\n",
       ".xr-array-in:checked ~ .xr-array-preview {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-array-in:checked ~ .xr-array-data,\n",
       ".xr-array-preview {\n",
       "  display: inline-block;\n",
       "}\n",
       "\n",
       ".xr-dim-list {\n",
       "  display: inline-block !important;\n",
       "  list-style: none;\n",
       "  padding: 0 !important;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list li {\n",
       "  display: inline-block;\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list:before {\n",
       "  content: '(';\n",
       "}\n",
       "\n",
       ".xr-dim-list:after {\n",
       "  content: ')';\n",
       "}\n",
       "\n",
       ".xr-dim-list li:not(:last-child):after {\n",
       "  content: ',';\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-has-index {\n",
       "  font-weight: bold;\n",
       "}\n",
       "\n",
       ".xr-var-list,\n",
       ".xr-var-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-var-item > div,\n",
       ".xr-var-item label,\n",
       ".xr-var-item > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-even);\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-var-item > .xr-var-name:hover span {\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-var-list > li:nth-child(odd) > div,\n",
       ".xr-var-list > li:nth-child(odd) > label,\n",
       ".xr-var-list > li:nth-child(odd) > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-odd);\n",
       "}\n",
       "\n",
       ".xr-var-name {\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-var-dims {\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-var-dtype {\n",
       "  grid-column: 3;\n",
       "  text-align: right;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-preview {\n",
       "  grid-column: 4;\n",
       "}\n",
       "\n",
       ".xr-index-preview {\n",
       "  grid-column: 2 / 5;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-name,\n",
       ".xr-var-dims,\n",
       ".xr-var-dtype,\n",
       ".xr-preview,\n",
       ".xr-attrs dt {\n",
       "  white-space: nowrap;\n",
       "  overflow: hidden;\n",
       "  text-overflow: ellipsis;\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-var-name:hover,\n",
       ".xr-var-dims:hover,\n",
       ".xr-var-dtype:hover,\n",
       ".xr-attrs dt:hover {\n",
       "  overflow: visible;\n",
       "  width: auto;\n",
       "  z-index: 1;\n",
       "}\n",
       "\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  display: none;\n",
       "  background-color: var(--xr-background-color) !important;\n",
       "  padding-bottom: 5px !important;\n",
       "}\n",
       "\n",
       ".xr-var-attrs-in:checked ~ .xr-var-attrs,\n",
       ".xr-var-data-in:checked ~ .xr-var-data,\n",
       ".xr-index-data-in:checked ~ .xr-index-data {\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".xr-var-data > table {\n",
       "  float: right;\n",
       "}\n",
       "\n",
       ".xr-var-name span,\n",
       ".xr-var-data,\n",
       ".xr-index-name div,\n",
       ".xr-index-data,\n",
       ".xr-attrs {\n",
       "  padding-left: 25px !important;\n",
       "}\n",
       "\n",
       ".xr-attrs,\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  grid-column: 1 / -1;\n",
       "}\n",
       "\n",
       "dl.xr-attrs {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  display: grid;\n",
       "  grid-template-columns: 125px auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt,\n",
       ".xr-attrs dd {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  float: left;\n",
       "  padding-right: 10px;\n",
       "  width: auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt {\n",
       "  font-weight: normal;\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-attrs dt:hover span {\n",
       "  display: inline-block;\n",
       "  background: var(--xr-background-color);\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-attrs dd {\n",
       "  grid-column: 2;\n",
       "  white-space: pre-wrap;\n",
       "  word-break: break-all;\n",
       "}\n",
       "\n",
       ".xr-icon-database,\n",
       ".xr-icon-file-text2,\n",
       ".xr-no-icon {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "</style><pre class='xr-text-repr-fallback'>&lt;xarray.DataArray &#x27;tp&#x27; (time: 3288, latitude: 1801, longitude: 3600)&gt;\n",
       "dask.array&lt;open_dataset-tp, shape=(3288, 1801, 3600), dtype=float32, chunksize=(100, 100, 100), chunktype=numpy.ndarray&gt;\n",
       "Coordinates:\n",
       "  * latitude   (latitude) float64 90.0 89.9 89.8 89.7 ... -89.8 -89.9 -90.0\n",
       "  * longitude  (longitude) float64 -180.0 -179.9 -179.8 ... 179.7 179.8 179.9\n",
       "  * time       (time) datetime64[ns] 2015-01-01 2015-01-02 ... 2024-01-01\n",
       "Attributes:\n",
       "    location:  lumi</pre><div class='xr-wrap' style='display:none'><div class='xr-header'><div class='xr-obj-type'>xarray.DataArray</div><div class='xr-array-name'>'tp'</div><ul class='xr-dim-list'><li><span class='xr-has-index'>time</span>: 3288</li><li><span class='xr-has-index'>latitude</span>: 1801</li><li><span class='xr-has-index'>longitude</span>: 3600</li></ul></div><ul class='xr-sections'><li class='xr-section-item'><div class='xr-array-wrap'><input id='section-91beeea8-2acf-4d51-9029-85cad9b04c09' class='xr-array-in' type='checkbox' checked><label for='section-91beeea8-2acf-4d51-9029-85cad9b04c09' title='Show/hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-array-preview xr-preview'><span>dask.array&lt;chunksize=(100, 100, 100), meta=np.ndarray&gt;</span></div><div class='xr-array-data'><table>\n",
       "    <tr>\n",
       "        <td>\n",
       "            <table style=\"border-collapse: collapse;\">\n",
       "                <thead>\n",
       "                    <tr>\n",
       "                        <td> </td>\n",
       "                        <th> Array </th>\n",
       "                        <th> Chunk </th>\n",
       "                    </tr>\n",
       "                </thead>\n",
       "                <tbody>\n",
       "                    \n",
       "                    <tr>\n",
       "                        <th> Bytes </th>\n",
       "                        <td> 79.42 GiB </td>\n",
       "                        <td> 3.81 MiB </td>\n",
       "                    </tr>\n",
       "                    \n",
       "                    <tr>\n",
       "                        <th> Shape </th>\n",
       "                        <td> (3288, 1801, 3600) </td>\n",
       "                        <td> (100, 100, 100) </td>\n",
       "                    </tr>\n",
       "                    <tr>\n",
       "                        <th> Dask graph </th>\n",
       "                        <td colspan=\"2\"> 22572 chunks in 2 graph layers </td>\n",
       "                    </tr>\n",
       "                    <tr>\n",
       "                        <th> Data type </th>\n",
       "                        <td colspan=\"2\"> float32 numpy.ndarray </td>\n",
       "                    </tr>\n",
       "                </tbody>\n",
       "            </table>\n",
       "        </td>\n",
       "        <td>\n",
       "        <svg width=\"244\" height=\"174\" style=\"stroke:rgb(0,0,0);stroke-width:1\" >\n",
       "\n",
       "  <!-- Horizontal lines -->\n",
       "  <line x1=\"10\" y1=\"0\" x2=\"74\" y2=\"64\" style=\"stroke-width:2\" />\n",
       "  <line x1=\"10\" y1=\"3\" x2=\"74\" y2=\"67\" />\n",
       "  <line x1=\"10\" y1=\"6\" x2=\"74\" y2=\"71\" />\n",
       "  <line x1=\"10\" y1=\"10\" x2=\"74\" y2=\"74\" />\n",
       "  <line x1=\"10\" y1=\"13\" x2=\"74\" y2=\"77\" />\n",
       "  <line x1=\"10\" y1=\"16\" x2=\"74\" y2=\"81\" />\n",
       "  <line x1=\"10\" y1=\"20\" x2=\"74\" y2=\"84\" />\n",
       "  <line x1=\"10\" y1=\"23\" x2=\"74\" y2=\"87\" />\n",
       "  <line x1=\"10\" y1=\"26\" x2=\"74\" y2=\"91\" />\n",
       "  <line x1=\"10\" y1=\"30\" x2=\"74\" y2=\"94\" />\n",
       "  <line x1=\"10\" y1=\"33\" x2=\"74\" y2=\"97\" />\n",
       "  <line x1=\"10\" y1=\"36\" x2=\"74\" y2=\"101\" />\n",
       "  <line x1=\"10\" y1=\"40\" x2=\"74\" y2=\"104\" />\n",
       "  <line x1=\"10\" y1=\"43\" x2=\"74\" y2=\"107\" />\n",
       "  <line x1=\"10\" y1=\"46\" x2=\"74\" y2=\"111\" />\n",
       "  <line x1=\"10\" y1=\"50\" x2=\"74\" y2=\"114\" />\n",
       "  <line x1=\"10\" y1=\"53\" x2=\"74\" y2=\"117\" />\n",
       "  <line x1=\"10\" y1=\"56\" x2=\"74\" y2=\"121\" />\n",
       "  <line x1=\"10\" y1=\"60\" x2=\"74\" y2=\"124\" />\n",
       "  <line x1=\"10\" y1=\"60\" x2=\"74\" y2=\"124\" style=\"stroke-width:2\" />\n",
       "\n",
       "  <!-- Vertical lines -->\n",
       "  <line x1=\"10\" y1=\"0\" x2=\"10\" y2=\"60\" style=\"stroke-width:2\" />\n",
       "  <line x1=\"11\" y1=\"1\" x2=\"11\" y2=\"61\" />\n",
       "  <line x1=\"15\" y1=\"5\" x2=\"15\" y2=\"65\" />\n",
       "  <line x1=\"19\" y1=\"9\" x2=\"19\" y2=\"69\" />\n",
       "  <line x1=\"21\" y1=\"11\" x2=\"21\" y2=\"71\" />\n",
       "  <line x1=\"25\" y1=\"15\" x2=\"25\" y2=\"75\" />\n",
       "  <line x1=\"29\" y1=\"19\" x2=\"29\" y2=\"79\" />\n",
       "  <line x1=\"33\" y1=\"23\" x2=\"33\" y2=\"83\" />\n",
       "  <line x1=\"35\" y1=\"25\" x2=\"35\" y2=\"85\" />\n",
       "  <line x1=\"39\" y1=\"29\" x2=\"39\" y2=\"89\" />\n",
       "  <line x1=\"43\" y1=\"33\" x2=\"43\" y2=\"93\" />\n",
       "  <line x1=\"47\" y1=\"37\" x2=\"47\" y2=\"97\" />\n",
       "  <line x1=\"49\" y1=\"39\" x2=\"49\" y2=\"99\" />\n",
       "  <line x1=\"53\" y1=\"43\" x2=\"53\" y2=\"103\" />\n",
       "  <line x1=\"57\" y1=\"47\" x2=\"57\" y2=\"107\" />\n",
       "  <line x1=\"60\" y1=\"50\" x2=\"60\" y2=\"111\" />\n",
       "  <line x1=\"62\" y1=\"52\" x2=\"62\" y2=\"112\" />\n",
       "  <line x1=\"66\" y1=\"56\" x2=\"66\" y2=\"116\" />\n",
       "  <line x1=\"70\" y1=\"60\" x2=\"70\" y2=\"120\" />\n",
       "  <line x1=\"74\" y1=\"64\" x2=\"74\" y2=\"124\" style=\"stroke-width:2\" />\n",
       "\n",
       "  <!-- Colored Rectangle -->\n",
       "  <polygon points=\"10.0,0.0 74.47058823529412,64.47058823529412 74.47058823529412,124.50392156862745 10.0,60.03333333333333\" style=\"fill:#8B4903A0;stroke-width:0\"/>\n",
       "\n",
       "  <!-- Horizontal lines -->\n",
       "  <line x1=\"10\" y1=\"0\" x2=\"130\" y2=\"0\" style=\"stroke-width:2\" />\n",
       "  <line x1=\"11\" y1=\"1\" x2=\"131\" y2=\"1\" />\n",
       "  <line x1=\"15\" y1=\"5\" x2=\"135\" y2=\"5\" />\n",
       "  <line x1=\"19\" y1=\"9\" x2=\"139\" y2=\"9\" />\n",
       "  <line x1=\"21\" y1=\"11\" x2=\"141\" y2=\"11\" />\n",
       "  <line x1=\"25\" y1=\"15\" x2=\"145\" y2=\"15\" />\n",
       "  <line x1=\"29\" y1=\"19\" x2=\"149\" y2=\"19\" />\n",
       "  <line x1=\"33\" y1=\"23\" x2=\"153\" y2=\"23\" />\n",
       "  <line x1=\"35\" y1=\"25\" x2=\"155\" y2=\"25\" />\n",
       "  <line x1=\"39\" y1=\"29\" x2=\"159\" y2=\"29\" />\n",
       "  <line x1=\"43\" y1=\"33\" x2=\"163\" y2=\"33\" />\n",
       "  <line x1=\"47\" y1=\"37\" x2=\"167\" y2=\"37\" />\n",
       "  <line x1=\"49\" y1=\"39\" x2=\"169\" y2=\"39\" />\n",
       "  <line x1=\"53\" y1=\"43\" x2=\"173\" y2=\"43\" />\n",
       "  <line x1=\"57\" y1=\"47\" x2=\"177\" y2=\"47\" />\n",
       "  <line x1=\"60\" y1=\"50\" x2=\"180\" y2=\"50\" />\n",
       "  <line x1=\"62\" y1=\"52\" x2=\"182\" y2=\"52\" />\n",
       "  <line x1=\"66\" y1=\"56\" x2=\"186\" y2=\"56\" />\n",
       "  <line x1=\"70\" y1=\"60\" x2=\"190\" y2=\"60\" />\n",
       "  <line x1=\"74\" y1=\"64\" x2=\"194\" y2=\"64\" style=\"stroke-width:2\" />\n",
       "\n",
       "  <!-- Vertical lines -->\n",
       "  <line x1=\"10\" y1=\"0\" x2=\"74\" y2=\"64\" style=\"stroke-width:2\" />\n",
       "  <line x1=\"13\" y1=\"0\" x2=\"77\" y2=\"64\" />\n",
       "  <line x1=\"20\" y1=\"0\" x2=\"84\" y2=\"64\" />\n",
       "  <line x1=\"26\" y1=\"0\" x2=\"91\" y2=\"64\" />\n",
       "  <line x1=\"33\" y1=\"0\" x2=\"97\" y2=\"64\" />\n",
       "  <line x1=\"40\" y1=\"0\" x2=\"104\" y2=\"64\" />\n",
       "  <line x1=\"46\" y1=\"0\" x2=\"111\" y2=\"64\" />\n",
       "  <line x1=\"53\" y1=\"0\" x2=\"117\" y2=\"64\" />\n",
       "  <line x1=\"60\" y1=\"0\" x2=\"124\" y2=\"64\" />\n",
       "  <line x1=\"66\" y1=\"0\" x2=\"131\" y2=\"64\" />\n",
       "  <line x1=\"70\" y1=\"0\" x2=\"134\" y2=\"64\" />\n",
       "  <line x1=\"76\" y1=\"0\" x2=\"141\" y2=\"64\" />\n",
       "  <line x1=\"83\" y1=\"0\" x2=\"147\" y2=\"64\" />\n",
       "  <line x1=\"90\" y1=\"0\" x2=\"154\" y2=\"64\" />\n",
       "  <line x1=\"96\" y1=\"0\" x2=\"161\" y2=\"64\" />\n",
       "  <line x1=\"103\" y1=\"0\" x2=\"167\" y2=\"64\" />\n",
       "  <line x1=\"110\" y1=\"0\" x2=\"174\" y2=\"64\" />\n",
       "  <line x1=\"116\" y1=\"0\" x2=\"181\" y2=\"64\" />\n",
       "  <line x1=\"123\" y1=\"0\" x2=\"187\" y2=\"64\" />\n",
       "  <line x1=\"130\" y1=\"0\" x2=\"194\" y2=\"64\" style=\"stroke-width:2\" />\n",
       "\n",
       "  <!-- Colored Rectangle -->\n",
       "  <polygon points=\"10.0,0.0 130.0,0.0 194.47058823529412,64.47058823529412 74.47058823529412,64.47058823529412\" style=\"fill:#8B4903A0;stroke-width:0\"/>\n",
       "\n",
       "  <!-- Horizontal lines -->\n",
       "  <line x1=\"74\" y1=\"64\" x2=\"194\" y2=\"64\" style=\"stroke-width:2\" />\n",
       "  <line x1=\"74\" y1=\"67\" x2=\"194\" y2=\"67\" />\n",
       "  <line x1=\"74\" y1=\"71\" x2=\"194\" y2=\"71\" />\n",
       "  <line x1=\"74\" y1=\"74\" x2=\"194\" y2=\"74\" />\n",
       "  <line x1=\"74\" y1=\"77\" x2=\"194\" y2=\"77\" />\n",
       "  <line x1=\"74\" y1=\"81\" x2=\"194\" y2=\"81\" />\n",
       "  <line x1=\"74\" y1=\"84\" x2=\"194\" y2=\"84\" />\n",
       "  <line x1=\"74\" y1=\"87\" x2=\"194\" y2=\"87\" />\n",
       "  <line x1=\"74\" y1=\"91\" x2=\"194\" y2=\"91\" />\n",
       "  <line x1=\"74\" y1=\"94\" x2=\"194\" y2=\"94\" />\n",
       "  <line x1=\"74\" y1=\"97\" x2=\"194\" y2=\"97\" />\n",
       "  <line x1=\"74\" y1=\"101\" x2=\"194\" y2=\"101\" />\n",
       "  <line x1=\"74\" y1=\"104\" x2=\"194\" y2=\"104\" />\n",
       "  <line x1=\"74\" y1=\"107\" x2=\"194\" y2=\"107\" />\n",
       "  <line x1=\"74\" y1=\"111\" x2=\"194\" y2=\"111\" />\n",
       "  <line x1=\"74\" y1=\"114\" x2=\"194\" y2=\"114\" />\n",
       "  <line x1=\"74\" y1=\"117\" x2=\"194\" y2=\"117\" />\n",
       "  <line x1=\"74\" y1=\"121\" x2=\"194\" y2=\"121\" />\n",
       "  <line x1=\"74\" y1=\"124\" x2=\"194\" y2=\"124\" />\n",
       "  <line x1=\"74\" y1=\"124\" x2=\"194\" y2=\"124\" style=\"stroke-width:2\" />\n",
       "\n",
       "  <!-- Vertical lines -->\n",
       "  <line x1=\"74\" y1=\"64\" x2=\"74\" y2=\"124\" style=\"stroke-width:2\" />\n",
       "  <line x1=\"77\" y1=\"64\" x2=\"77\" y2=\"124\" />\n",
       "  <line x1=\"84\" y1=\"64\" x2=\"84\" y2=\"124\" />\n",
       "  <line x1=\"91\" y1=\"64\" x2=\"91\" y2=\"124\" />\n",
       "  <line x1=\"97\" y1=\"64\" x2=\"97\" y2=\"124\" />\n",
       "  <line x1=\"104\" y1=\"64\" x2=\"104\" y2=\"124\" />\n",
       "  <line x1=\"111\" y1=\"64\" x2=\"111\" y2=\"124\" />\n",
       "  <line x1=\"117\" y1=\"64\" x2=\"117\" y2=\"124\" />\n",
       "  <line x1=\"124\" y1=\"64\" x2=\"124\" y2=\"124\" />\n",
       "  <line x1=\"131\" y1=\"64\" x2=\"131\" y2=\"124\" />\n",
       "  <line x1=\"134\" y1=\"64\" x2=\"134\" y2=\"124\" />\n",
       "  <line x1=\"141\" y1=\"64\" x2=\"141\" y2=\"124\" />\n",
       "  <line x1=\"147\" y1=\"64\" x2=\"147\" y2=\"124\" />\n",
       "  <line x1=\"154\" y1=\"64\" x2=\"154\" y2=\"124\" />\n",
       "  <line x1=\"161\" y1=\"64\" x2=\"161\" y2=\"124\" />\n",
       "  <line x1=\"167\" y1=\"64\" x2=\"167\" y2=\"124\" />\n",
       "  <line x1=\"174\" y1=\"64\" x2=\"174\" y2=\"124\" />\n",
       "  <line x1=\"181\" y1=\"64\" x2=\"181\" y2=\"124\" />\n",
       "  <line x1=\"187\" y1=\"64\" x2=\"187\" y2=\"124\" />\n",
       "  <line x1=\"194\" y1=\"64\" x2=\"194\" y2=\"124\" style=\"stroke-width:2\" />\n",
       "\n",
       "  <!-- Colored Rectangle -->\n",
       "  <polygon points=\"74.47058823529412,64.47058823529412 194.47058823529412,64.47058823529412 194.47058823529412,124.50392156862745 74.47058823529412,124.50392156862745\" style=\"fill:#8B4903A0;stroke-width:0\"/>\n",
       "\n",
       "  <!-- Text -->\n",
       "  <text x=\"134.470588\" y=\"144.503922\" font-size=\"1.0rem\" font-weight=\"100\" text-anchor=\"middle\" >3600</text>\n",
       "  <text x=\"214.470588\" y=\"94.487255\" font-size=\"1.0rem\" font-weight=\"100\" text-anchor=\"middle\" transform=\"rotate(-90,214.470588,94.487255)\">1801</text>\n",
       "  <text x=\"32.235294\" y=\"112.268627\" font-size=\"1.0rem\" font-weight=\"100\" text-anchor=\"middle\" transform=\"rotate(45,32.235294,112.268627)\">3288</text>\n",
       "</svg>\n",
       "        </td>\n",
       "    </tr>\n",
       "</table></div></div></li><li class='xr-section-item'><input id='section-47a8adf5-d498-426d-939f-61460dfbe036' class='xr-section-summary-in' type='checkbox'  checked><label for='section-47a8adf5-d498-426d-939f-61460dfbe036' class='xr-section-summary' >Coordinates: <span>(3)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>latitude</span></div><div class='xr-var-dims'>(latitude)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>90.0 89.9 89.8 ... -89.9 -90.0</div><input id='attrs-df38665a-86cf-4126-bb63-5dbc9887d642' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-df38665a-86cf-4126-bb63-5dbc9887d642' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-843972cd-ad74-4d63-afcd-fdb430ac729a' class='xr-var-data-in' type='checkbox'><label for='data-843972cd-ad74-4d63-afcd-fdb430ac729a' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([ 90. ,  89.9,  89.8, ..., -89.8, -89.9, -90. ])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>longitude</span></div><div class='xr-var-dims'>(longitude)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>-180.0 -179.9 ... 179.8 179.9</div><input id='attrs-8e18e3b5-1475-4f66-86df-d03b7e2f9e0f' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-8e18e3b5-1475-4f66-86df-d03b7e2f9e0f' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-e9848e98-5d5e-4ca5-b321-dac5a01f8923' class='xr-var-data-in' type='checkbox'><label for='data-e9848e98-5d5e-4ca5-b321-dac5a01f8923' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([-180. , -179.9, -179.8, ...,  179.7,  179.8,  179.9])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>time</span></div><div class='xr-var-dims'>(time)</div><div class='xr-var-dtype'>datetime64[ns]</div><div class='xr-var-preview xr-preview'>2015-01-01 ... 2024-01-01</div><input id='attrs-3b572b9b-4262-4eae-9b07-21767ea6dca6' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-3b572b9b-4262-4eae-9b07-21767ea6dca6' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-ffcee9dc-ec9a-464a-9db7-553f9378026e' class='xr-var-data-in' type='checkbox'><label for='data-ffcee9dc-ec9a-464a-9db7-553f9378026e' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([&#x27;2015-01-01T00:00:00.000000000&#x27;, &#x27;2015-01-02T00:00:00.000000000&#x27;,\n",
       "       &#x27;2015-01-03T00:00:00.000000000&#x27;, ..., &#x27;2023-12-30T00:00:00.000000000&#x27;,\n",
       "       &#x27;2023-12-31T00:00:00.000000000&#x27;, &#x27;2024-01-01T00:00:00.000000000&#x27;],\n",
       "      dtype=&#x27;datetime64[ns]&#x27;)</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-4b5f4345-c78f-4f3b-94c2-ab7d8a91ca26' class='xr-section-summary-in' type='checkbox'  ><label for='section-4b5f4345-c78f-4f3b-94c2-ab7d8a91ca26' class='xr-section-summary' >Indexes: <span>(3)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-index-name'><div>latitude</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-fe2cf9d7-97e0-4c48-afd2-9d90bf641baa' class='xr-index-data-in' type='checkbox'/><label for='index-fe2cf9d7-97e0-4c48-afd2-9d90bf641baa' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([              90.0,               89.9,  89.80000000000001,\n",
       "        89.70000000000002,  89.60000000000002,  89.50000000000003,\n",
       "        89.40000000000003,  89.30000000000004,  89.20000000000005,\n",
       "        89.10000000000005,\n",
       "       ...\n",
       "       -89.09999999998982, -89.19999999998981, -89.29999999998981,\n",
       "        -89.3999999999898,  -89.4999999999898, -89.59999999998979,\n",
       "       -89.69999999998979, -89.79999999998978, -89.89999999998977,\n",
       "       -89.99999999998977],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;latitude&#x27;, length=1801))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>longitude</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-f5bf0035-49a2-406d-bf94-a51f66feb1b9' class='xr-index-data-in' type='checkbox'/><label for='index-f5bf0035-49a2-406d-bf94-a51f66feb1b9' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([             -180.0,              -179.9,              -179.8,\n",
       "       -179.70000000000002, -179.60000000000002, -179.50000000000003,\n",
       "       -179.40000000000003, -179.30000000000004, -179.20000000000005,\n",
       "       -179.10000000000005,\n",
       "       ...\n",
       "         178.9999999999796,  179.09999999997956,  179.19999999997958,\n",
       "         179.2999999999796,  179.39999999997957,  179.49999999997954,\n",
       "        179.59999999997956,  179.69999999997958,  179.79999999997955,\n",
       "         179.8999999999795],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;longitude&#x27;, length=3600))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>time</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-252a5de1-8cf6-4257-8f67-91efd2a5cd57' class='xr-index-data-in' type='checkbox'/><label for='index-252a5de1-8cf6-4257-8f67-91efd2a5cd57' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(DatetimeIndex([&#x27;2015-01-01&#x27;, &#x27;2015-01-02&#x27;, &#x27;2015-01-03&#x27;, &#x27;2015-01-04&#x27;,\n",
       "               &#x27;2015-01-05&#x27;, &#x27;2015-01-06&#x27;, &#x27;2015-01-07&#x27;, &#x27;2015-01-08&#x27;,\n",
       "               &#x27;2015-01-09&#x27;, &#x27;2015-01-10&#x27;,\n",
       "               ...\n",
       "               &#x27;2023-12-23&#x27;, &#x27;2023-12-24&#x27;, &#x27;2023-12-25&#x27;, &#x27;2023-12-26&#x27;,\n",
       "               &#x27;2023-12-27&#x27;, &#x27;2023-12-28&#x27;, &#x27;2023-12-29&#x27;, &#x27;2023-12-30&#x27;,\n",
       "               &#x27;2023-12-31&#x27;, &#x27;2024-01-01&#x27;],\n",
       "              dtype=&#x27;datetime64[ns]&#x27;, name=&#x27;time&#x27;, length=3288, freq=None))</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-80f914fb-8a4d-4580-ac1a-3b3605beb12c' class='xr-section-summary-in' type='checkbox'  checked><label for='section-80f914fb-8a4d-4580-ac1a-3b3605beb12c' class='xr-section-summary' >Attributes: <span>(1)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><dl class='xr-attrs'><dt><span>location :</span></dt><dd>lumi</dd></dl></div></li></ul></div></div>"
      ],
      "text/plain": [
       "<xarray.DataArray 'tp' (time: 3288, latitude: 1801, longitude: 3600)>\n",
       "dask.array<open_dataset-tp, shape=(3288, 1801, 3600), dtype=float32, chunksize=(100, 100, 100), chunktype=numpy.ndarray>\n",
       "Coordinates:\n",
       "  * latitude   (latitude) float64 90.0 89.9 89.8 89.7 ... -89.8 -89.9 -90.0\n",
       "  * longitude  (longitude) float64 -180.0 -179.9 -179.8 ... 179.7 179.8 179.9\n",
       "  * time       (time) datetime64[ns] 2015-01-01 2015-01-02 ... 2024-01-01\n",
       "Attributes:\n",
       "    location:  lumi"
      ]
     },
     "execution_count": 39,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "predicted_rain = xr.open_zarr(\n",
    "    store=s3fs.S3Map(\n",
    "        root=f\"demo/dedl-flood/predicted_rainfall.zarr\",\n",
    "        s3=s3_lumi, check=False\n",
    "    ),\n",
    "    decode_coords=\"all\",\n",
    ")[\"tp\"].assign_attrs(location=\"lumi\")\n",
    "predicted_rain"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Preprocess the Data\n",
    "First the data needs to be preprocessed for visualisation to improve interpretability and also reduce the raw data size for faster interaction with the data.\n",
    "\n",
    "This task is, however, computationally demanding and requires specialized IT infrastructure. The DEDL services are designed to cope with these computational limitations at the user's side by implementing distributed computation capabilities. This feature runs the task near to the source of the data. The user can therefore execute the script as if they would have performed it on their own local device (laptop, pc, or tablet). However, in reality, the computationally demanding tasks are executed at the high-performance computing facilities of DEDL."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 40,
   "metadata": {},
   "outputs": [],
   "source": [
    "def preprocess_dataset(data_array: xr.DataArray, method: str):\n",
    "    data_array = data_array.squeeze()\n",
    "    steps = 500 // data_array.attrs[\"resolution\"]\n",
    "    coarsened = data_array.coarsen({'y': steps, 'x': steps}, boundary='trim')\n",
    "    if method == 'median':\n",
    "        data_array = (coarsened.median() > 0).astype('float32')\n",
    "    elif method == 'mean':\n",
    "        data_array = coarsened.mean()\n",
    "    elif method == 'max':\n",
    "        data_array = coarsened.max()\n",
    "    else:\n",
    "        raise NotImplementedError(method)\n",
    "    return data_array"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 41,
   "metadata": {
    "ExecuteTime": {
     "end_time": "2023-05-04T08:28:18.613438316Z",
     "start_time": "2023-05-04T08:28:09.882340978Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"icon-database\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M16 0c-8.837 0-16 2.239-16 5v4c0 2.761 7.163 5 16 5s16-2.239 16-5v-4c0-2.761-7.163-5-16-5z\"></path>\n",
       "<path d=\"M16 17c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "<path d=\"M16 26c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "</symbol>\n",
       "<symbol id=\"icon-file-text2\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M28.681 7.159c-0.694-0.947-1.662-2.053-2.724-3.116s-2.169-2.030-3.116-2.724c-1.612-1.182-2.393-1.319-2.841-1.319h-15.5c-1.378 0-2.5 1.121-2.5 2.5v27c0 1.378 1.122 2.5 2.5 2.5h23c1.378 0 2.5-1.122 2.5-2.5v-19.5c0-0.448-0.137-1.23-1.319-2.841zM24.543 5.457c0.959 0.959 1.712 1.825 2.268 2.543h-4.811v-4.811c0.718 0.556 1.584 1.309 2.543 2.268zM28 29.5c0 0.271-0.229 0.5-0.5 0.5h-23c-0.271 0-0.5-0.229-0.5-0.5v-27c0-0.271 0.229-0.5 0.5-0.5 0 0 15.499-0 15.5 0v7c0 0.552 0.448 1 1 1h7v19.5z\"></path>\n",
       "<path d=\"M23 26h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 22h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 18h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "</symbol>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying xarray objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --xr-font-color0: var(--jp-content-font-color0, rgba(0, 0, 0, 1));\n",
       "  --xr-font-color2: var(--jp-content-font-color2, rgba(0, 0, 0, 0.54));\n",
       "  --xr-font-color3: var(--jp-content-font-color3, rgba(0, 0, 0, 0.38));\n",
       "  --xr-border-color: var(--jp-border-color2, #e0e0e0);\n",
       "  --xr-disabled-color: var(--jp-layout-color3, #bdbdbd);\n",
       "  --xr-background-color: var(--jp-layout-color0, white);\n",
       "  --xr-background-color-row-even: var(--jp-layout-color1, white);\n",
       "  --xr-background-color-row-odd: var(--jp-layout-color2, #eeeeee);\n",
       "}\n",
       "\n",
       "html[theme=dark],\n",
       "body[data-theme=dark],\n",
       "body.vscode-dark {\n",
       "  --xr-font-color0: rgba(255, 255, 255, 1);\n",
       "  --xr-font-color2: rgba(255, 255, 255, 0.54);\n",
       "  --xr-font-color3: rgba(255, 255, 255, 0.38);\n",
       "  --xr-border-color: #1F1F1F;\n",
       "  --xr-disabled-color: #515151;\n",
       "  --xr-background-color: #111111;\n",
       "  --xr-background-color-row-even: #111111;\n",
       "  --xr-background-color-row-odd: #313131;\n",
       "}\n",
       "\n",
       ".xr-wrap {\n",
       "  display: block !important;\n",
       "  min-width: 300px;\n",
       "  max-width: 700px;\n",
       "}\n",
       "\n",
       ".xr-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-header {\n",
       "  padding-top: 6px;\n",
       "  padding-bottom: 6px;\n",
       "  margin-bottom: 4px;\n",
       "  border-bottom: solid 1px var(--xr-border-color);\n",
       "}\n",
       "\n",
       ".xr-header > div,\n",
       ".xr-header > ul {\n",
       "  display: inline;\n",
       "  margin-top: 0;\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-obj-type,\n",
       ".xr-array-name {\n",
       "  margin-left: 2px;\n",
       "  margin-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-obj-type {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-sections {\n",
       "  padding-left: 0 !important;\n",
       "  display: grid;\n",
       "  grid-template-columns: 150px auto auto 1fr 20px 20px;\n",
       "}\n",
       "\n",
       ".xr-section-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-section-item input {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-item input + label {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label {\n",
       "  cursor: pointer;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label:hover {\n",
       "  color: var(--xr-font-color0);\n",
       "}\n",
       "\n",
       ".xr-section-summary {\n",
       "  grid-column: 1;\n",
       "  color: var(--xr-font-color2);\n",
       "  font-weight: 500;\n",
       "}\n",
       "\n",
       ".xr-section-summary > span {\n",
       "  display: inline-block;\n",
       "  padding-left: 0.5em;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in + label:before {\n",
       "  display: inline-block;\n",
       "  content: '►';\n",
       "  font-size: 11px;\n",
       "  width: 15px;\n",
       "  text-align: center;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label:before {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label:before {\n",
       "  content: '▼';\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label > span {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-summary,\n",
       ".xr-section-inline-details {\n",
       "  padding-top: 4px;\n",
       "  padding-bottom: 4px;\n",
       "}\n",
       "\n",
       ".xr-section-inline-details {\n",
       "  grid-column: 2 / -1;\n",
       "}\n",
       "\n",
       ".xr-section-details {\n",
       "  display: none;\n",
       "  grid-column: 1 / -1;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked ~ .xr-section-details {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-array-wrap {\n",
       "  grid-column: 1 / -1;\n",
       "  display: grid;\n",
       "  grid-template-columns: 20px auto;\n",
       "}\n",
       "\n",
       ".xr-array-wrap > label {\n",
       "  grid-column: 1;\n",
       "  vertical-align: top;\n",
       "}\n",
       "\n",
       ".xr-preview {\n",
       "  color: var(--xr-font-color3);\n",
       "}\n",
       "\n",
       ".xr-array-preview,\n",
       ".xr-array-data {\n",
       "  padding: 0 5px !important;\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-array-data,\n",
       ".xr-array-in:checked ~ .xr-array-preview {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-array-in:checked ~ .xr-array-data,\n",
       ".xr-array-preview {\n",
       "  display: inline-block;\n",
       "}\n",
       "\n",
       ".xr-dim-list {\n",
       "  display: inline-block !important;\n",
       "  list-style: none;\n",
       "  padding: 0 !important;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list li {\n",
       "  display: inline-block;\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list:before {\n",
       "  content: '(';\n",
       "}\n",
       "\n",
       ".xr-dim-list:after {\n",
       "  content: ')';\n",
       "}\n",
       "\n",
       ".xr-dim-list li:not(:last-child):after {\n",
       "  content: ',';\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-has-index {\n",
       "  font-weight: bold;\n",
       "}\n",
       "\n",
       ".xr-var-list,\n",
       ".xr-var-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-var-item > div,\n",
       ".xr-var-item label,\n",
       ".xr-var-item > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-even);\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-var-item > .xr-var-name:hover span {\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-var-list > li:nth-child(odd) > div,\n",
       ".xr-var-list > li:nth-child(odd) > label,\n",
       ".xr-var-list > li:nth-child(odd) > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-odd);\n",
       "}\n",
       "\n",
       ".xr-var-name {\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-var-dims {\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-var-dtype {\n",
       "  grid-column: 3;\n",
       "  text-align: right;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-preview {\n",
       "  grid-column: 4;\n",
       "}\n",
       "\n",
       ".xr-index-preview {\n",
       "  grid-column: 2 / 5;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-name,\n",
       ".xr-var-dims,\n",
       ".xr-var-dtype,\n",
       ".xr-preview,\n",
       ".xr-attrs dt {\n",
       "  white-space: nowrap;\n",
       "  overflow: hidden;\n",
       "  text-overflow: ellipsis;\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-var-name:hover,\n",
       ".xr-var-dims:hover,\n",
       ".xr-var-dtype:hover,\n",
       ".xr-attrs dt:hover {\n",
       "  overflow: visible;\n",
       "  width: auto;\n",
       "  z-index: 1;\n",
       "}\n",
       "\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  display: none;\n",
       "  background-color: var(--xr-background-color) !important;\n",
       "  padding-bottom: 5px !important;\n",
       "}\n",
       "\n",
       ".xr-var-attrs-in:checked ~ .xr-var-attrs,\n",
       ".xr-var-data-in:checked ~ .xr-var-data,\n",
       ".xr-index-data-in:checked ~ .xr-index-data {\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".xr-var-data > table {\n",
       "  float: right;\n",
       "}\n",
       "\n",
       ".xr-var-name span,\n",
       ".xr-var-data,\n",
       ".xr-index-name div,\n",
       ".xr-index-data,\n",
       ".xr-attrs {\n",
       "  padding-left: 25px !important;\n",
       "}\n",
       "\n",
       ".xr-attrs,\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  grid-column: 1 / -1;\n",
       "}\n",
       "\n",
       "dl.xr-attrs {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  display: grid;\n",
       "  grid-template-columns: 125px auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt,\n",
       ".xr-attrs dd {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  float: left;\n",
       "  padding-right: 10px;\n",
       "  width: auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt {\n",
       "  font-weight: normal;\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-attrs dt:hover span {\n",
       "  display: inline-block;\n",
       "  background: var(--xr-background-color);\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-attrs dd {\n",
       "  grid-column: 2;\n",
       "  white-space: pre-wrap;\n",
       "  word-break: break-all;\n",
       "}\n",
       "\n",
       ".xr-icon-database,\n",
       ".xr-icon-file-text2,\n",
       ".xr-no-icon {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "</style><pre class='xr-text-repr-fallback'>&lt;xarray.DataArray &#x27;flood&#x27; (y: 1970, x: 1547)&gt;\n",
       "dask.array&lt;astype, shape=(1970, 1547), dtype=float32, chunksize=(40, 40), chunktype=numpy.ndarray&gt;\n",
       "Coordinates:\n",
       "    spatial_ref  int64 ...\n",
       "  * x            (x) float64 64.83 64.83 64.84 64.84 ... 71.86 71.87 71.87 71.88\n",
       "  * y            (y) float64 30.4 30.39 30.39 30.39 ... 21.43 21.43 21.42 21.42\n",
       "Attributes:\n",
       "    tiles:       [&#x27;E015N024T3&#x27;, &#x27;E015N027T3&#x27;, &#x27;E015N030T3&#x27;, &#x27;E018N027T3&#x27;, &#x27;E0...\n",
       "    location:    central\n",
       "    resolution:  20</pre><div class='xr-wrap' style='display:none'><div class='xr-header'><div class='xr-obj-type'>xarray.DataArray</div><div class='xr-array-name'>'flood'</div><ul class='xr-dim-list'><li><span class='xr-has-index'>y</span>: 1970</li><li><span class='xr-has-index'>x</span>: 1547</li></ul></div><ul class='xr-sections'><li class='xr-section-item'><div class='xr-array-wrap'><input id='section-6138ad69-0ff6-4713-b299-990300869f61' class='xr-array-in' type='checkbox' checked><label for='section-6138ad69-0ff6-4713-b299-990300869f61' title='Show/hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-array-preview xr-preview'><span>dask.array&lt;chunksize=(40, 40), meta=np.ndarray&gt;</span></div><div class='xr-array-data'><table>\n",
       "    <tr>\n",
       "        <td>\n",
       "            <table style=\"border-collapse: collapse;\">\n",
       "                <thead>\n",
       "                    <tr>\n",
       "                        <td> </td>\n",
       "                        <th> Array </th>\n",
       "                        <th> Chunk </th>\n",
       "                    </tr>\n",
       "                </thead>\n",
       "                <tbody>\n",
       "                    \n",
       "                    <tr>\n",
       "                        <th> Bytes </th>\n",
       "                        <td> 11.63 MiB </td>\n",
       "                        <td> 6.25 kiB </td>\n",
       "                    </tr>\n",
       "                    \n",
       "                    <tr>\n",
       "                        <th> Shape </th>\n",
       "                        <td> (1970, 1547) </td>\n",
       "                        <td> (40, 40) </td>\n",
       "                    </tr>\n",
       "                    <tr>\n",
       "                        <th> Dask graph </th>\n",
       "                        <td colspan=\"2\"> 1950 chunks in 8 graph layers </td>\n",
       "                    </tr>\n",
       "                    <tr>\n",
       "                        <th> Data type </th>\n",
       "                        <td colspan=\"2\"> float32 numpy.ndarray </td>\n",
       "                    </tr>\n",
       "                </tbody>\n",
       "            </table>\n",
       "        </td>\n",
       "        <td>\n",
       "        <svg width=\"144\" height=\"170\" style=\"stroke:rgb(0,0,0);stroke-width:1\" >\n",
       "\n",
       "  <!-- Horizontal lines -->\n",
       "  <line x1=\"0\" y1=\"0\" x2=\"94\" y2=\"0\" style=\"stroke-width:2\" />\n",
       "  <line x1=\"0\" y1=\"4\" x2=\"94\" y2=\"4\" />\n",
       "  <line x1=\"0\" y1=\"12\" x2=\"94\" y2=\"12\" />\n",
       "  <line x1=\"0\" y1=\"17\" x2=\"94\" y2=\"17\" />\n",
       "  <line x1=\"0\" y1=\"24\" x2=\"94\" y2=\"24\" />\n",
       "  <line x1=\"0\" y1=\"31\" x2=\"94\" y2=\"31\" />\n",
       "  <line x1=\"0\" y1=\"36\" x2=\"94\" y2=\"36\" />\n",
       "  <line x1=\"0\" y1=\"43\" x2=\"94\" y2=\"43\" />\n",
       "  <line x1=\"0\" y1=\"51\" x2=\"94\" y2=\"51\" />\n",
       "  <line x1=\"0\" y1=\"56\" x2=\"94\" y2=\"56\" />\n",
       "  <line x1=\"0\" y1=\"63\" x2=\"94\" y2=\"63\" />\n",
       "  <line x1=\"0\" y1=\"68\" x2=\"94\" y2=\"68\" />\n",
       "  <line x1=\"0\" y1=\"75\" x2=\"94\" y2=\"75\" />\n",
       "  <line x1=\"0\" y1=\"82\" x2=\"94\" y2=\"82\" />\n",
       "  <line x1=\"0\" y1=\"87\" x2=\"94\" y2=\"87\" />\n",
       "  <line x1=\"0\" y1=\"95\" x2=\"94\" y2=\"95\" />\n",
       "  <line x1=\"0\" y1=\"102\" x2=\"94\" y2=\"102\" />\n",
       "  <line x1=\"0\" y1=\"107\" x2=\"94\" y2=\"107\" />\n",
       "  <line x1=\"0\" y1=\"114\" x2=\"94\" y2=\"114\" />\n",
       "  <line x1=\"0\" y1=\"120\" x2=\"94\" y2=\"120\" style=\"stroke-width:2\" />\n",
       "\n",
       "  <!-- Vertical lines -->\n",
       "  <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"120\" style=\"stroke-width:2\" />\n",
       "  <line x1=\"4\" y1=\"0\" x2=\"4\" y2=\"120\" />\n",
       "  <line x1=\"9\" y1=\"0\" x2=\"9\" y2=\"120\" />\n",
       "  <line x1=\"14\" y1=\"0\" x2=\"14\" y2=\"120\" />\n",
       "  <line x1=\"19\" y1=\"0\" x2=\"19\" y2=\"120\" />\n",
       "  <line x1=\"24\" y1=\"0\" x2=\"24\" y2=\"120\" />\n",
       "  <line x1=\"29\" y1=\"0\" x2=\"29\" y2=\"120\" />\n",
       "  <line x1=\"34\" y1=\"0\" x2=\"34\" y2=\"120\" />\n",
       "  <line x1=\"38\" y1=\"0\" x2=\"38\" y2=\"120\" />\n",
       "  <line x1=\"43\" y1=\"0\" x2=\"43\" y2=\"120\" />\n",
       "  <line x1=\"48\" y1=\"0\" x2=\"48\" y2=\"120\" />\n",
       "  <line x1=\"53\" y1=\"0\" x2=\"53\" y2=\"120\" />\n",
       "  <line x1=\"58\" y1=\"0\" x2=\"58\" y2=\"120\" />\n",
       "  <line x1=\"63\" y1=\"0\" x2=\"63\" y2=\"120\" />\n",
       "  <line x1=\"68\" y1=\"0\" x2=\"68\" y2=\"120\" />\n",
       "  <line x1=\"73\" y1=\"0\" x2=\"73\" y2=\"120\" />\n",
       "  <line x1=\"77\" y1=\"0\" x2=\"77\" y2=\"120\" />\n",
       "  <line x1=\"82\" y1=\"0\" x2=\"82\" y2=\"120\" />\n",
       "  <line x1=\"87\" y1=\"0\" x2=\"87\" y2=\"120\" />\n",
       "  <line x1=\"94\" y1=\"0\" x2=\"94\" y2=\"120\" style=\"stroke-width:2\" />\n",
       "\n",
       "  <!-- Colored Rectangle -->\n",
       "  <polygon points=\"0.0,0.0 94.23350253807106,0.0 94.23350253807106,120.0 0.0,120.0\" style=\"fill:#8B4903A0;stroke-width:0\"/>\n",
       "\n",
       "  <!-- Text -->\n",
       "  <text x=\"47.116751\" y=\"140.000000\" font-size=\"1.0rem\" font-weight=\"100\" text-anchor=\"middle\" >1547</text>\n",
       "  <text x=\"114.233503\" y=\"60.000000\" font-size=\"1.0rem\" font-weight=\"100\" text-anchor=\"middle\" transform=\"rotate(-90,114.233503,60.000000)\">1970</text>\n",
       "</svg>\n",
       "        </td>\n",
       "    </tr>\n",
       "</table></div></div></li><li class='xr-section-item'><input id='section-706b33c8-dfa5-473a-95b7-1794433eb571' class='xr-section-summary-in' type='checkbox'  checked><label for='section-706b33c8-dfa5-473a-95b7-1794433eb571' class='xr-section-summary' >Coordinates: <span>(3)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-var-name'><span>spatial_ref</span></div><div class='xr-var-dims'>()</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>...</div><input id='attrs-46a2db1f-2fe7-486a-9929-ab6e76ba216d' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-46a2db1f-2fe7-486a-9929-ab6e76ba216d' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-3d07dd94-a125-4153-b4b2-57a6c35f046b' class='xr-var-data-in' type='checkbox'><label for='data-3d07dd94-a125-4153-b4b2-57a6c35f046b' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>GeoTransform :</span></dt><dd>64.82507581167582 0.00018242939180384621 0.0 30.401656422378274 0.0 -0.0001824293918038463</dd><dt><span>crs_wkt :</span></dt><dd>GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AXIS[&quot;Latitude&quot;,NORTH],AXIS[&quot;Longitude&quot;,EAST],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]]</dd><dt><span>geographic_crs_name :</span></dt><dd>WGS 84</dd><dt><span>grid_mapping_name :</span></dt><dd>latitude_longitude</dd><dt><span>horizontal_datum_name :</span></dt><dd>World Geodetic System 1984</dd><dt><span>inverse_flattening :</span></dt><dd>298.257223563</dd><dt><span>longitude_of_prime_meridian :</span></dt><dd>0.0</dd><dt><span>prime_meridian_name :</span></dt><dd>Greenwich</dd><dt><span>reference_ellipsoid_name :</span></dt><dd>WGS 84</dd><dt><span>semi_major_axis :</span></dt><dd>6378137.0</dd><dt><span>semi_minor_axis :</span></dt><dd>6356752.314245179</dd><dt><span>spatial_ref :</span></dt><dd>GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AXIS[&quot;Latitude&quot;,NORTH],AXIS[&quot;Longitude&quot;,EAST],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]]</dd></dl></div><div class='xr-var-data'><pre>[1 values with dtype=int64]</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>x</span></div><div class='xr-var-dims'>(x)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>64.83 64.83 64.84 ... 71.87 71.88</div><input id='attrs-6d4ec7d5-8c30-478e-b914-71fbc57f12c8' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-6d4ec7d5-8c30-478e-b914-71fbc57f12c8' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-49f1a8b4-8e4b-4fc6-a253-250ad75b6717' class='xr-var-data-in' type='checkbox'><label for='data-49f1a8b4-8e4b-4fc6-a253-250ad75b6717' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>axis :</span></dt><dd>X</dd><dt><span>long_name :</span></dt><dd>longitude</dd><dt><span>standard_name :</span></dt><dd>longitude</dd><dt><span>units :</span></dt><dd>degrees_east</dd></dl></div><div class='xr-var-data'><pre>array([64.827356, 64.831917, 64.836478, ..., 71.869131, 71.873691, 71.878252])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>y</span></div><div class='xr-var-dims'>(y)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>30.4 30.39 30.39 ... 21.42 21.42</div><input id='attrs-6c0afaf4-070b-44d4-898d-10f490a0bdf1' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-6c0afaf4-070b-44d4-898d-10f490a0bdf1' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-241927e8-8381-420f-a7cb-2cadba885f02' class='xr-var-data-in' type='checkbox'><label for='data-241927e8-8381-420f-a7cb-2cadba885f02' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>axis :</span></dt><dd>Y</dd><dt><span>long_name :</span></dt><dd>latitude</dd><dt><span>standard_name :</span></dt><dd>latitude</dd><dt><span>units :</span></dt><dd>degrees_north</dd></dl></div><div class='xr-var-data'><pre>array([30.399376, 30.394815, 30.390255, ..., 21.428411, 21.42385 , 21.419289])</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-e9cf5957-73e3-452f-8d22-e6d774c7c097' class='xr-section-summary-in' type='checkbox'  ><label for='section-e9cf5957-73e3-452f-8d22-e6d774c7c097' class='xr-section-summary' >Indexes: <span>(2)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-index-name'><div>x</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-41d1aad3-ef1c-455e-8ad0-b1c007eb5613' class='xr-index-data-in' type='checkbox'/><label for='index-41d1aad3-ef1c-455e-8ad0-b1c007eb5613' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([64.82735617907336, 64.83191691386845, 64.83647764866356,\n",
       "       64.84103838345867, 64.84559911825374, 64.85015985304885,\n",
       "       64.85472058784394, 64.85928132263902, 64.86384205743413,\n",
       "       64.86840279222923,\n",
       "       ...\n",
       "       71.83720555913615, 71.84176629393126, 71.84632702872635,\n",
       "       71.85088776352144, 71.85544849831655, 71.86000923311164,\n",
       "       71.86456996790673, 71.86913070270184, 71.87369143749693,\n",
       "       71.87825217229201],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;x&#x27;, length=1547))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>y</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-cb176f61-a21d-4e3b-8871-72a1957833af' class='xr-index-data-in' type='checkbox'/><label for='index-cb176f61-a21d-4e3b-8871-72a1957833af' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([ 30.39937605498072,  30.39481532018563,  30.39025458539053,\n",
       "        30.38569385059544,  30.38113311580034, 30.376572381005243,\n",
       "       30.372011646210147, 30.367450911415048, 30.362890176619953,\n",
       "       30.358329441824857,\n",
       "       ...\n",
       "       21.460335856592256,  21.45577512179716,  21.45121438700206,\n",
       "       21.446653652206965, 21.442092917411873, 21.437532182616774,\n",
       "        21.43297144782168, 21.428410713026583, 21.423849978231484,\n",
       "        21.41928924343639],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;y&#x27;, length=1970))</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-cfd51a41-d4cf-4ded-9fcc-c3bced424767' class='xr-section-summary-in' type='checkbox'  checked><label for='section-cfd51a41-d4cf-4ded-9fcc-c3bced424767' class='xr-section-summary' >Attributes: <span>(3)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><dl class='xr-attrs'><dt><span>tiles :</span></dt><dd>[&#x27;E015N024T3&#x27;, &#x27;E015N027T3&#x27;, &#x27;E015N030T3&#x27;, &#x27;E018N027T3&#x27;, &#x27;E018N030T3&#x27;]</dd><dt><span>location :</span></dt><dd>central</dd><dt><span>resolution :</span></dt><dd>20</dd></dl></div></li></ul></div></div>"
      ],
      "text/plain": [
       "<xarray.DataArray 'flood' (y: 1970, x: 1547)>\n",
       "dask.array<astype, shape=(1970, 1547), dtype=float32, chunksize=(40, 40), chunktype=numpy.ndarray>\n",
       "Coordinates:\n",
       "    spatial_ref  int64 ...\n",
       "  * x            (x) float64 64.83 64.83 64.84 64.84 ... 71.86 71.87 71.87 71.88\n",
       "  * y            (y) float64 30.4 30.39 30.39 30.39 ... 21.43 21.43 21.42 21.42\n",
       "Attributes:\n",
       "    tiles:       ['E015N024T3', 'E015N027T3', 'E015N030T3', 'E018N027T3', 'E0...\n",
       "    location:    central\n",
       "    resolution:  20"
      ]
     },
     "execution_count": 41,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "floods_aug_18_prep_ = preprocess_dataset(floods_aug_18, 'median')\n",
    "floods_aug_18_prep_"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Until this stage, no computation was executed so far. Data processing shall take place as close as possible to the actual storage location of the data. Making use of the **myDEDLClusters** object will ensure data proximate computation on Dask.\n",
    "\n",
    "Flood data array is annotated with the location attribut point to Central Site. Accoringly, computations on that array will take place at Central Site. We will display the interactive Dask Dashboard to verify this behaviour and to get insights into the execution of data transformation.\n",
    "\n",
    "The Dask Dashboard link can be retrieved via the Dask Client object of the dedicated cluster.\n",
    "\n",
    "### Central Site Dask Dashboard"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 42,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "        <iframe\n",
       "            width=\"100%\"\n",
       "            height=\"800\"\n",
       "            src=\"http://dask.central.data.destination-earth.eu/clusters/dask-gateway.40105db1a5714515b34b63853f40127a/status\"\n",
       "            frameborder=\"0\"\n",
       "            allowfullscreen\n",
       "            \n",
       "        ></iframe>\n",
       "        "
      ],
      "text/plain": [
       "<IPython.lib.display.IFrame at 0x7f008d6217d0>"
      ]
     },
     "execution_count": 42,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from IPython import display\n",
    "CENTRAL_DASHBOARD_URL = myDEDLClusters.cluster[\"central\"].dashboard_link\n",
    "display.IFrame(CENTRAL_DASHBOARD_URL, width=\"100%\", height=800)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Resample and reproject flood data"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 43,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"icon-database\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M16 0c-8.837 0-16 2.239-16 5v4c0 2.761 7.163 5 16 5s16-2.239 16-5v-4c0-2.761-7.163-5-16-5z\"></path>\n",
       "<path d=\"M16 17c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "<path d=\"M16 26c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "</symbol>\n",
       "<symbol id=\"icon-file-text2\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M28.681 7.159c-0.694-0.947-1.662-2.053-2.724-3.116s-2.169-2.030-3.116-2.724c-1.612-1.182-2.393-1.319-2.841-1.319h-15.5c-1.378 0-2.5 1.121-2.5 2.5v27c0 1.378 1.122 2.5 2.5 2.5h23c1.378 0 2.5-1.122 2.5-2.5v-19.5c0-0.448-0.137-1.23-1.319-2.841zM24.543 5.457c0.959 0.959 1.712 1.825 2.268 2.543h-4.811v-4.811c0.718 0.556 1.584 1.309 2.543 2.268zM28 29.5c0 0.271-0.229 0.5-0.5 0.5h-23c-0.271 0-0.5-0.229-0.5-0.5v-27c0-0.271 0.229-0.5 0.5-0.5 0 0 15.499-0 15.5 0v7c0 0.552 0.448 1 1 1h7v19.5z\"></path>\n",
       "<path d=\"M23 26h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 22h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 18h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "</symbol>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying xarray objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --xr-font-color0: var(--jp-content-font-color0, rgba(0, 0, 0, 1));\n",
       "  --xr-font-color2: var(--jp-content-font-color2, rgba(0, 0, 0, 0.54));\n",
       "  --xr-font-color3: var(--jp-content-font-color3, rgba(0, 0, 0, 0.38));\n",
       "  --xr-border-color: var(--jp-border-color2, #e0e0e0);\n",
       "  --xr-disabled-color: var(--jp-layout-color3, #bdbdbd);\n",
       "  --xr-background-color: var(--jp-layout-color0, white);\n",
       "  --xr-background-color-row-even: var(--jp-layout-color1, white);\n",
       "  --xr-background-color-row-odd: var(--jp-layout-color2, #eeeeee);\n",
       "}\n",
       "\n",
       "html[theme=dark],\n",
       "body[data-theme=dark],\n",
       "body.vscode-dark {\n",
       "  --xr-font-color0: rgba(255, 255, 255, 1);\n",
       "  --xr-font-color2: rgba(255, 255, 255, 0.54);\n",
       "  --xr-font-color3: rgba(255, 255, 255, 0.38);\n",
       "  --xr-border-color: #1F1F1F;\n",
       "  --xr-disabled-color: #515151;\n",
       "  --xr-background-color: #111111;\n",
       "  --xr-background-color-row-even: #111111;\n",
       "  --xr-background-color-row-odd: #313131;\n",
       "}\n",
       "\n",
       ".xr-wrap {\n",
       "  display: block !important;\n",
       "  min-width: 300px;\n",
       "  max-width: 700px;\n",
       "}\n",
       "\n",
       ".xr-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-header {\n",
       "  padding-top: 6px;\n",
       "  padding-bottom: 6px;\n",
       "  margin-bottom: 4px;\n",
       "  border-bottom: solid 1px var(--xr-border-color);\n",
       "}\n",
       "\n",
       ".xr-header > div,\n",
       ".xr-header > ul {\n",
       "  display: inline;\n",
       "  margin-top: 0;\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-obj-type,\n",
       ".xr-array-name {\n",
       "  margin-left: 2px;\n",
       "  margin-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-obj-type {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-sections {\n",
       "  padding-left: 0 !important;\n",
       "  display: grid;\n",
       "  grid-template-columns: 150px auto auto 1fr 20px 20px;\n",
       "}\n",
       "\n",
       ".xr-section-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-section-item input {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-item input + label {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label {\n",
       "  cursor: pointer;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label:hover {\n",
       "  color: var(--xr-font-color0);\n",
       "}\n",
       "\n",
       ".xr-section-summary {\n",
       "  grid-column: 1;\n",
       "  color: var(--xr-font-color2);\n",
       "  font-weight: 500;\n",
       "}\n",
       "\n",
       ".xr-section-summary > span {\n",
       "  display: inline-block;\n",
       "  padding-left: 0.5em;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in + label:before {\n",
       "  display: inline-block;\n",
       "  content: '►';\n",
       "  font-size: 11px;\n",
       "  width: 15px;\n",
       "  text-align: center;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label:before {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label:before {\n",
       "  content: '▼';\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label > span {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-summary,\n",
       ".xr-section-inline-details {\n",
       "  padding-top: 4px;\n",
       "  padding-bottom: 4px;\n",
       "}\n",
       "\n",
       ".xr-section-inline-details {\n",
       "  grid-column: 2 / -1;\n",
       "}\n",
       "\n",
       ".xr-section-details {\n",
       "  display: none;\n",
       "  grid-column: 1 / -1;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked ~ .xr-section-details {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-array-wrap {\n",
       "  grid-column: 1 / -1;\n",
       "  display: grid;\n",
       "  grid-template-columns: 20px auto;\n",
       "}\n",
       "\n",
       ".xr-array-wrap > label {\n",
       "  grid-column: 1;\n",
       "  vertical-align: top;\n",
       "}\n",
       "\n",
       ".xr-preview {\n",
       "  color: var(--xr-font-color3);\n",
       "}\n",
       "\n",
       ".xr-array-preview,\n",
       ".xr-array-data {\n",
       "  padding: 0 5px !important;\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-array-data,\n",
       ".xr-array-in:checked ~ .xr-array-preview {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-array-in:checked ~ .xr-array-data,\n",
       ".xr-array-preview {\n",
       "  display: inline-block;\n",
       "}\n",
       "\n",
       ".xr-dim-list {\n",
       "  display: inline-block !important;\n",
       "  list-style: none;\n",
       "  padding: 0 !important;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list li {\n",
       "  display: inline-block;\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list:before {\n",
       "  content: '(';\n",
       "}\n",
       "\n",
       ".xr-dim-list:after {\n",
       "  content: ')';\n",
       "}\n",
       "\n",
       ".xr-dim-list li:not(:last-child):after {\n",
       "  content: ',';\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-has-index {\n",
       "  font-weight: bold;\n",
       "}\n",
       "\n",
       ".xr-var-list,\n",
       ".xr-var-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-var-item > div,\n",
       ".xr-var-item label,\n",
       ".xr-var-item > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-even);\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-var-item > .xr-var-name:hover span {\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-var-list > li:nth-child(odd) > div,\n",
       ".xr-var-list > li:nth-child(odd) > label,\n",
       ".xr-var-list > li:nth-child(odd) > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-odd);\n",
       "}\n",
       "\n",
       ".xr-var-name {\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-var-dims {\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-var-dtype {\n",
       "  grid-column: 3;\n",
       "  text-align: right;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-preview {\n",
       "  grid-column: 4;\n",
       "}\n",
       "\n",
       ".xr-index-preview {\n",
       "  grid-column: 2 / 5;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-name,\n",
       ".xr-var-dims,\n",
       ".xr-var-dtype,\n",
       ".xr-preview,\n",
       ".xr-attrs dt {\n",
       "  white-space: nowrap;\n",
       "  overflow: hidden;\n",
       "  text-overflow: ellipsis;\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-var-name:hover,\n",
       ".xr-var-dims:hover,\n",
       ".xr-var-dtype:hover,\n",
       ".xr-attrs dt:hover {\n",
       "  overflow: visible;\n",
       "  width: auto;\n",
       "  z-index: 1;\n",
       "}\n",
       "\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  display: none;\n",
       "  background-color: var(--xr-background-color) !important;\n",
       "  padding-bottom: 5px !important;\n",
       "}\n",
       "\n",
       ".xr-var-attrs-in:checked ~ .xr-var-attrs,\n",
       ".xr-var-data-in:checked ~ .xr-var-data,\n",
       ".xr-index-data-in:checked ~ .xr-index-data {\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".xr-var-data > table {\n",
       "  float: right;\n",
       "}\n",
       "\n",
       ".xr-var-name span,\n",
       ".xr-var-data,\n",
       ".xr-index-name div,\n",
       ".xr-index-data,\n",
       ".xr-attrs {\n",
       "  padding-left: 25px !important;\n",
       "}\n",
       "\n",
       ".xr-attrs,\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  grid-column: 1 / -1;\n",
       "}\n",
       "\n",
       "dl.xr-attrs {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  display: grid;\n",
       "  grid-template-columns: 125px auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt,\n",
       ".xr-attrs dd {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  float: left;\n",
       "  padding-right: 10px;\n",
       "  width: auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt {\n",
       "  font-weight: normal;\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-attrs dt:hover span {\n",
       "  display: inline-block;\n",
       "  background: var(--xr-background-color);\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-attrs dd {\n",
       "  grid-column: 2;\n",
       "  white-space: pre-wrap;\n",
       "  word-break: break-all;\n",
       "}\n",
       "\n",
       ".xr-icon-database,\n",
       ".xr-icon-file-text2,\n",
       ".xr-no-icon {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "</style><pre class='xr-text-repr-fallback'>&lt;xarray.DataArray &#x27;flood&#x27; (y: 2047, x: 1444)&gt;\n",
       "array([[0., 0., 0., ..., 0., 0., 0.],\n",
       "       [0., 0., 0., ..., 0., 0., 0.],\n",
       "       [0., 0., 0., ..., 0., 0., 0.],\n",
       "       ...,\n",
       "       [0., 0., 0., ..., 0., 0., 0.],\n",
       "       [0., 0., 0., ..., 0., 0., 0.],\n",
       "       [0., 0., 0., ..., 0., 0., 0.]], dtype=float32)\n",
       "Coordinates:\n",
       "  * x            (x) float64 7.217e+06 7.217e+06 ... 8.001e+06 8.001e+06\n",
       "  * y            (y) float64 3.555e+06 3.554e+06 ... 2.443e+06 2.442e+06\n",
       "    spatial_ref  int64 0\n",
       "Attributes:\n",
       "    tiles:       [&#x27;E015N024T3&#x27;, &#x27;E015N027T3&#x27;, &#x27;E015N030T3&#x27;, &#x27;E018N027T3&#x27;, &#x27;E0...\n",
       "    location:    central\n",
       "    resolution:  20\n",
       "    _FillValue:  nan</pre><div class='xr-wrap' style='display:none'><div class='xr-header'><div class='xr-obj-type'>xarray.DataArray</div><div class='xr-array-name'>'flood'</div><ul class='xr-dim-list'><li><span class='xr-has-index'>y</span>: 2047</li><li><span class='xr-has-index'>x</span>: 1444</li></ul></div><ul class='xr-sections'><li class='xr-section-item'><div class='xr-array-wrap'><input id='section-424c5e0a-16da-4454-bb91-16fa63b62d30' class='xr-array-in' type='checkbox' checked><label for='section-424c5e0a-16da-4454-bb91-16fa63b62d30' title='Show/hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-array-preview xr-preview'><span>0.0 0.0 0.0 0.0 0.0 0.0 0.0 0.0 ... 0.0 0.0 0.0 0.0 0.0 0.0 0.0 0.0</span></div><div class='xr-array-data'><pre>array([[0., 0., 0., ..., 0., 0., 0.],\n",
       "       [0., 0., 0., ..., 0., 0., 0.],\n",
       "       [0., 0., 0., ..., 0., 0., 0.],\n",
       "       ...,\n",
       "       [0., 0., 0., ..., 0., 0., 0.],\n",
       "       [0., 0., 0., ..., 0., 0., 0.],\n",
       "       [0., 0., 0., ..., 0., 0., 0.]], dtype=float32)</pre></div></div></li><li class='xr-section-item'><input id='section-a92a1bec-b281-4bf0-9191-b43aa8ae7989' class='xr-section-summary-in' type='checkbox'  checked><label for='section-a92a1bec-b281-4bf0-9191-b43aa8ae7989' class='xr-section-summary' >Coordinates: <span>(3)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>x</span></div><div class='xr-var-dims'>(x)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>7.217e+06 7.217e+06 ... 8.001e+06</div><input id='attrs-7b50b326-d422-4713-8897-8b34019a62c8' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-7b50b326-d422-4713-8897-8b34019a62c8' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-254c0d7f-afa8-43f7-969d-e6668c6c4e50' class='xr-var-data-in' type='checkbox'><label for='data-254c0d7f-afa8-43f7-969d-e6668c6c4e50' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>axis :</span></dt><dd>X</dd><dt><span>long_name :</span></dt><dd>x coordinate of projection</dd><dt><span>standard_name :</span></dt><dd>projection_x_coordinate</dd><dt><span>units :</span></dt><dd>metre</dd></dl></div><div class='xr-var-data'><pre>array([7216809.999902, 7217353.748997, 7217897.498092, ..., 8000352.445425,\n",
       "       8000896.19452 , 8001439.943615])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>y</span></div><div class='xr-var-dims'>(y)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>3.555e+06 3.554e+06 ... 2.442e+06</div><input id='attrs-8c2ecda8-8cd9-4748-b885-be71a1a2bb23' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-8c2ecda8-8cd9-4748-b885-be71a1a2bb23' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-b289aa8d-5678-4805-8568-f6ce2bdf6875' class='xr-var-data-in' type='checkbox'><label for='data-b289aa8d-5678-4805-8568-f6ce2bdf6875' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>axis :</span></dt><dd>Y</dd><dt><span>long_name :</span></dt><dd>y coordinate of projection</dd><dt><span>standard_name :</span></dt><dd>projection_y_coordinate</dd><dt><span>units :</span></dt><dd>metre</dd></dl></div><div class='xr-var-data'><pre>array([3554729.803155, 3554186.05406 , 3553642.304965, ..., 2443306.653503,\n",
       "       2442762.904408, 2442219.155313])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>spatial_ref</span></div><div class='xr-var-dims'>()</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>0</div><input id='attrs-077ef08b-ae7c-4f39-95d6-c157a93e806e' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-077ef08b-ae7c-4f39-95d6-c157a93e806e' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-7ead597d-f2de-44d7-adad-cedf3b98f041' class='xr-var-data-in' type='checkbox'><label for='data-7ead597d-f2de-44d7-adad-cedf3b98f041' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>crs_wkt :</span></dt><dd>PROJCS[&quot;WGS 84 / Pseudo-Mercator&quot;,GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]],PROJECTION[&quot;Mercator_1SP&quot;],PARAMETER[&quot;central_meridian&quot;,0],PARAMETER[&quot;scale_factor&quot;,1],PARAMETER[&quot;false_easting&quot;,0],PARAMETER[&quot;false_northing&quot;,0],UNIT[&quot;metre&quot;,1,AUTHORITY[&quot;EPSG&quot;,&quot;9001&quot;]],AXIS[&quot;Easting&quot;,EAST],AXIS[&quot;Northing&quot;,NORTH],EXTENSION[&quot;PROJ4&quot;,&quot;+proj=merc +a=6378137 +b=6378137 +lat_ts=0 +lon_0=0 +x_0=0 +y_0=0 +k=1 +units=m +nadgrids=@null +wktext +no_defs&quot;],AUTHORITY[&quot;EPSG&quot;,&quot;3857&quot;]]</dd><dt><span>spatial_ref :</span></dt><dd>PROJCS[&quot;WGS 84 / Pseudo-Mercator&quot;,GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]],PROJECTION[&quot;Mercator_1SP&quot;],PARAMETER[&quot;central_meridian&quot;,0],PARAMETER[&quot;scale_factor&quot;,1],PARAMETER[&quot;false_easting&quot;,0],PARAMETER[&quot;false_northing&quot;,0],UNIT[&quot;metre&quot;,1,AUTHORITY[&quot;EPSG&quot;,&quot;9001&quot;]],AXIS[&quot;Easting&quot;,EAST],AXIS[&quot;Northing&quot;,NORTH],EXTENSION[&quot;PROJ4&quot;,&quot;+proj=merc +a=6378137 +b=6378137 +lat_ts=0 +lon_0=0 +x_0=0 +y_0=0 +k=1 +units=m +nadgrids=@null +wktext +no_defs&quot;],AUTHORITY[&quot;EPSG&quot;,&quot;3857&quot;]]</dd><dt><span>GeoTransform :</span></dt><dd>7216538.125355124 543.7490947417311 0.0 3555001.6777020064 0.0 -543.7490947417311</dd></dl></div><div class='xr-var-data'><pre>array(0)</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-c62b8510-3737-4c3c-bec7-2aae0cebec02' class='xr-section-summary-in' type='checkbox'  ><label for='section-c62b8510-3737-4c3c-bec7-2aae0cebec02' class='xr-section-summary' >Indexes: <span>(2)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-index-name'><div>x</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-0ead0e16-82e5-420e-8780-1c6e91a4349b' class='xr-index-data-in' type='checkbox'/><label for='index-0ead0e16-82e5-420e-8780-1c6e91a4349b' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([7216809.999902494, 7217353.748997236, 7217897.498091978,\n",
       "       7218441.247186719, 7218984.996281461, 7219528.745376203,\n",
       "       7220072.494470945, 7220616.243565686, 7221159.992660428,\n",
       "        7221703.74175517,\n",
       "       ...\n",
       "       7996546.201762137, 7997089.950856878,  7997633.69995162,\n",
       "       7998177.449046362, 7998721.198141104, 7999264.947235845,\n",
       "       7999808.696330587, 8000352.445425329,  8000896.19452007,\n",
       "       8001439.943614813],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;x&#x27;, length=1444))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>y</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-6cb51b16-9f9d-470b-adcb-761adda7c23f' class='xr-index-data-in' type='checkbox'/><label for='index-6cb51b16-9f9d-470b-adcb-761adda7c23f' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([3554729.8031546357,  3554186.054059894, 3553642.3049651524,\n",
       "       3553098.5558704105, 3552554.8067756686,  3552011.057680927,\n",
       "       3551467.3085861853, 3550923.5594914434,  3550379.810396702,\n",
       "         3549836.06130196,\n",
       "       ...\n",
       "       2447112.8971657297, 2446569.1480709873,  2446025.398976246,\n",
       "       2445481.6498815045,  2444937.900786762, 2444394.1516920207,\n",
       "       2443850.4025972793,  2443306.653502537, 2442762.9044077955,\n",
       "        2442219.155313054],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;y&#x27;, length=2047))</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-15bd5a19-fd52-484d-84dd-83ee701663bf' class='xr-section-summary-in' type='checkbox'  checked><label for='section-15bd5a19-fd52-484d-84dd-83ee701663bf' class='xr-section-summary' >Attributes: <span>(4)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><dl class='xr-attrs'><dt><span>tiles :</span></dt><dd>[&#x27;E015N024T3&#x27;, &#x27;E015N027T3&#x27;, &#x27;E015N030T3&#x27;, &#x27;E018N027T3&#x27;, &#x27;E018N030T3&#x27;]</dd><dt><span>location :</span></dt><dd>central</dd><dt><span>resolution :</span></dt><dd>20</dd><dt><span>_FillValue :</span></dt><dd>nan</dd></dl></div></li></ul></div></div>"
      ],
      "text/plain": [
       "<xarray.DataArray 'flood' (y: 2047, x: 1444)>\n",
       "array([[0., 0., 0., ..., 0., 0., 0.],\n",
       "       [0., 0., 0., ..., 0., 0., 0.],\n",
       "       [0., 0., 0., ..., 0., 0., 0.],\n",
       "       ...,\n",
       "       [0., 0., 0., ..., 0., 0., 0.],\n",
       "       [0., 0., 0., ..., 0., 0., 0.],\n",
       "       [0., 0., 0., ..., 0., 0., 0.]], dtype=float32)\n",
       "Coordinates:\n",
       "  * x            (x) float64 7.217e+06 7.217e+06 ... 8.001e+06 8.001e+06\n",
       "  * y            (y) float64 3.555e+06 3.554e+06 ... 2.443e+06 2.442e+06\n",
       "    spatial_ref  int64 0\n",
       "Attributes:\n",
       "    tiles:       ['E015N024T3', 'E015N027T3', 'E015N030T3', 'E018N027T3', 'E0...\n",
       "    location:    central\n",
       "    resolution:  20\n",
       "    _FillValue:  nan"
      ]
     },
     "execution_count": 43,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import numpy as np\n",
    "floods_aug_18_prep = myDEDLClusters.compute(floods_aug_18_prep_, sync=True)\n",
    "floods_aug_18_prep.rio.write_crs(\"epsg:4326\", inplace=True)\n",
    "floods_aug_18 = floods_aug_18_prep.rio.reproject(f\"EPSG:3857\", nodata=np.nan)\n",
    "floods_aug_18"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Preprocess GHSL"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 44,
   "metadata": {},
   "outputs": [],
   "source": [
    "built_surfaces_prep = myDEDLClusters.compute(preprocess_dataset(built_surfaces, 'mean'), sync=True)\n",
    "built_surfaces_prep = built_surfaces_prep.rio.reproject(f\"EPSG:3857\", nodata=np.nan)\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 45,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"icon-database\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M16 0c-8.837 0-16 2.239-16 5v4c0 2.761 7.163 5 16 5s16-2.239 16-5v-4c0-2.761-7.163-5-16-5z\"></path>\n",
       "<path d=\"M16 17c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "<path d=\"M16 26c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "</symbol>\n",
       "<symbol id=\"icon-file-text2\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M28.681 7.159c-0.694-0.947-1.662-2.053-2.724-3.116s-2.169-2.030-3.116-2.724c-1.612-1.182-2.393-1.319-2.841-1.319h-15.5c-1.378 0-2.5 1.121-2.5 2.5v27c0 1.378 1.122 2.5 2.5 2.5h23c1.378 0 2.5-1.122 2.5-2.5v-19.5c0-0.448-0.137-1.23-1.319-2.841zM24.543 5.457c0.959 0.959 1.712 1.825 2.268 2.543h-4.811v-4.811c0.718 0.556 1.584 1.309 2.543 2.268zM28 29.5c0 0.271-0.229 0.5-0.5 0.5h-23c-0.271 0-0.5-0.229-0.5-0.5v-27c0-0.271 0.229-0.5 0.5-0.5 0 0 15.499-0 15.5 0v7c0 0.552 0.448 1 1 1h7v19.5z\"></path>\n",
       "<path d=\"M23 26h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 22h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 18h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "</symbol>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying xarray objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --xr-font-color0: var(--jp-content-font-color0, rgba(0, 0, 0, 1));\n",
       "  --xr-font-color2: var(--jp-content-font-color2, rgba(0, 0, 0, 0.54));\n",
       "  --xr-font-color3: var(--jp-content-font-color3, rgba(0, 0, 0, 0.38));\n",
       "  --xr-border-color: var(--jp-border-color2, #e0e0e0);\n",
       "  --xr-disabled-color: var(--jp-layout-color3, #bdbdbd);\n",
       "  --xr-background-color: var(--jp-layout-color0, white);\n",
       "  --xr-background-color-row-even: var(--jp-layout-color1, white);\n",
       "  --xr-background-color-row-odd: var(--jp-layout-color2, #eeeeee);\n",
       "}\n",
       "\n",
       "html[theme=dark],\n",
       "body[data-theme=dark],\n",
       "body.vscode-dark {\n",
       "  --xr-font-color0: rgba(255, 255, 255, 1);\n",
       "  --xr-font-color2: rgba(255, 255, 255, 0.54);\n",
       "  --xr-font-color3: rgba(255, 255, 255, 0.38);\n",
       "  --xr-border-color: #1F1F1F;\n",
       "  --xr-disabled-color: #515151;\n",
       "  --xr-background-color: #111111;\n",
       "  --xr-background-color-row-even: #111111;\n",
       "  --xr-background-color-row-odd: #313131;\n",
       "}\n",
       "\n",
       ".xr-wrap {\n",
       "  display: block !important;\n",
       "  min-width: 300px;\n",
       "  max-width: 700px;\n",
       "}\n",
       "\n",
       ".xr-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-header {\n",
       "  padding-top: 6px;\n",
       "  padding-bottom: 6px;\n",
       "  margin-bottom: 4px;\n",
       "  border-bottom: solid 1px var(--xr-border-color);\n",
       "}\n",
       "\n",
       ".xr-header > div,\n",
       ".xr-header > ul {\n",
       "  display: inline;\n",
       "  margin-top: 0;\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-obj-type,\n",
       ".xr-array-name {\n",
       "  margin-left: 2px;\n",
       "  margin-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-obj-type {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-sections {\n",
       "  padding-left: 0 !important;\n",
       "  display: grid;\n",
       "  grid-template-columns: 150px auto auto 1fr 20px 20px;\n",
       "}\n",
       "\n",
       ".xr-section-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-section-item input {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-item input + label {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label {\n",
       "  cursor: pointer;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label:hover {\n",
       "  color: var(--xr-font-color0);\n",
       "}\n",
       "\n",
       ".xr-section-summary {\n",
       "  grid-column: 1;\n",
       "  color: var(--xr-font-color2);\n",
       "  font-weight: 500;\n",
       "}\n",
       "\n",
       ".xr-section-summary > span {\n",
       "  display: inline-block;\n",
       "  padding-left: 0.5em;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in + label:before {\n",
       "  display: inline-block;\n",
       "  content: '►';\n",
       "  font-size: 11px;\n",
       "  width: 15px;\n",
       "  text-align: center;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label:before {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label:before {\n",
       "  content: '▼';\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label > span {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-summary,\n",
       ".xr-section-inline-details {\n",
       "  padding-top: 4px;\n",
       "  padding-bottom: 4px;\n",
       "}\n",
       "\n",
       ".xr-section-inline-details {\n",
       "  grid-column: 2 / -1;\n",
       "}\n",
       "\n",
       ".xr-section-details {\n",
       "  display: none;\n",
       "  grid-column: 1 / -1;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked ~ .xr-section-details {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-array-wrap {\n",
       "  grid-column: 1 / -1;\n",
       "  display: grid;\n",
       "  grid-template-columns: 20px auto;\n",
       "}\n",
       "\n",
       ".xr-array-wrap > label {\n",
       "  grid-column: 1;\n",
       "  vertical-align: top;\n",
       "}\n",
       "\n",
       ".xr-preview {\n",
       "  color: var(--xr-font-color3);\n",
       "}\n",
       "\n",
       ".xr-array-preview,\n",
       ".xr-array-data {\n",
       "  padding: 0 5px !important;\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-array-data,\n",
       ".xr-array-in:checked ~ .xr-array-preview {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-array-in:checked ~ .xr-array-data,\n",
       ".xr-array-preview {\n",
       "  display: inline-block;\n",
       "}\n",
       "\n",
       ".xr-dim-list {\n",
       "  display: inline-block !important;\n",
       "  list-style: none;\n",
       "  padding: 0 !important;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list li {\n",
       "  display: inline-block;\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list:before {\n",
       "  content: '(';\n",
       "}\n",
       "\n",
       ".xr-dim-list:after {\n",
       "  content: ')';\n",
       "}\n",
       "\n",
       ".xr-dim-list li:not(:last-child):after {\n",
       "  content: ',';\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-has-index {\n",
       "  font-weight: bold;\n",
       "}\n",
       "\n",
       ".xr-var-list,\n",
       ".xr-var-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-var-item > div,\n",
       ".xr-var-item label,\n",
       ".xr-var-item > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-even);\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-var-item > .xr-var-name:hover span {\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-var-list > li:nth-child(odd) > div,\n",
       ".xr-var-list > li:nth-child(odd) > label,\n",
       ".xr-var-list > li:nth-child(odd) > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-odd);\n",
       "}\n",
       "\n",
       ".xr-var-name {\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-var-dims {\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-var-dtype {\n",
       "  grid-column: 3;\n",
       "  text-align: right;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-preview {\n",
       "  grid-column: 4;\n",
       "}\n",
       "\n",
       ".xr-index-preview {\n",
       "  grid-column: 2 / 5;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-name,\n",
       ".xr-var-dims,\n",
       ".xr-var-dtype,\n",
       ".xr-preview,\n",
       ".xr-attrs dt {\n",
       "  white-space: nowrap;\n",
       "  overflow: hidden;\n",
       "  text-overflow: ellipsis;\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-var-name:hover,\n",
       ".xr-var-dims:hover,\n",
       ".xr-var-dtype:hover,\n",
       ".xr-attrs dt:hover {\n",
       "  overflow: visible;\n",
       "  width: auto;\n",
       "  z-index: 1;\n",
       "}\n",
       "\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  display: none;\n",
       "  background-color: var(--xr-background-color) !important;\n",
       "  padding-bottom: 5px !important;\n",
       "}\n",
       "\n",
       ".xr-var-attrs-in:checked ~ .xr-var-attrs,\n",
       ".xr-var-data-in:checked ~ .xr-var-data,\n",
       ".xr-index-data-in:checked ~ .xr-index-data {\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".xr-var-data > table {\n",
       "  float: right;\n",
       "}\n",
       "\n",
       ".xr-var-name span,\n",
       ".xr-var-data,\n",
       ".xr-index-name div,\n",
       ".xr-index-data,\n",
       ".xr-attrs {\n",
       "  padding-left: 25px !important;\n",
       "}\n",
       "\n",
       ".xr-attrs,\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  grid-column: 1 / -1;\n",
       "}\n",
       "\n",
       "dl.xr-attrs {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  display: grid;\n",
       "  grid-template-columns: 125px auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt,\n",
       ".xr-attrs dd {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  float: left;\n",
       "  padding-right: 10px;\n",
       "  width: auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt {\n",
       "  font-weight: normal;\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-attrs dt:hover span {\n",
       "  display: inline-block;\n",
       "  background: var(--xr-background-color);\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-attrs dd {\n",
       "  grid-column: 2;\n",
       "  white-space: pre-wrap;\n",
       "  word-break: break-all;\n",
       "}\n",
       "\n",
       ".xr-icon-database,\n",
       ".xr-icon-file-text2,\n",
       ".xr-no-icon {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "</style><pre class='xr-text-repr-fallback'>&lt;xarray.DataArray &#x27;built&#x27; (y: 1481, x: 2176)&gt;\n",
       "array([[       nan,        nan,        nan, ..., 0.2428    , 0.0136    ,\n",
       "        0.0572    ],\n",
       "       [       nan,        nan,        nan, ..., 1.2208    , 0.9568    ,\n",
       "        0.13771017],\n",
       "       [       nan,        nan,        nan, ..., 2.2944    , 2.2948    ,\n",
       "        5.2929454 ],\n",
       "       ...,\n",
       "       [0.        , 0.        , 0.        , ...,        nan,        nan,\n",
       "               nan],\n",
       "       [0.        , 0.        , 0.        , ...,        nan,        nan,\n",
       "               nan],\n",
       "       [0.        , 0.        , 0.        , ...,        nan,        nan,\n",
       "               nan]], dtype=float32)\n",
       "Coordinates:\n",
       "  * x            (x) float64 7.127e+06 7.128e+06 ... 8.128e+06 8.129e+06\n",
       "  * y            (y) float64 3.503e+06 3.503e+06 ... 2.822e+06 2.821e+06\n",
       "    band         int64 1\n",
       "    spatial_ref  int64 0\n",
       "Attributes:\n",
       "    AREA_OR_POINT:  Area\n",
       "    location:       central\n",
       "    resolution:     10\n",
       "    _FillValue:     nan</pre><div class='xr-wrap' style='display:none'><div class='xr-header'><div class='xr-obj-type'>xarray.DataArray</div><div class='xr-array-name'>'built'</div><ul class='xr-dim-list'><li><span class='xr-has-index'>y</span>: 1481</li><li><span class='xr-has-index'>x</span>: 2176</li></ul></div><ul class='xr-sections'><li class='xr-section-item'><div class='xr-array-wrap'><input id='section-4e74a07f-9436-4f1f-9f10-ec4e7be60618' class='xr-array-in' type='checkbox' checked><label for='section-4e74a07f-9436-4f1f-9f10-ec4e7be60618' title='Show/hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-array-preview xr-preview'><span>nan nan nan nan nan nan nan nan ... nan nan nan nan nan nan nan nan</span></div><div class='xr-array-data'><pre>array([[       nan,        nan,        nan, ..., 0.2428    , 0.0136    ,\n",
       "        0.0572    ],\n",
       "       [       nan,        nan,        nan, ..., 1.2208    , 0.9568    ,\n",
       "        0.13771017],\n",
       "       [       nan,        nan,        nan, ..., 2.2944    , 2.2948    ,\n",
       "        5.2929454 ],\n",
       "       ...,\n",
       "       [0.        , 0.        , 0.        , ...,        nan,        nan,\n",
       "               nan],\n",
       "       [0.        , 0.        , 0.        , ...,        nan,        nan,\n",
       "               nan],\n",
       "       [0.        , 0.        , 0.        , ...,        nan,        nan,\n",
       "               nan]], dtype=float32)</pre></div></div></li><li class='xr-section-item'><input id='section-5e32b3e6-f905-4c2e-8d68-e1186fe7f388' class='xr-section-summary-in' type='checkbox'  checked><label for='section-5e32b3e6-f905-4c2e-8d68-e1186fe7f388' class='xr-section-summary' >Coordinates: <span>(4)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>x</span></div><div class='xr-var-dims'>(x)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>7.127e+06 7.128e+06 ... 8.129e+06</div><input id='attrs-5fe14567-a479-47f7-ae8d-5fbe241be3e5' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-5fe14567-a479-47f7-ae8d-5fbe241be3e5' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-3561160d-91ac-423a-a31b-cc8b21fc5b98' class='xr-var-data-in' type='checkbox'><label for='data-3561160d-91ac-423a-a31b-cc8b21fc5b98' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>axis :</span></dt><dd>X</dd><dt><span>long_name :</span></dt><dd>x coordinate of projection</dd><dt><span>standard_name :</span></dt><dd>projection_x_coordinate</dd><dt><span>units :</span></dt><dd>metre</dd></dl></div><div class='xr-var-data'><pre>array([7127054.890297, 7127515.441309, 7127975.992321, ..., 8127832.239306,\n",
       "       8128292.790318, 8128753.34133 ])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>y</span></div><div class='xr-var-dims'>(y)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>3.503e+06 3.503e+06 ... 2.821e+06</div><input id='attrs-25a2da2f-5431-476c-a984-d39cfc5b92cf' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-25a2da2f-5431-476c-a984-d39cfc5b92cf' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-9ff30db3-9ca1-4ccd-a987-dc56e56011b7' class='xr-var-data-in' type='checkbox'><label for='data-9ff30db3-9ca1-4ccd-a987-dc56e56011b7' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>axis :</span></dt><dd>Y</dd><dt><span>long_name :</span></dt><dd>y coordinate of projection</dd><dt><span>standard_name :</span></dt><dd>projection_y_coordinate</dd><dt><span>units :</span></dt><dd>metre</dd></dl></div><div class='xr-var-data'><pre>array([3503074.779689, 3502614.228677, 3502153.677665, ..., 2822380.383998,\n",
       "       2821919.832986, 2821459.281974])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>band</span></div><div class='xr-var-dims'>()</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>1</div><input id='attrs-0556fd08-4a64-4aba-8972-a8cd9211ef69' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-0556fd08-4a64-4aba-8972-a8cd9211ef69' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-f8221923-854d-4133-b467-40e958962304' class='xr-var-data-in' type='checkbox'><label for='data-f8221923-854d-4133-b467-40e958962304' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array(1)</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>spatial_ref</span></div><div class='xr-var-dims'>()</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>0</div><input id='attrs-c4844f45-4532-49b2-90d7-a399508b7dfb' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-c4844f45-4532-49b2-90d7-a399508b7dfb' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-126d20b4-6b4b-42d9-b960-383e4a90d4d4' class='xr-var-data-in' type='checkbox'><label for='data-126d20b4-6b4b-42d9-b960-383e4a90d4d4' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>crs_wkt :</span></dt><dd>PROJCS[&quot;WGS 84 / Pseudo-Mercator&quot;,GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]],PROJECTION[&quot;Mercator_1SP&quot;],PARAMETER[&quot;central_meridian&quot;,0],PARAMETER[&quot;scale_factor&quot;,1],PARAMETER[&quot;false_easting&quot;,0],PARAMETER[&quot;false_northing&quot;,0],UNIT[&quot;metre&quot;,1,AUTHORITY[&quot;EPSG&quot;,&quot;9001&quot;]],AXIS[&quot;Easting&quot;,EAST],AXIS[&quot;Northing&quot;,NORTH],EXTENSION[&quot;PROJ4&quot;,&quot;+proj=merc +a=6378137 +b=6378137 +lat_ts=0 +lon_0=0 +x_0=0 +y_0=0 +k=1 +units=m +nadgrids=@null +wktext +no_defs&quot;],AUTHORITY[&quot;EPSG&quot;,&quot;3857&quot;]]</dd><dt><span>spatial_ref :</span></dt><dd>PROJCS[&quot;WGS 84 / Pseudo-Mercator&quot;,GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]],PROJECTION[&quot;Mercator_1SP&quot;],PARAMETER[&quot;central_meridian&quot;,0],PARAMETER[&quot;scale_factor&quot;,1],PARAMETER[&quot;false_easting&quot;,0],PARAMETER[&quot;false_northing&quot;,0],UNIT[&quot;metre&quot;,1,AUTHORITY[&quot;EPSG&quot;,&quot;9001&quot;]],AXIS[&quot;Easting&quot;,EAST],AXIS[&quot;Northing&quot;,NORTH],EXTENSION[&quot;PROJ4&quot;,&quot;+proj=merc +a=6378137 +b=6378137 +lat_ts=0 +lon_0=0 +x_0=0 +y_0=0 +k=1 +units=m +nadgrids=@null +wktext +no_defs&quot;],AUTHORITY[&quot;EPSG&quot;,&quot;3857&quot;]]</dd><dt><span>GeoTransform :</span></dt><dd>7126824.61479139 460.5510119691738 0.0 3503305.055194744 0.0 -460.5510119691738</dd></dl></div><div class='xr-var-data'><pre>array(0)</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-6b922286-79c9-4f42-9fe2-71bfd3e42c95' class='xr-section-summary-in' type='checkbox'  ><label for='section-6b922286-79c9-4f42-9fe2-71bfd3e42c95' class='xr-section-summary' >Indexes: <span>(2)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-index-name'><div>x</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-68872612-f7f2-4ddc-a216-0430bf6d1b2a' class='xr-index-data-in' type='checkbox'/><label for='index-68872612-f7f2-4ddc-a216-0430bf6d1b2a' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([ 7127054.890297374,  7127515.441309343,  7127975.992321312,\n",
       "        7128436.543333281,   7128897.09434525, 7129357.6453572195,\n",
       "        7129818.196369189,  7130278.747381158, 7130739.2983931275,\n",
       "        7131199.849405096,\n",
       "       ...\n",
       "        8124608.382222604,  8125068.933234573,  8125529.484246543,\n",
       "        8125990.035258512,  8126450.586270481,   8126911.13728245,\n",
       "        8127371.688294419,  8127832.239306388,  8128292.790318358,\n",
       "        8128753.341330327],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;x&#x27;, length=2176))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>y</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-95a2b25b-5252-4c60-b42e-80567722aa16' class='xr-index-data-in' type='checkbox'/><label for='index-95a2b25b-5252-4c60-b42e-80567722aa16' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([3503074.7796887592,   3502614.22867679,  3502153.677664821,\n",
       "       3501693.1266528517, 3501232.5756408824, 3500772.0246289135,\n",
       "        3500311.473616944,  3499850.922604975,  3499390.371593006,\n",
       "       3498929.8205810366,\n",
       "       ...\n",
       "       2825604.2410821044, 2825143.6900701355,  2824683.139058166,\n",
       "        2824222.588046197,  2823762.037034228, 2823301.4860222586,\n",
       "         2822840.93501029, 2822380.3839983204,  2821919.832986351,\n",
       "        2821459.281974382],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;y&#x27;, length=1481))</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-88946d05-df6b-49ef-a270-7057c99b4735' class='xr-section-summary-in' type='checkbox'  checked><label for='section-88946d05-df6b-49ef-a270-7057c99b4735' class='xr-section-summary' >Attributes: <span>(4)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><dl class='xr-attrs'><dt><span>AREA_OR_POINT :</span></dt><dd>Area</dd><dt><span>location :</span></dt><dd>central</dd><dt><span>resolution :</span></dt><dd>10</dd><dt><span>_FillValue :</span></dt><dd>nan</dd></dl></div></li></ul></div></div>"
      ],
      "text/plain": [
       "<xarray.DataArray 'built' (y: 1481, x: 2176)>\n",
       "array([[       nan,        nan,        nan, ..., 0.2428    , 0.0136    ,\n",
       "        0.0572    ],\n",
       "       [       nan,        nan,        nan, ..., 1.2208    , 0.9568    ,\n",
       "        0.13771017],\n",
       "       [       nan,        nan,        nan, ..., 2.2944    , 2.2948    ,\n",
       "        5.2929454 ],\n",
       "       ...,\n",
       "       [0.        , 0.        , 0.        , ...,        nan,        nan,\n",
       "               nan],\n",
       "       [0.        , 0.        , 0.        , ...,        nan,        nan,\n",
       "               nan],\n",
       "       [0.        , 0.        , 0.        , ...,        nan,        nan,\n",
       "               nan]], dtype=float32)\n",
       "Coordinates:\n",
       "  * x            (x) float64 7.127e+06 7.128e+06 ... 8.128e+06 8.129e+06\n",
       "  * y            (y) float64 3.503e+06 3.503e+06 ... 2.822e+06 2.821e+06\n",
       "    band         int64 1\n",
       "    spatial_ref  int64 0\n",
       "Attributes:\n",
       "    AREA_OR_POINT:  Area\n",
       "    location:       central\n",
       "    resolution:     10\n",
       "    _FillValue:     nan"
      ]
     },
     "execution_count": 45,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "built_surfaces_prep"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Inspect the current flood situation\n",
    "\n",
    "The DEDL services provides a quick view functionality that allows interactive inspection of the retrieved datasets. Here, the flood extent on 18<sup>th</sup> of August 2022 is compared to built-up surfaces (e.g. buildings, infrastructure, and other human-made structures) for 2022 to get an initial idea of which settlements might be at risk of flooding."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 46,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"icon-database\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M16 0c-8.837 0-16 2.239-16 5v4c0 2.761 7.163 5 16 5s16-2.239 16-5v-4c0-2.761-7.163-5-16-5z\"></path>\n",
       "<path d=\"M16 17c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "<path d=\"M16 26c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "</symbol>\n",
       "<symbol id=\"icon-file-text2\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M28.681 7.159c-0.694-0.947-1.662-2.053-2.724-3.116s-2.169-2.030-3.116-2.724c-1.612-1.182-2.393-1.319-2.841-1.319h-15.5c-1.378 0-2.5 1.121-2.5 2.5v27c0 1.378 1.122 2.5 2.5 2.5h23c1.378 0 2.5-1.122 2.5-2.5v-19.5c0-0.448-0.137-1.23-1.319-2.841zM24.543 5.457c0.959 0.959 1.712 1.825 2.268 2.543h-4.811v-4.811c0.718 0.556 1.584 1.309 2.543 2.268zM28 29.5c0 0.271-0.229 0.5-0.5 0.5h-23c-0.271 0-0.5-0.229-0.5-0.5v-27c0-0.271 0.229-0.5 0.5-0.5 0 0 15.499-0 15.5 0v7c0 0.552 0.448 1 1 1h7v19.5z\"></path>\n",
       "<path d=\"M23 26h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 22h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 18h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "</symbol>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying xarray objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --xr-font-color0: var(--jp-content-font-color0, rgba(0, 0, 0, 1));\n",
       "  --xr-font-color2: var(--jp-content-font-color2, rgba(0, 0, 0, 0.54));\n",
       "  --xr-font-color3: var(--jp-content-font-color3, rgba(0, 0, 0, 0.38));\n",
       "  --xr-border-color: var(--jp-border-color2, #e0e0e0);\n",
       "  --xr-disabled-color: var(--jp-layout-color3, #bdbdbd);\n",
       "  --xr-background-color: var(--jp-layout-color0, white);\n",
       "  --xr-background-color-row-even: var(--jp-layout-color1, white);\n",
       "  --xr-background-color-row-odd: var(--jp-layout-color2, #eeeeee);\n",
       "}\n",
       "\n",
       "html[theme=dark],\n",
       "body[data-theme=dark],\n",
       "body.vscode-dark {\n",
       "  --xr-font-color0: rgba(255, 255, 255, 1);\n",
       "  --xr-font-color2: rgba(255, 255, 255, 0.54);\n",
       "  --xr-font-color3: rgba(255, 255, 255, 0.38);\n",
       "  --xr-border-color: #1F1F1F;\n",
       "  --xr-disabled-color: #515151;\n",
       "  --xr-background-color: #111111;\n",
       "  --xr-background-color-row-even: #111111;\n",
       "  --xr-background-color-row-odd: #313131;\n",
       "}\n",
       "\n",
       ".xr-wrap {\n",
       "  display: block !important;\n",
       "  min-width: 300px;\n",
       "  max-width: 700px;\n",
       "}\n",
       "\n",
       ".xr-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-header {\n",
       "  padding-top: 6px;\n",
       "  padding-bottom: 6px;\n",
       "  margin-bottom: 4px;\n",
       "  border-bottom: solid 1px var(--xr-border-color);\n",
       "}\n",
       "\n",
       ".xr-header > div,\n",
       ".xr-header > ul {\n",
       "  display: inline;\n",
       "  margin-top: 0;\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-obj-type,\n",
       ".xr-array-name {\n",
       "  margin-left: 2px;\n",
       "  margin-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-obj-type {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-sections {\n",
       "  padding-left: 0 !important;\n",
       "  display: grid;\n",
       "  grid-template-columns: 150px auto auto 1fr 20px 20px;\n",
       "}\n",
       "\n",
       ".xr-section-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-section-item input {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-item input + label {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label {\n",
       "  cursor: pointer;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label:hover {\n",
       "  color: var(--xr-font-color0);\n",
       "}\n",
       "\n",
       ".xr-section-summary {\n",
       "  grid-column: 1;\n",
       "  color: var(--xr-font-color2);\n",
       "  font-weight: 500;\n",
       "}\n",
       "\n",
       ".xr-section-summary > span {\n",
       "  display: inline-block;\n",
       "  padding-left: 0.5em;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in + label:before {\n",
       "  display: inline-block;\n",
       "  content: '►';\n",
       "  font-size: 11px;\n",
       "  width: 15px;\n",
       "  text-align: center;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label:before {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label:before {\n",
       "  content: '▼';\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label > span {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-summary,\n",
       ".xr-section-inline-details {\n",
       "  padding-top: 4px;\n",
       "  padding-bottom: 4px;\n",
       "}\n",
       "\n",
       ".xr-section-inline-details {\n",
       "  grid-column: 2 / -1;\n",
       "}\n",
       "\n",
       ".xr-section-details {\n",
       "  display: none;\n",
       "  grid-column: 1 / -1;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked ~ .xr-section-details {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-array-wrap {\n",
       "  grid-column: 1 / -1;\n",
       "  display: grid;\n",
       "  grid-template-columns: 20px auto;\n",
       "}\n",
       "\n",
       ".xr-array-wrap > label {\n",
       "  grid-column: 1;\n",
       "  vertical-align: top;\n",
       "}\n",
       "\n",
       ".xr-preview {\n",
       "  color: var(--xr-font-color3);\n",
       "}\n",
       "\n",
       ".xr-array-preview,\n",
       ".xr-array-data {\n",
       "  padding: 0 5px !important;\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-array-data,\n",
       ".xr-array-in:checked ~ .xr-array-preview {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-array-in:checked ~ .xr-array-data,\n",
       ".xr-array-preview {\n",
       "  display: inline-block;\n",
       "}\n",
       "\n",
       ".xr-dim-list {\n",
       "  display: inline-block !important;\n",
       "  list-style: none;\n",
       "  padding: 0 !important;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list li {\n",
       "  display: inline-block;\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list:before {\n",
       "  content: '(';\n",
       "}\n",
       "\n",
       ".xr-dim-list:after {\n",
       "  content: ')';\n",
       "}\n",
       "\n",
       ".xr-dim-list li:not(:last-child):after {\n",
       "  content: ',';\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-has-index {\n",
       "  font-weight: bold;\n",
       "}\n",
       "\n",
       ".xr-var-list,\n",
       ".xr-var-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-var-item > div,\n",
       ".xr-var-item label,\n",
       ".xr-var-item > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-even);\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-var-item > .xr-var-name:hover span {\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-var-list > li:nth-child(odd) > div,\n",
       ".xr-var-list > li:nth-child(odd) > label,\n",
       ".xr-var-list > li:nth-child(odd) > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-odd);\n",
       "}\n",
       "\n",
       ".xr-var-name {\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-var-dims {\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-var-dtype {\n",
       "  grid-column: 3;\n",
       "  text-align: right;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-preview {\n",
       "  grid-column: 4;\n",
       "}\n",
       "\n",
       ".xr-index-preview {\n",
       "  grid-column: 2 / 5;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-name,\n",
       ".xr-var-dims,\n",
       ".xr-var-dtype,\n",
       ".xr-preview,\n",
       ".xr-attrs dt {\n",
       "  white-space: nowrap;\n",
       "  overflow: hidden;\n",
       "  text-overflow: ellipsis;\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-var-name:hover,\n",
       ".xr-var-dims:hover,\n",
       ".xr-var-dtype:hover,\n",
       ".xr-attrs dt:hover {\n",
       "  overflow: visible;\n",
       "  width: auto;\n",
       "  z-index: 1;\n",
       "}\n",
       "\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  display: none;\n",
       "  background-color: var(--xr-background-color) !important;\n",
       "  padding-bottom: 5px !important;\n",
       "}\n",
       "\n",
       ".xr-var-attrs-in:checked ~ .xr-var-attrs,\n",
       ".xr-var-data-in:checked ~ .xr-var-data,\n",
       ".xr-index-data-in:checked ~ .xr-index-data {\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".xr-var-data > table {\n",
       "  float: right;\n",
       "}\n",
       "\n",
       ".xr-var-name span,\n",
       ".xr-var-data,\n",
       ".xr-index-name div,\n",
       ".xr-index-data,\n",
       ".xr-attrs {\n",
       "  padding-left: 25px !important;\n",
       "}\n",
       "\n",
       ".xr-attrs,\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  grid-column: 1 / -1;\n",
       "}\n",
       "\n",
       "dl.xr-attrs {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  display: grid;\n",
       "  grid-template-columns: 125px auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt,\n",
       ".xr-attrs dd {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  float: left;\n",
       "  padding-right: 10px;\n",
       "  width: auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt {\n",
       "  font-weight: normal;\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-attrs dt:hover span {\n",
       "  display: inline-block;\n",
       "  background: var(--xr-background-color);\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-attrs dd {\n",
       "  grid-column: 2;\n",
       "  white-space: pre-wrap;\n",
       "  word-break: break-all;\n",
       "}\n",
       "\n",
       ".xr-icon-database,\n",
       ".xr-icon-file-text2,\n",
       ".xr-no-icon {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "</style><pre class='xr-text-repr-fallback'>&lt;xarray.DataArray &#x27;built&#x27; (y: 1481, x: 2176)&gt;\n",
       "array([[0, 0, 0, ..., 0, 0, 0],\n",
       "       [0, 0, 0, ..., 0, 0, 0],\n",
       "       [0, 0, 0, ..., 0, 0, 0],\n",
       "       ...,\n",
       "       [0, 0, 0, ..., 0, 0, 0],\n",
       "       [0, 0, 0, ..., 0, 0, 0],\n",
       "       [0, 0, 0, ..., 0, 0, 0]])\n",
       "Coordinates:\n",
       "  * x            (x) float64 7.127e+06 7.128e+06 ... 8.128e+06 8.129e+06\n",
       "  * y            (y) float64 3.503e+06 3.503e+06 ... 2.822e+06 2.821e+06\n",
       "    band         int64 1\n",
       "    spatial_ref  int64 0</pre><div class='xr-wrap' style='display:none'><div class='xr-header'><div class='xr-obj-type'>xarray.DataArray</div><div class='xr-array-name'>'built'</div><ul class='xr-dim-list'><li><span class='xr-has-index'>y</span>: 1481</li><li><span class='xr-has-index'>x</span>: 2176</li></ul></div><ul class='xr-sections'><li class='xr-section-item'><div class='xr-array-wrap'><input id='section-4cd7dc1a-e687-42b7-8446-5d377e0fdca6' class='xr-array-in' type='checkbox' checked><label for='section-4cd7dc1a-e687-42b7-8446-5d377e0fdca6' title='Show/hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-array-preview xr-preview'><span>0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 ... 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0</span></div><div class='xr-array-data'><pre>array([[0, 0, 0, ..., 0, 0, 0],\n",
       "       [0, 0, 0, ..., 0, 0, 0],\n",
       "       [0, 0, 0, ..., 0, 0, 0],\n",
       "       ...,\n",
       "       [0, 0, 0, ..., 0, 0, 0],\n",
       "       [0, 0, 0, ..., 0, 0, 0],\n",
       "       [0, 0, 0, ..., 0, 0, 0]])</pre></div></div></li><li class='xr-section-item'><input id='section-d9ccb888-f607-47c1-a43e-e8030e4776db' class='xr-section-summary-in' type='checkbox'  checked><label for='section-d9ccb888-f607-47c1-a43e-e8030e4776db' class='xr-section-summary' >Coordinates: <span>(4)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>x</span></div><div class='xr-var-dims'>(x)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>7.127e+06 7.128e+06 ... 8.129e+06</div><input id='attrs-b2c819ee-8103-4a62-80ba-28dc96209d47' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-b2c819ee-8103-4a62-80ba-28dc96209d47' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-efe8ce64-c1e0-465a-8c12-7781b46fed2a' class='xr-var-data-in' type='checkbox'><label for='data-efe8ce64-c1e0-465a-8c12-7781b46fed2a' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([7127054.890297, 7127515.441309, 7127975.992321, ..., 8127832.239306,\n",
       "       8128292.790318, 8128753.34133 ])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>y</span></div><div class='xr-var-dims'>(y)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>3.503e+06 3.503e+06 ... 2.821e+06</div><input id='attrs-eb4f91ce-8c9e-49bb-ab8b-f4882ca9b4b8' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-eb4f91ce-8c9e-49bb-ab8b-f4882ca9b4b8' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-1d9906c3-fe86-4978-8f6b-bb97a5da8bed' class='xr-var-data-in' type='checkbox'><label for='data-1d9906c3-fe86-4978-8f6b-bb97a5da8bed' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([3503074.779689, 3502614.228677, 3502153.677665, ..., 2822380.383998,\n",
       "       2821919.832986, 2821459.281974])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>band</span></div><div class='xr-var-dims'>()</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>1</div><input id='attrs-f5996e96-d1a3-4aad-ba92-968c635db9ce' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-f5996e96-d1a3-4aad-ba92-968c635db9ce' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-6d0f529b-c134-4e2a-a319-348bb9b3fcf9' class='xr-var-data-in' type='checkbox'><label for='data-6d0f529b-c134-4e2a-a319-348bb9b3fcf9' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array(1)</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>spatial_ref</span></div><div class='xr-var-dims'>()</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>0</div><input id='attrs-4e62e879-2c0b-4e8f-a229-4c7a119734e6' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-4e62e879-2c0b-4e8f-a229-4c7a119734e6' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-8b1a885c-9417-4cb6-9151-37a1355b21b3' class='xr-var-data-in' type='checkbox'><label for='data-8b1a885c-9417-4cb6-9151-37a1355b21b3' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>crs_wkt :</span></dt><dd>PROJCS[&quot;WGS 84 / Pseudo-Mercator&quot;,GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]],PROJECTION[&quot;Mercator_1SP&quot;],PARAMETER[&quot;central_meridian&quot;,0],PARAMETER[&quot;scale_factor&quot;,1],PARAMETER[&quot;false_easting&quot;,0],PARAMETER[&quot;false_northing&quot;,0],UNIT[&quot;metre&quot;,1,AUTHORITY[&quot;EPSG&quot;,&quot;9001&quot;]],AXIS[&quot;Easting&quot;,EAST],AXIS[&quot;Northing&quot;,NORTH],EXTENSION[&quot;PROJ4&quot;,&quot;+proj=merc +a=6378137 +b=6378137 +lat_ts=0 +lon_0=0 +x_0=0 +y_0=0 +k=1 +units=m +nadgrids=@null +wktext +no_defs&quot;],AUTHORITY[&quot;EPSG&quot;,&quot;3857&quot;]]</dd><dt><span>spatial_ref :</span></dt><dd>PROJCS[&quot;WGS 84 / Pseudo-Mercator&quot;,GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]],PROJECTION[&quot;Mercator_1SP&quot;],PARAMETER[&quot;central_meridian&quot;,0],PARAMETER[&quot;scale_factor&quot;,1],PARAMETER[&quot;false_easting&quot;,0],PARAMETER[&quot;false_northing&quot;,0],UNIT[&quot;metre&quot;,1,AUTHORITY[&quot;EPSG&quot;,&quot;9001&quot;]],AXIS[&quot;Easting&quot;,EAST],AXIS[&quot;Northing&quot;,NORTH],EXTENSION[&quot;PROJ4&quot;,&quot;+proj=merc +a=6378137 +b=6378137 +lat_ts=0 +lon_0=0 +x_0=0 +y_0=0 +k=1 +units=m +nadgrids=@null +wktext +no_defs&quot;],AUTHORITY[&quot;EPSG&quot;,&quot;3857&quot;]]</dd></dl></div><div class='xr-var-data'><pre>array(0)</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-1804d1ba-fc27-436f-83d4-c74c5cab7586' class='xr-section-summary-in' type='checkbox'  ><label for='section-1804d1ba-fc27-436f-83d4-c74c5cab7586' class='xr-section-summary' >Indexes: <span>(2)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-index-name'><div>x</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-19046cac-1dc7-4b3f-92bb-3ab7937e270b' class='xr-index-data-in' type='checkbox'/><label for='index-19046cac-1dc7-4b3f-92bb-3ab7937e270b' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([ 7127054.890297374,  7127515.441309343,  7127975.992321312,\n",
       "        7128436.543333281,   7128897.09434525, 7129357.6453572195,\n",
       "        7129818.196369189,  7130278.747381158, 7130739.2983931275,\n",
       "        7131199.849405096,\n",
       "       ...\n",
       "        8124608.382222604,  8125068.933234573,  8125529.484246543,\n",
       "        8125990.035258512,  8126450.586270481,   8126911.13728245,\n",
       "        8127371.688294419,  8127832.239306388,  8128292.790318358,\n",
       "        8128753.341330327],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;x&#x27;, length=2176))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>y</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-2888684a-7e73-47c3-bbe2-bd9fcf95ad3f' class='xr-index-data-in' type='checkbox'/><label for='index-2888684a-7e73-47c3-bbe2-bd9fcf95ad3f' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([3503074.7796887592,   3502614.22867679,  3502153.677664821,\n",
       "       3501693.1266528517, 3501232.5756408824, 3500772.0246289135,\n",
       "        3500311.473616944,  3499850.922604975,  3499390.371593006,\n",
       "       3498929.8205810366,\n",
       "       ...\n",
       "       2825604.2410821044, 2825143.6900701355,  2824683.139058166,\n",
       "        2824222.588046197,  2823762.037034228, 2823301.4860222586,\n",
       "         2822840.93501029, 2822380.3839983204,  2821919.832986351,\n",
       "        2821459.281974382],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;y&#x27;, length=1481))</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-30cc1dfa-5cf1-4c37-aff0-3a775e834c4d' class='xr-section-summary-in' type='checkbox' disabled ><label for='section-30cc1dfa-5cf1-4c37-aff0-3a775e834c4d' class='xr-section-summary'  title='Expand/collapse section'>Attributes: <span>(0)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><dl class='xr-attrs'></dl></div></li></ul></div></div>"
      ],
      "text/plain": [
       "<xarray.DataArray 'built' (y: 1481, x: 2176)>\n",
       "array([[0, 0, 0, ..., 0, 0, 0],\n",
       "       [0, 0, 0, ..., 0, 0, 0],\n",
       "       [0, 0, 0, ..., 0, 0, 0],\n",
       "       ...,\n",
       "       [0, 0, 0, ..., 0, 0, 0],\n",
       "       [0, 0, 0, ..., 0, 0, 0],\n",
       "       [0, 0, 0, ..., 0, 0, 0]])\n",
       "Coordinates:\n",
       "  * x            (x) float64 7.127e+06 7.128e+06 ... 8.128e+06 8.129e+06\n",
       "  * y            (y) float64 3.503e+06 3.503e+06 ... 2.822e+06 2.821e+06\n",
       "    band         int64 1\n",
       "    spatial_ref  int64 0"
      ]
     },
     "execution_count": 46,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "builtup = xr.where(built_surfaces_prep>10., 1, 0, keep_attrs=True)\n",
    "builtup.rio.write_crs(\"epsg:3857\", inplace=True)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 47,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/vnd.jupyter.widget-view+json": {
       "model_id": "c445bdd57e284e7cb851d01f8ee007a4",
       "version_major": 2,
       "version_minor": 0
      },
      "text/plain": [
       "Map(center=[26.0, 68.0], controls=(ZoomControl(options=['position', 'zoom_in_text', 'zoom_in_title', 'zoom_out…"
      ]
     },
     "execution_count": 47,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import leafmap\n",
    "\n",
    "m = leafmap.Map(center=roi_extent.get_center(),\n",
    "                zoom=8, height=600)\n",
    "\n",
    "m.split_map(\n",
    "    builtup,\n",
    "    floods_aug_18,\n",
    "    left_args={\n",
    "        \"layer_name\": \"Built-Up\",\n",
    "        \"colormap\": \"Reds\",\n",
    "        \"nodata\": 0.,\n",
    "    },\n",
    "    left_label=\"Built-up presence\",\n",
    "    right_args={\n",
    "        \"layer_name\": \"Flood\",\n",
    "        \"colormap\": \"Blues\",\n",
    "        \"nodata\": 0,\n",
    "    },\n",
    "    right_label=\"Flooded area\"\n",
    ")\n",
    "m"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Predicting Rainfall\n",
    "\n",
    "The rainfall dataset provides information that can be used to predict flood risk for the following days. Unfortunately, the rainfall data comes in a different resolution and projection, hence the export uses an algorithm to match the rainfall data to the flood data.\n",
    "\n",
    "We will utilise the DEDL distributed processing platform again to perform the up-sampling algorithm developed by the University of Technology Vienna.\n",
    "\n",
    "The predicted rainfall accumulated on a $500\\,\\text{m}$ by $500\\,\\text{m}$ grid resolution is then calculated on DEDL, as follows:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 48,
   "metadata": {},
   "outputs": [],
   "source": [
    "def accum_rain_predictions(rain_data, startdate, enddate, extent):\n",
    "    rain_ = rain_data.sel(time=slice(startdate, enddate),\n",
    "                          latitude=slice(extent.max_y, extent.min_y),\n",
    "                          longitude=slice(extent.min_x, extent.max_x))\n",
    "    return rain_.cumsum(dim=\"time\", keep_attrs=True)*1000"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 49,
   "metadata": {},
   "outputs": [],
   "source": [
    "from datetime import datetime\n",
    "acc_rain_ = accum_rain_predictions(predicted_rain, startdate=datetime(2022, 8, 18),\n",
    "                                                  enddate=datetime(2022, 8, 30),\n",
    "                                                  extent=roi_extent)\n",
    "acc_rain_ = acc_rain_.rename({\"longitude\":\"x\", \"latitude\":\"y\"})"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 50,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "        <iframe\n",
       "            width=\"100%\"\n",
       "            height=\"800\"\n",
       "            src=\"http://dask.lumi.data.destination-earth.eu/clusters/dask-gateway.e3a9d09225b34feba6c573bcf87be438/status\"\n",
       "            frameborder=\"0\"\n",
       "            allowfullscreen\n",
       "            \n",
       "        ></iframe>\n",
       "        "
      ],
      "text/plain": [
       "<IPython.lib.display.IFrame at 0x7f008d258f90>"
      ]
     },
     "execution_count": 50,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from IPython import display\n",
    "CENTRAL_DASHBOARD_URL = myDEDLClusters.cluster[\"lumi\"].dashboard_link\n",
    "display.IFrame(CENTRAL_DASHBOARD_URL, width=\"100%\", height=800)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 51,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"icon-database\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M16 0c-8.837 0-16 2.239-16 5v4c0 2.761 7.163 5 16 5s16-2.239 16-5v-4c0-2.761-7.163-5-16-5z\"></path>\n",
       "<path d=\"M16 17c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "<path d=\"M16 26c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "</symbol>\n",
       "<symbol id=\"icon-file-text2\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M28.681 7.159c-0.694-0.947-1.662-2.053-2.724-3.116s-2.169-2.030-3.116-2.724c-1.612-1.182-2.393-1.319-2.841-1.319h-15.5c-1.378 0-2.5 1.121-2.5 2.5v27c0 1.378 1.122 2.5 2.5 2.5h23c1.378 0 2.5-1.122 2.5-2.5v-19.5c0-0.448-0.137-1.23-1.319-2.841zM24.543 5.457c0.959 0.959 1.712 1.825 2.268 2.543h-4.811v-4.811c0.718 0.556 1.584 1.309 2.543 2.268zM28 29.5c0 0.271-0.229 0.5-0.5 0.5h-23c-0.271 0-0.5-0.229-0.5-0.5v-27c0-0.271 0.229-0.5 0.5-0.5 0 0 15.499-0 15.5 0v7c0 0.552 0.448 1 1 1h7v19.5z\"></path>\n",
       "<path d=\"M23 26h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 22h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 18h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "</symbol>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying xarray objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --xr-font-color0: var(--jp-content-font-color0, rgba(0, 0, 0, 1));\n",
       "  --xr-font-color2: var(--jp-content-font-color2, rgba(0, 0, 0, 0.54));\n",
       "  --xr-font-color3: var(--jp-content-font-color3, rgba(0, 0, 0, 0.38));\n",
       "  --xr-border-color: var(--jp-border-color2, #e0e0e0);\n",
       "  --xr-disabled-color: var(--jp-layout-color3, #bdbdbd);\n",
       "  --xr-background-color: var(--jp-layout-color0, white);\n",
       "  --xr-background-color-row-even: var(--jp-layout-color1, white);\n",
       "  --xr-background-color-row-odd: var(--jp-layout-color2, #eeeeee);\n",
       "}\n",
       "\n",
       "html[theme=dark],\n",
       "body[data-theme=dark],\n",
       "body.vscode-dark {\n",
       "  --xr-font-color0: rgba(255, 255, 255, 1);\n",
       "  --xr-font-color2: rgba(255, 255, 255, 0.54);\n",
       "  --xr-font-color3: rgba(255, 255, 255, 0.38);\n",
       "  --xr-border-color: #1F1F1F;\n",
       "  --xr-disabled-color: #515151;\n",
       "  --xr-background-color: #111111;\n",
       "  --xr-background-color-row-even: #111111;\n",
       "  --xr-background-color-row-odd: #313131;\n",
       "}\n",
       "\n",
       ".xr-wrap {\n",
       "  display: block !important;\n",
       "  min-width: 300px;\n",
       "  max-width: 700px;\n",
       "}\n",
       "\n",
       ".xr-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-header {\n",
       "  padding-top: 6px;\n",
       "  padding-bottom: 6px;\n",
       "  margin-bottom: 4px;\n",
       "  border-bottom: solid 1px var(--xr-border-color);\n",
       "}\n",
       "\n",
       ".xr-header > div,\n",
       ".xr-header > ul {\n",
       "  display: inline;\n",
       "  margin-top: 0;\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-obj-type,\n",
       ".xr-array-name {\n",
       "  margin-left: 2px;\n",
       "  margin-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-obj-type {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-sections {\n",
       "  padding-left: 0 !important;\n",
       "  display: grid;\n",
       "  grid-template-columns: 150px auto auto 1fr 20px 20px;\n",
       "}\n",
       "\n",
       ".xr-section-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-section-item input {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-item input + label {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label {\n",
       "  cursor: pointer;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label:hover {\n",
       "  color: var(--xr-font-color0);\n",
       "}\n",
       "\n",
       ".xr-section-summary {\n",
       "  grid-column: 1;\n",
       "  color: var(--xr-font-color2);\n",
       "  font-weight: 500;\n",
       "}\n",
       "\n",
       ".xr-section-summary > span {\n",
       "  display: inline-block;\n",
       "  padding-left: 0.5em;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in + label:before {\n",
       "  display: inline-block;\n",
       "  content: '►';\n",
       "  font-size: 11px;\n",
       "  width: 15px;\n",
       "  text-align: center;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label:before {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label:before {\n",
       "  content: '▼';\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label > span {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-summary,\n",
       ".xr-section-inline-details {\n",
       "  padding-top: 4px;\n",
       "  padding-bottom: 4px;\n",
       "}\n",
       "\n",
       ".xr-section-inline-details {\n",
       "  grid-column: 2 / -1;\n",
       "}\n",
       "\n",
       ".xr-section-details {\n",
       "  display: none;\n",
       "  grid-column: 1 / -1;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked ~ .xr-section-details {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-array-wrap {\n",
       "  grid-column: 1 / -1;\n",
       "  display: grid;\n",
       "  grid-template-columns: 20px auto;\n",
       "}\n",
       "\n",
       ".xr-array-wrap > label {\n",
       "  grid-column: 1;\n",
       "  vertical-align: top;\n",
       "}\n",
       "\n",
       ".xr-preview {\n",
       "  color: var(--xr-font-color3);\n",
       "}\n",
       "\n",
       ".xr-array-preview,\n",
       ".xr-array-data {\n",
       "  padding: 0 5px !important;\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-array-data,\n",
       ".xr-array-in:checked ~ .xr-array-preview {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-array-in:checked ~ .xr-array-data,\n",
       ".xr-array-preview {\n",
       "  display: inline-block;\n",
       "}\n",
       "\n",
       ".xr-dim-list {\n",
       "  display: inline-block !important;\n",
       "  list-style: none;\n",
       "  padding: 0 !important;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list li {\n",
       "  display: inline-block;\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list:before {\n",
       "  content: '(';\n",
       "}\n",
       "\n",
       ".xr-dim-list:after {\n",
       "  content: ')';\n",
       "}\n",
       "\n",
       ".xr-dim-list li:not(:last-child):after {\n",
       "  content: ',';\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-has-index {\n",
       "  font-weight: bold;\n",
       "}\n",
       "\n",
       ".xr-var-list,\n",
       ".xr-var-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-var-item > div,\n",
       ".xr-var-item label,\n",
       ".xr-var-item > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-even);\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-var-item > .xr-var-name:hover span {\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-var-list > li:nth-child(odd) > div,\n",
       ".xr-var-list > li:nth-child(odd) > label,\n",
       ".xr-var-list > li:nth-child(odd) > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-odd);\n",
       "}\n",
       "\n",
       ".xr-var-name {\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-var-dims {\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-var-dtype {\n",
       "  grid-column: 3;\n",
       "  text-align: right;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-preview {\n",
       "  grid-column: 4;\n",
       "}\n",
       "\n",
       ".xr-index-preview {\n",
       "  grid-column: 2 / 5;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-name,\n",
       ".xr-var-dims,\n",
       ".xr-var-dtype,\n",
       ".xr-preview,\n",
       ".xr-attrs dt {\n",
       "  white-space: nowrap;\n",
       "  overflow: hidden;\n",
       "  text-overflow: ellipsis;\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-var-name:hover,\n",
       ".xr-var-dims:hover,\n",
       ".xr-var-dtype:hover,\n",
       ".xr-attrs dt:hover {\n",
       "  overflow: visible;\n",
       "  width: auto;\n",
       "  z-index: 1;\n",
       "}\n",
       "\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  display: none;\n",
       "  background-color: var(--xr-background-color) !important;\n",
       "  padding-bottom: 5px !important;\n",
       "}\n",
       "\n",
       ".xr-var-attrs-in:checked ~ .xr-var-attrs,\n",
       ".xr-var-data-in:checked ~ .xr-var-data,\n",
       ".xr-index-data-in:checked ~ .xr-index-data {\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".xr-var-data > table {\n",
       "  float: right;\n",
       "}\n",
       "\n",
       ".xr-var-name span,\n",
       ".xr-var-data,\n",
       ".xr-index-name div,\n",
       ".xr-index-data,\n",
       ".xr-attrs {\n",
       "  padding-left: 25px !important;\n",
       "}\n",
       "\n",
       ".xr-attrs,\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  grid-column: 1 / -1;\n",
       "}\n",
       "\n",
       "dl.xr-attrs {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  display: grid;\n",
       "  grid-template-columns: 125px auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt,\n",
       ".xr-attrs dd {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  float: left;\n",
       "  padding-right: 10px;\n",
       "  width: auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt {\n",
       "  font-weight: normal;\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-attrs dt:hover span {\n",
       "  display: inline-block;\n",
       "  background: var(--xr-background-color);\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-attrs dd {\n",
       "  grid-column: 2;\n",
       "  white-space: pre-wrap;\n",
       "  word-break: break-all;\n",
       "}\n",
       "\n",
       ".xr-icon-database,\n",
       ".xr-icon-file-text2,\n",
       ".xr-no-icon {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "</style><pre class='xr-text-repr-fallback'>&lt;xarray.DataArray &#x27;tp&#x27; (time: 13, y: 100, x: 60)&gt;\n",
       "array([[[   1.9218922,    2.7789176,    4.2046757, ...,  303.4271   ,\n",
       "          201.76657  ,  100.00588  ],\n",
       "        [   2.0810513,    3.176138 ,    4.809141 , ...,  313.12192  ,\n",
       "          210.4859   ,  114.228035 ],\n",
       "        [   2.2325814,    3.3284874,    4.877761 , ...,  303.82306  ,\n",
       "          218.73361  ,  116.68747  ],\n",
       "        ...,\n",
       "        [   0.       ,    0.       ,    0.       , ...,   64.19965  ,\n",
       "           56.426964 ,   47.536507 ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,   63.630848 ,\n",
       "           55.63886  ,   46.027344 ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,   62.452614 ,\n",
       "           55.57316  ,   45.129627 ]],\n",
       "\n",
       "       [[  86.12288  ,  103.37465  ,  126.80559  , ...,  324.5759   ,\n",
       "          219.01044  ,  111.71319  ],\n",
       "        [ 140.87856  ,  163.8928   ,  187.63046  , ...,  333.36142  ,\n",
       "          224.93846  ,  122.97727  ],\n",
       "        [ 173.70515  ,  196.69176  ,  220.34636  , ...,  322.17194  ,\n",
       "          231.06586  ,  123.02082  ],\n",
       "...\n",
       "        [   0.       ,    0.       ,    0.       , ...,  339.2695   ,\n",
       "          310.90863  ,  286.1812   ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,  346.83026  ,\n",
       "          314.5548   ,  284.57404  ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,  354.30478  ,\n",
       "          322.8981   ,  286.83905  ]],\n",
       "\n",
       "       [[ 190.3637   ,  192.50722  ,  210.69632  , ..., 1009.1034   ,\n",
       "          811.88477  ,  637.9406   ],\n",
       "        [ 265.48557  ,  267.35254  ,  295.96237  , ...,  965.1231   ,\n",
       "          793.44586  ,  628.0576   ],\n",
       "        [ 315.63858  ,  317.7505   ,  342.20892  , ...,  955.95166  ,\n",
       "          807.0945   ,  639.3161   ],\n",
       "        ...,\n",
       "        [   0.       ,    0.       ,    0.       , ...,  342.00742  ,\n",
       "          316.93228  ,  298.35175  ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,  348.35513  ,\n",
       "          316.83118  ,  290.46652  ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,  355.25458  ,\n",
       "          324.16232  ,  288.8078   ]]], dtype=float32)\n",
       "Coordinates:\n",
       "  * y        (y) float64 30.9 30.8 30.7 30.6 30.5 ... 21.4 21.3 21.2 21.1 21.0\n",
       "  * x        (x) float64 65.1 65.2 65.3 65.4 65.5 ... 70.6 70.7 70.8 70.9 71.0\n",
       "  * time     (time) datetime64[ns] 2022-08-18 2022-08-19 ... 2022-08-30\n",
       "Attributes:\n",
       "    location:  lumi</pre><div class='xr-wrap' style='display:none'><div class='xr-header'><div class='xr-obj-type'>xarray.DataArray</div><div class='xr-array-name'>'tp'</div><ul class='xr-dim-list'><li><span class='xr-has-index'>time</span>: 13</li><li><span class='xr-has-index'>y</span>: 100</li><li><span class='xr-has-index'>x</span>: 60</li></ul></div><ul class='xr-sections'><li class='xr-section-item'><div class='xr-array-wrap'><input id='section-599009bd-0989-4c64-ba65-135fc5d44cb3' class='xr-array-in' type='checkbox' checked><label for='section-599009bd-0989-4c64-ba65-135fc5d44cb3' title='Show/hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-array-preview xr-preview'><span>1.922 2.779 4.205 6.949 9.055 10.59 ... 390.8 372.3 355.3 324.2 288.8</span></div><div class='xr-array-data'><pre>array([[[   1.9218922,    2.7789176,    4.2046757, ...,  303.4271   ,\n",
       "          201.76657  ,  100.00588  ],\n",
       "        [   2.0810513,    3.176138 ,    4.809141 , ...,  313.12192  ,\n",
       "          210.4859   ,  114.228035 ],\n",
       "        [   2.2325814,    3.3284874,    4.877761 , ...,  303.82306  ,\n",
       "          218.73361  ,  116.68747  ],\n",
       "        ...,\n",
       "        [   0.       ,    0.       ,    0.       , ...,   64.19965  ,\n",
       "           56.426964 ,   47.536507 ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,   63.630848 ,\n",
       "           55.63886  ,   46.027344 ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,   62.452614 ,\n",
       "           55.57316  ,   45.129627 ]],\n",
       "\n",
       "       [[  86.12288  ,  103.37465  ,  126.80559  , ...,  324.5759   ,\n",
       "          219.01044  ,  111.71319  ],\n",
       "        [ 140.87856  ,  163.8928   ,  187.63046  , ...,  333.36142  ,\n",
       "          224.93846  ,  122.97727  ],\n",
       "        [ 173.70515  ,  196.69176  ,  220.34636  , ...,  322.17194  ,\n",
       "          231.06586  ,  123.02082  ],\n",
       "...\n",
       "        [   0.       ,    0.       ,    0.       , ...,  339.2695   ,\n",
       "          310.90863  ,  286.1812   ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,  346.83026  ,\n",
       "          314.5548   ,  284.57404  ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,  354.30478  ,\n",
       "          322.8981   ,  286.83905  ]],\n",
       "\n",
       "       [[ 190.3637   ,  192.50722  ,  210.69632  , ..., 1009.1034   ,\n",
       "          811.88477  ,  637.9406   ],\n",
       "        [ 265.48557  ,  267.35254  ,  295.96237  , ...,  965.1231   ,\n",
       "          793.44586  ,  628.0576   ],\n",
       "        [ 315.63858  ,  317.7505   ,  342.20892  , ...,  955.95166  ,\n",
       "          807.0945   ,  639.3161   ],\n",
       "        ...,\n",
       "        [   0.       ,    0.       ,    0.       , ...,  342.00742  ,\n",
       "          316.93228  ,  298.35175  ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,  348.35513  ,\n",
       "          316.83118  ,  290.46652  ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,  355.25458  ,\n",
       "          324.16232  ,  288.8078   ]]], dtype=float32)</pre></div></div></li><li class='xr-section-item'><input id='section-a25cb55a-c065-4422-84cd-30444690a4ac' class='xr-section-summary-in' type='checkbox'  checked><label for='section-a25cb55a-c065-4422-84cd-30444690a4ac' class='xr-section-summary' >Coordinates: <span>(3)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>y</span></div><div class='xr-var-dims'>(y)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>30.9 30.8 30.7 ... 21.2 21.1 21.0</div><input id='attrs-514ad875-c430-4773-945a-fba38d6e4d4d' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-514ad875-c430-4773-945a-fba38d6e4d4d' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-c6569406-4172-4fb6-9efb-d1ba73066b88' class='xr-var-data-in' type='checkbox'><label for='data-c6569406-4172-4fb6-9efb-d1ba73066b88' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([30.9, 30.8, 30.7, 30.6, 30.5, 30.4, 30.3, 30.2, 30.1, 30. , 29.9, 29.8,\n",
       "       29.7, 29.6, 29.5, 29.4, 29.3, 29.2, 29.1, 29. , 28.9, 28.8, 28.7, 28.6,\n",
       "       28.5, 28.4, 28.3, 28.2, 28.1, 28. , 27.9, 27.8, 27.7, 27.6, 27.5, 27.4,\n",
       "       27.3, 27.2, 27.1, 27. , 26.9, 26.8, 26.7, 26.6, 26.5, 26.4, 26.3, 26.2,\n",
       "       26.1, 26. , 25.9, 25.8, 25.7, 25.6, 25.5, 25.4, 25.3, 25.2, 25.1, 25. ,\n",
       "       24.9, 24.8, 24.7, 24.6, 24.5, 24.4, 24.3, 24.2, 24.1, 24. , 23.9, 23.8,\n",
       "       23.7, 23.6, 23.5, 23.4, 23.3, 23.2, 23.1, 23. , 22.9, 22.8, 22.7, 22.6,\n",
       "       22.5, 22.4, 22.3, 22.2, 22.1, 22. , 21.9, 21.8, 21.7, 21.6, 21.5, 21.4,\n",
       "       21.3, 21.2, 21.1, 21. ])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>x</span></div><div class='xr-var-dims'>(x)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>65.1 65.2 65.3 ... 70.8 70.9 71.0</div><input id='attrs-fe118429-566b-4cd3-8231-4d4ac85df73d' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-fe118429-566b-4cd3-8231-4d4ac85df73d' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-47ea4e19-54e0-49b5-bff1-efe996dfd526' class='xr-var-data-in' type='checkbox'><label for='data-47ea4e19-54e0-49b5-bff1-efe996dfd526' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([65.1, 65.2, 65.3, 65.4, 65.5, 65.6, 65.7, 65.8, 65.9, 66. , 66.1, 66.2,\n",
       "       66.3, 66.4, 66.5, 66.6, 66.7, 66.8, 66.9, 67. , 67.1, 67.2, 67.3, 67.4,\n",
       "       67.5, 67.6, 67.7, 67.8, 67.9, 68. , 68.1, 68.2, 68.3, 68.4, 68.5, 68.6,\n",
       "       68.7, 68.8, 68.9, 69. , 69.1, 69.2, 69.3, 69.4, 69.5, 69.6, 69.7, 69.8,\n",
       "       69.9, 70. , 70.1, 70.2, 70.3, 70.4, 70.5, 70.6, 70.7, 70.8, 70.9, 71. ])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>time</span></div><div class='xr-var-dims'>(time)</div><div class='xr-var-dtype'>datetime64[ns]</div><div class='xr-var-preview xr-preview'>2022-08-18 ... 2022-08-30</div><input id='attrs-ec5ca3dd-bd5a-437e-ad6a-c25e0d497955' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-ec5ca3dd-bd5a-437e-ad6a-c25e0d497955' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-d312170c-ad28-4fee-89de-9b51df44c34c' class='xr-var-data-in' type='checkbox'><label for='data-d312170c-ad28-4fee-89de-9b51df44c34c' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([&#x27;2022-08-18T00:00:00.000000000&#x27;, &#x27;2022-08-19T00:00:00.000000000&#x27;,\n",
       "       &#x27;2022-08-20T00:00:00.000000000&#x27;, &#x27;2022-08-21T00:00:00.000000000&#x27;,\n",
       "       &#x27;2022-08-22T00:00:00.000000000&#x27;, &#x27;2022-08-23T00:00:00.000000000&#x27;,\n",
       "       &#x27;2022-08-24T00:00:00.000000000&#x27;, &#x27;2022-08-25T00:00:00.000000000&#x27;,\n",
       "       &#x27;2022-08-26T00:00:00.000000000&#x27;, &#x27;2022-08-27T00:00:00.000000000&#x27;,\n",
       "       &#x27;2022-08-28T00:00:00.000000000&#x27;, &#x27;2022-08-29T00:00:00.000000000&#x27;,\n",
       "       &#x27;2022-08-30T00:00:00.000000000&#x27;], dtype=&#x27;datetime64[ns]&#x27;)</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-b555496d-4f28-4ba1-b5cd-39ef5e1a1517' class='xr-section-summary-in' type='checkbox'  ><label for='section-b555496d-4f28-4ba1-b5cd-39ef5e1a1517' class='xr-section-summary' >Indexes: <span>(3)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-index-name'><div>y</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-f70b678a-7464-4cd1-8ec3-456a454fb762' class='xr-index-data-in' type='checkbox'/><label for='index-f70b678a-7464-4cd1-8ec3-456a454fb762' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([ 30.90000000000336, 30.800000000003365,  30.70000000000337,\n",
       "       30.600000000003376, 30.500000000003382, 30.400000000003388,\n",
       "       30.300000000003394,   30.2000000000034, 30.100000000003405,\n",
       "        30.00000000000341, 29.900000000003416, 29.800000000003422,\n",
       "       29.700000000003428, 29.600000000003433,  29.50000000000344,\n",
       "       29.400000000003445,  29.30000000000345, 29.200000000003456,\n",
       "        29.10000000000346, 29.000000000003467, 28.900000000003473,\n",
       "        28.80000000000348, 28.700000000003485,  28.60000000000349,\n",
       "       28.500000000003496,   28.4000000000035, 28.300000000003507,\n",
       "       28.200000000003513,  28.10000000000352, 28.000000000003524,\n",
       "        27.90000000000353, 27.800000000003536,  27.70000000000354,\n",
       "       27.600000000003547, 27.500000000003553,  27.40000000000356,\n",
       "       27.300000000003564,  27.20000000000357, 27.100000000003575,\n",
       "        27.00000000000358, 26.900000000003587, 26.800000000003593,\n",
       "       26.700000000003598, 26.600000000003604,  26.50000000000361,\n",
       "       26.400000000003615,  26.30000000000362, 26.200000000003627,\n",
       "       26.100000000003632, 26.000000000003638, 25.900000000003644,\n",
       "        25.80000000000365, 25.700000000003655,  25.60000000000366,\n",
       "       25.500000000003666, 25.400000000003672, 25.300000000003678,\n",
       "       25.200000000003683,  25.10000000000369, 25.000000000003695,\n",
       "         24.9000000000037, 24.800000000003706, 24.700000000003712,\n",
       "       24.600000000003718, 24.500000000003723,  24.40000000000373,\n",
       "       24.300000000003735,  24.20000000000374, 24.100000000003746,\n",
       "        24.00000000000375, 23.900000000003757, 23.800000000003763,\n",
       "        23.70000000000377, 23.600000000003774,  23.50000000000378,\n",
       "       23.400000000003786,  23.30000000000379, 23.200000000003797,\n",
       "       23.100000000003803,  23.00000000000381, 22.900000000003814,\n",
       "        22.80000000000382, 22.700000000003826,  22.60000000000383,\n",
       "       22.500000000003837, 22.400000000003843,  22.30000000000385,\n",
       "       22.200000000003854,  22.10000000000386, 22.000000000003865,\n",
       "        21.90000000000387, 21.800000000003877, 21.700000000003882,\n",
       "       21.600000000003888, 21.500000000003894,   21.4000000000039,\n",
       "       21.300000000003905,  21.20000000000391, 21.100000000003917,\n",
       "       21.000000000003922],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;y&#x27;))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>x</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-1603e99e-e2bf-4240-b2e8-0cd5f72e7d1f' class='xr-index-data-in' type='checkbox'/><label for='index-1603e99e-e2bf-4240-b2e8-0cd5f72e7d1f' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([65.09999999998607, 65.19999999998606, 65.29999999998606,\n",
       "       65.39999999998605, 65.49999999998604, 65.59999999998604,\n",
       "       65.69999999998603, 65.79999999998603, 65.89999999998602,\n",
       "       65.99999999998602, 66.09999999998601,   66.199999999986,\n",
       "         66.299999999986,   66.399999999986, 66.49999999998599,\n",
       "       66.59999999998598, 66.69999999998598, 66.79999999998597,\n",
       "       66.89999999998597, 66.99999999998596, 67.09999999998595,\n",
       "       67.19999999998595, 67.29999999998594, 67.39999999998594,\n",
       "       67.49999999998593, 67.59999999998593, 67.69999999998592,\n",
       "       67.79999999998591, 67.89999999998591,  67.9999999999859,\n",
       "        68.0999999999859, 68.19999999998589, 68.29999999998589,\n",
       "       68.39999999998588, 68.49999999998587, 68.59999999998587,\n",
       "       68.69999999998586, 68.79999999998586, 68.89999999998585,\n",
       "       68.99999999998585, 69.09999999998584, 69.19999999998583,\n",
       "       69.29999999998583, 69.39999999998582, 69.49999999998582,\n",
       "       69.59999999998581,  69.6999999999858,  69.7999999999858,\n",
       "        69.8999999999858, 69.99999999998579, 70.09999999998578,\n",
       "       70.19999999998578, 70.29999999998577, 70.39999999998577,\n",
       "       70.49999999998576, 70.59999999998576, 70.69999999998575,\n",
       "       70.79999999998574, 70.89999999998574, 70.99999999998573],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;x&#x27;))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>time</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-81bb66a5-63b8-418d-ac1d-5d9d845440c6' class='xr-index-data-in' type='checkbox'/><label for='index-81bb66a5-63b8-418d-ac1d-5d9d845440c6' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(DatetimeIndex([&#x27;2022-08-18&#x27;, &#x27;2022-08-19&#x27;, &#x27;2022-08-20&#x27;, &#x27;2022-08-21&#x27;,\n",
       "               &#x27;2022-08-22&#x27;, &#x27;2022-08-23&#x27;, &#x27;2022-08-24&#x27;, &#x27;2022-08-25&#x27;,\n",
       "               &#x27;2022-08-26&#x27;, &#x27;2022-08-27&#x27;, &#x27;2022-08-28&#x27;, &#x27;2022-08-29&#x27;,\n",
       "               &#x27;2022-08-30&#x27;],\n",
       "              dtype=&#x27;datetime64[ns]&#x27;, name=&#x27;time&#x27;, freq=None))</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-894fb4b5-d076-4418-8172-9d10d31bb741' class='xr-section-summary-in' type='checkbox'  checked><label for='section-894fb4b5-d076-4418-8172-9d10d31bb741' class='xr-section-summary' >Attributes: <span>(1)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><dl class='xr-attrs'><dt><span>location :</span></dt><dd>lumi</dd></dl></div></li></ul></div></div>"
      ],
      "text/plain": [
       "<xarray.DataArray 'tp' (time: 13, y: 100, x: 60)>\n",
       "array([[[   1.9218922,    2.7789176,    4.2046757, ...,  303.4271   ,\n",
       "          201.76657  ,  100.00588  ],\n",
       "        [   2.0810513,    3.176138 ,    4.809141 , ...,  313.12192  ,\n",
       "          210.4859   ,  114.228035 ],\n",
       "        [   2.2325814,    3.3284874,    4.877761 , ...,  303.82306  ,\n",
       "          218.73361  ,  116.68747  ],\n",
       "        ...,\n",
       "        [   0.       ,    0.       ,    0.       , ...,   64.19965  ,\n",
       "           56.426964 ,   47.536507 ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,   63.630848 ,\n",
       "           55.63886  ,   46.027344 ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,   62.452614 ,\n",
       "           55.57316  ,   45.129627 ]],\n",
       "\n",
       "       [[  86.12288  ,  103.37465  ,  126.80559  , ...,  324.5759   ,\n",
       "          219.01044  ,  111.71319  ],\n",
       "        [ 140.87856  ,  163.8928   ,  187.63046  , ...,  333.36142  ,\n",
       "          224.93846  ,  122.97727  ],\n",
       "        [ 173.70515  ,  196.69176  ,  220.34636  , ...,  322.17194  ,\n",
       "          231.06586  ,  123.02082  ],\n",
       "...\n",
       "        [   0.       ,    0.       ,    0.       , ...,  339.2695   ,\n",
       "          310.90863  ,  286.1812   ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,  346.83026  ,\n",
       "          314.5548   ,  284.57404  ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,  354.30478  ,\n",
       "          322.8981   ,  286.83905  ]],\n",
       "\n",
       "       [[ 190.3637   ,  192.50722  ,  210.69632  , ..., 1009.1034   ,\n",
       "          811.88477  ,  637.9406   ],\n",
       "        [ 265.48557  ,  267.35254  ,  295.96237  , ...,  965.1231   ,\n",
       "          793.44586  ,  628.0576   ],\n",
       "        [ 315.63858  ,  317.7505   ,  342.20892  , ...,  955.95166  ,\n",
       "          807.0945   ,  639.3161   ],\n",
       "        ...,\n",
       "        [   0.       ,    0.       ,    0.       , ...,  342.00742  ,\n",
       "          316.93228  ,  298.35175  ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,  348.35513  ,\n",
       "          316.83118  ,  290.46652  ],\n",
       "        [   0.       ,    0.       ,    0.       , ...,  355.25458  ,\n",
       "          324.16232  ,  288.8078   ]]], dtype=float32)\n",
       "Coordinates:\n",
       "  * y        (y) float64 30.9 30.8 30.7 30.6 30.5 ... 21.4 21.3 21.2 21.1 21.0\n",
       "  * x        (x) float64 65.1 65.2 65.3 65.4 65.5 ... 70.6 70.7 70.8 70.9 71.0\n",
       "  * time     (time) datetime64[ns] 2022-08-18 2022-08-19 ... 2022-08-30\n",
       "Attributes:\n",
       "    location:  lumi"
      ]
     },
     "execution_count": 51,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "acc_rain = myDEDLClusters.compute(acc_rain_, sync=True)\n",
    "acc_rain"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 52,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"icon-database\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M16 0c-8.837 0-16 2.239-16 5v4c0 2.761 7.163 5 16 5s16-2.239 16-5v-4c0-2.761-7.163-5-16-5z\"></path>\n",
       "<path d=\"M16 17c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "<path d=\"M16 26c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "</symbol>\n",
       "<symbol id=\"icon-file-text2\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M28.681 7.159c-0.694-0.947-1.662-2.053-2.724-3.116s-2.169-2.030-3.116-2.724c-1.612-1.182-2.393-1.319-2.841-1.319h-15.5c-1.378 0-2.5 1.121-2.5 2.5v27c0 1.378 1.122 2.5 2.5 2.5h23c1.378 0 2.5-1.122 2.5-2.5v-19.5c0-0.448-0.137-1.23-1.319-2.841zM24.543 5.457c0.959 0.959 1.712 1.825 2.268 2.543h-4.811v-4.811c0.718 0.556 1.584 1.309 2.543 2.268zM28 29.5c0 0.271-0.229 0.5-0.5 0.5h-23c-0.271 0-0.5-0.229-0.5-0.5v-27c0-0.271 0.229-0.5 0.5-0.5 0 0 15.499-0 15.5 0v7c0 0.552 0.448 1 1 1h7v19.5z\"></path>\n",
       "<path d=\"M23 26h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 22h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 18h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "</symbol>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying xarray objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --xr-font-color0: var(--jp-content-font-color0, rgba(0, 0, 0, 1));\n",
       "  --xr-font-color2: var(--jp-content-font-color2, rgba(0, 0, 0, 0.54));\n",
       "  --xr-font-color3: var(--jp-content-font-color3, rgba(0, 0, 0, 0.38));\n",
       "  --xr-border-color: var(--jp-border-color2, #e0e0e0);\n",
       "  --xr-disabled-color: var(--jp-layout-color3, #bdbdbd);\n",
       "  --xr-background-color: var(--jp-layout-color0, white);\n",
       "  --xr-background-color-row-even: var(--jp-layout-color1, white);\n",
       "  --xr-background-color-row-odd: var(--jp-layout-color2, #eeeeee);\n",
       "}\n",
       "\n",
       "html[theme=dark],\n",
       "body[data-theme=dark],\n",
       "body.vscode-dark {\n",
       "  --xr-font-color0: rgba(255, 255, 255, 1);\n",
       "  --xr-font-color2: rgba(255, 255, 255, 0.54);\n",
       "  --xr-font-color3: rgba(255, 255, 255, 0.38);\n",
       "  --xr-border-color: #1F1F1F;\n",
       "  --xr-disabled-color: #515151;\n",
       "  --xr-background-color: #111111;\n",
       "  --xr-background-color-row-even: #111111;\n",
       "  --xr-background-color-row-odd: #313131;\n",
       "}\n",
       "\n",
       ".xr-wrap {\n",
       "  display: block !important;\n",
       "  min-width: 300px;\n",
       "  max-width: 700px;\n",
       "}\n",
       "\n",
       ".xr-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-header {\n",
       "  padding-top: 6px;\n",
       "  padding-bottom: 6px;\n",
       "  margin-bottom: 4px;\n",
       "  border-bottom: solid 1px var(--xr-border-color);\n",
       "}\n",
       "\n",
       ".xr-header > div,\n",
       ".xr-header > ul {\n",
       "  display: inline;\n",
       "  margin-top: 0;\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-obj-type,\n",
       ".xr-array-name {\n",
       "  margin-left: 2px;\n",
       "  margin-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-obj-type {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-sections {\n",
       "  padding-left: 0 !important;\n",
       "  display: grid;\n",
       "  grid-template-columns: 150px auto auto 1fr 20px 20px;\n",
       "}\n",
       "\n",
       ".xr-section-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-section-item input {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-item input + label {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label {\n",
       "  cursor: pointer;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label:hover {\n",
       "  color: var(--xr-font-color0);\n",
       "}\n",
       "\n",
       ".xr-section-summary {\n",
       "  grid-column: 1;\n",
       "  color: var(--xr-font-color2);\n",
       "  font-weight: 500;\n",
       "}\n",
       "\n",
       ".xr-section-summary > span {\n",
       "  display: inline-block;\n",
       "  padding-left: 0.5em;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in + label:before {\n",
       "  display: inline-block;\n",
       "  content: '►';\n",
       "  font-size: 11px;\n",
       "  width: 15px;\n",
       "  text-align: center;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label:before {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label:before {\n",
       "  content: '▼';\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label > span {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-summary,\n",
       ".xr-section-inline-details {\n",
       "  padding-top: 4px;\n",
       "  padding-bottom: 4px;\n",
       "}\n",
       "\n",
       ".xr-section-inline-details {\n",
       "  grid-column: 2 / -1;\n",
       "}\n",
       "\n",
       ".xr-section-details {\n",
       "  display: none;\n",
       "  grid-column: 1 / -1;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked ~ .xr-section-details {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-array-wrap {\n",
       "  grid-column: 1 / -1;\n",
       "  display: grid;\n",
       "  grid-template-columns: 20px auto;\n",
       "}\n",
       "\n",
       ".xr-array-wrap > label {\n",
       "  grid-column: 1;\n",
       "  vertical-align: top;\n",
       "}\n",
       "\n",
       ".xr-preview {\n",
       "  color: var(--xr-font-color3);\n",
       "}\n",
       "\n",
       ".xr-array-preview,\n",
       ".xr-array-data {\n",
       "  padding: 0 5px !important;\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-array-data,\n",
       ".xr-array-in:checked ~ .xr-array-preview {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-array-in:checked ~ .xr-array-data,\n",
       ".xr-array-preview {\n",
       "  display: inline-block;\n",
       "}\n",
       "\n",
       ".xr-dim-list {\n",
       "  display: inline-block !important;\n",
       "  list-style: none;\n",
       "  padding: 0 !important;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list li {\n",
       "  display: inline-block;\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list:before {\n",
       "  content: '(';\n",
       "}\n",
       "\n",
       ".xr-dim-list:after {\n",
       "  content: ')';\n",
       "}\n",
       "\n",
       ".xr-dim-list li:not(:last-child):after {\n",
       "  content: ',';\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-has-index {\n",
       "  font-weight: bold;\n",
       "}\n",
       "\n",
       ".xr-var-list,\n",
       ".xr-var-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-var-item > div,\n",
       ".xr-var-item label,\n",
       ".xr-var-item > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-even);\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-var-item > .xr-var-name:hover span {\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-var-list > li:nth-child(odd) > div,\n",
       ".xr-var-list > li:nth-child(odd) > label,\n",
       ".xr-var-list > li:nth-child(odd) > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-odd);\n",
       "}\n",
       "\n",
       ".xr-var-name {\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-var-dims {\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-var-dtype {\n",
       "  grid-column: 3;\n",
       "  text-align: right;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-preview {\n",
       "  grid-column: 4;\n",
       "}\n",
       "\n",
       ".xr-index-preview {\n",
       "  grid-column: 2 / 5;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-name,\n",
       ".xr-var-dims,\n",
       ".xr-var-dtype,\n",
       ".xr-preview,\n",
       ".xr-attrs dt {\n",
       "  white-space: nowrap;\n",
       "  overflow: hidden;\n",
       "  text-overflow: ellipsis;\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-var-name:hover,\n",
       ".xr-var-dims:hover,\n",
       ".xr-var-dtype:hover,\n",
       ".xr-attrs dt:hover {\n",
       "  overflow: visible;\n",
       "  width: auto;\n",
       "  z-index: 1;\n",
       "}\n",
       "\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  display: none;\n",
       "  background-color: var(--xr-background-color) !important;\n",
       "  padding-bottom: 5px !important;\n",
       "}\n",
       "\n",
       ".xr-var-attrs-in:checked ~ .xr-var-attrs,\n",
       ".xr-var-data-in:checked ~ .xr-var-data,\n",
       ".xr-index-data-in:checked ~ .xr-index-data {\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".xr-var-data > table {\n",
       "  float: right;\n",
       "}\n",
       "\n",
       ".xr-var-name span,\n",
       ".xr-var-data,\n",
       ".xr-index-name div,\n",
       ".xr-index-data,\n",
       ".xr-attrs {\n",
       "  padding-left: 25px !important;\n",
       "}\n",
       "\n",
       ".xr-attrs,\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  grid-column: 1 / -1;\n",
       "}\n",
       "\n",
       "dl.xr-attrs {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  display: grid;\n",
       "  grid-template-columns: 125px auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt,\n",
       ".xr-attrs dd {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  float: left;\n",
       "  padding-right: 10px;\n",
       "  width: auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt {\n",
       "  font-weight: normal;\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-attrs dt:hover span {\n",
       "  display: inline-block;\n",
       "  background: var(--xr-background-color);\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-attrs dd {\n",
       "  grid-column: 2;\n",
       "  white-space: pre-wrap;\n",
       "  word-break: break-all;\n",
       "}\n",
       "\n",
       ".xr-icon-database,\n",
       ".xr-icon-file-text2,\n",
       ".xr-no-icon {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "</style><pre class='xr-text-repr-fallback'>&lt;xarray.DataArray &#x27;tp&#x27; (time: 13, y: 2489, x: 1329)&gt;\n",
       "array([[[  1.9218922,   1.9218922,   1.9218922, ..., 100.00588  ,\n",
       "         100.00588  , 100.00588  ],\n",
       "        [  1.9218922,   1.9218922,   1.9218922, ..., 100.00588  ,\n",
       "         100.00588  , 100.00588  ],\n",
       "        [  1.9218922,   1.9218922,   1.9218922, ..., 100.00588  ,\n",
       "         100.00588  , 100.00588  ],\n",
       "        ...,\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ]],\n",
       "\n",
       "       [[ 86.12288  ,  86.12288  ,  86.12288  , ..., 111.71319  ,\n",
       "         111.71319  , 111.71319  ],\n",
       "        [ 86.12288  ,  86.12288  ,  86.12288  , ..., 111.71319  ,\n",
       "         111.71319  , 111.71319  ],\n",
       "        [ 86.12288  ,  86.12288  ,  86.12288  , ..., 111.71319  ,\n",
       "         111.71319  , 111.71319  ],\n",
       "...\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ]],\n",
       "\n",
       "       [[190.3637   , 190.3637   , 190.3637   , ..., 637.9406   ,\n",
       "         637.9406   , 637.9406   ],\n",
       "        [190.3637   , 190.3637   , 190.3637   , ..., 637.9406   ,\n",
       "         637.9406   , 637.9406   ],\n",
       "        [190.3637   , 190.3637   , 190.3637   , ..., 637.9406   ,\n",
       "         637.9406   , 637.9406   ],\n",
       "        ...,\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ]]], dtype=float32)\n",
       "Coordinates:\n",
       "  * x            (x) float64 7.242e+06 7.242e+06 ... 7.905e+06 7.906e+06\n",
       "  * y            (y) float64 3.626e+06 3.626e+06 ... 2.383e+06 2.382e+06\n",
       "  * time         (time) datetime64[ns] 2022-08-18 2022-08-19 ... 2022-08-30\n",
       "    spatial_ref  int64 0\n",
       "Attributes:\n",
       "    location:    lumi\n",
       "    _FillValue:  0.0</pre><div class='xr-wrap' style='display:none'><div class='xr-header'><div class='xr-obj-type'>xarray.DataArray</div><div class='xr-array-name'>'tp'</div><ul class='xr-dim-list'><li><span class='xr-has-index'>time</span>: 13</li><li><span class='xr-has-index'>y</span>: 2489</li><li><span class='xr-has-index'>x</span>: 1329</li></ul></div><ul class='xr-sections'><li class='xr-section-item'><div class='xr-array-wrap'><input id='section-c004638f-acce-40ef-8e7f-0a11b74e866a' class='xr-array-in' type='checkbox' checked><label for='section-c004638f-acce-40ef-8e7f-0a11b74e866a' title='Show/hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-array-preview xr-preview'><span>1.922 1.922 1.922 1.922 1.922 1.922 1.922 ... 0.0 0.0 0.0 0.0 0.0 0.0</span></div><div class='xr-array-data'><pre>array([[[  1.9218922,   1.9218922,   1.9218922, ..., 100.00588  ,\n",
       "         100.00588  , 100.00588  ],\n",
       "        [  1.9218922,   1.9218922,   1.9218922, ..., 100.00588  ,\n",
       "         100.00588  , 100.00588  ],\n",
       "        [  1.9218922,   1.9218922,   1.9218922, ..., 100.00588  ,\n",
       "         100.00588  , 100.00588  ],\n",
       "        ...,\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ]],\n",
       "\n",
       "       [[ 86.12288  ,  86.12288  ,  86.12288  , ..., 111.71319  ,\n",
       "         111.71319  , 111.71319  ],\n",
       "        [ 86.12288  ,  86.12288  ,  86.12288  , ..., 111.71319  ,\n",
       "         111.71319  , 111.71319  ],\n",
       "        [ 86.12288  ,  86.12288  ,  86.12288  , ..., 111.71319  ,\n",
       "         111.71319  , 111.71319  ],\n",
       "...\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ]],\n",
       "\n",
       "       [[190.3637   , 190.3637   , 190.3637   , ..., 637.9406   ,\n",
       "         637.9406   , 637.9406   ],\n",
       "        [190.3637   , 190.3637   , 190.3637   , ..., 637.9406   ,\n",
       "         637.9406   , 637.9406   ],\n",
       "        [190.3637   , 190.3637   , 190.3637   , ..., 637.9406   ,\n",
       "         637.9406   , 637.9406   ],\n",
       "        ...,\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ]]], dtype=float32)</pre></div></div></li><li class='xr-section-item'><input id='section-1a1999e2-5b93-4d67-887e-ffea93190051' class='xr-section-summary-in' type='checkbox'  checked><label for='section-1a1999e2-5b93-4d67-887e-ffea93190051' class='xr-section-summary' >Coordinates: <span>(4)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>x</span></div><div class='xr-var-dims'>(x)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>7.242e+06 7.242e+06 ... 7.906e+06</div><input id='attrs-060e3b79-59eb-4924-b29d-cf515084f926' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-060e3b79-59eb-4924-b29d-cf515084f926' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-2a79db1c-7ea2-4b47-a617-8f45e2f81b3d' class='xr-var-data-in' type='checkbox'><label for='data-2a79db1c-7ea2-4b47-a617-8f45e2f81b3d' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>axis :</span></dt><dd>X</dd><dt><span>long_name :</span></dt><dd>x coordinate of projection</dd><dt><span>standard_name :</span></dt><dd>projection_x_coordinate</dd><dt><span>units :</span></dt><dd>metre</dd></dl></div><div class='xr-var-data'><pre>array([7241582.876101, 7242082.876101, 7242582.876101, ..., 7904582.876101,\n",
       "       7905082.876101, 7905582.876101])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>y</span></div><div class='xr-var-dims'>(y)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>3.626e+06 3.626e+06 ... 2.382e+06</div><input id='attrs-14b53c14-5b46-477c-9731-471d795f6fda' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-14b53c14-5b46-477c-9731-471d795f6fda' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-17642d04-72c6-46b9-8ece-d9361d95f3b5' class='xr-var-data-in' type='checkbox'><label for='data-17642d04-72c6-46b9-8ece-d9361d95f3b5' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>axis :</span></dt><dd>Y</dd><dt><span>long_name :</span></dt><dd>y coordinate of projection</dd><dt><span>standard_name :</span></dt><dd>projection_y_coordinate</dd><dt><span>units :</span></dt><dd>metre</dd></dl></div><div class='xr-var-data'><pre>array([3626007.3926, 3625507.3926, 3625007.3926, ..., 2383007.3926,\n",
       "       2382507.3926, 2382007.3926])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>time</span></div><div class='xr-var-dims'>(time)</div><div class='xr-var-dtype'>datetime64[ns]</div><div class='xr-var-preview xr-preview'>2022-08-18 ... 2022-08-30</div><input id='attrs-15160129-9de2-4d66-a16b-c528d6333430' class='xr-var-attrs-in' type='checkbox' disabled><label for='attrs-15160129-9de2-4d66-a16b-c528d6333430' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-3b9d1457-c02f-4263-9a99-3a9da546b2b5' class='xr-var-data-in' type='checkbox'><label for='data-3b9d1457-c02f-4263-9a99-3a9da546b2b5' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'></dl></div><div class='xr-var-data'><pre>array([&#x27;2022-08-18T00:00:00.000000000&#x27;, &#x27;2022-08-19T00:00:00.000000000&#x27;,\n",
       "       &#x27;2022-08-20T00:00:00.000000000&#x27;, &#x27;2022-08-21T00:00:00.000000000&#x27;,\n",
       "       &#x27;2022-08-22T00:00:00.000000000&#x27;, &#x27;2022-08-23T00:00:00.000000000&#x27;,\n",
       "       &#x27;2022-08-24T00:00:00.000000000&#x27;, &#x27;2022-08-25T00:00:00.000000000&#x27;,\n",
       "       &#x27;2022-08-26T00:00:00.000000000&#x27;, &#x27;2022-08-27T00:00:00.000000000&#x27;,\n",
       "       &#x27;2022-08-28T00:00:00.000000000&#x27;, &#x27;2022-08-29T00:00:00.000000000&#x27;,\n",
       "       &#x27;2022-08-30T00:00:00.000000000&#x27;], dtype=&#x27;datetime64[ns]&#x27;)</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span>spatial_ref</span></div><div class='xr-var-dims'>()</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>0</div><input id='attrs-0934bed8-9914-47ae-88eb-e0a756806a3a' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-0934bed8-9914-47ae-88eb-e0a756806a3a' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-5a81f0b9-b82a-486f-a3b5-427c7fa27eda' class='xr-var-data-in' type='checkbox'><label for='data-5a81f0b9-b82a-486f-a3b5-427c7fa27eda' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>crs_wkt :</span></dt><dd>PROJCS[&quot;WGS 84 / Pseudo-Mercator&quot;,GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]],PROJECTION[&quot;Mercator_1SP&quot;],PARAMETER[&quot;central_meridian&quot;,0],PARAMETER[&quot;scale_factor&quot;,1],PARAMETER[&quot;false_easting&quot;,0],PARAMETER[&quot;false_northing&quot;,0],UNIT[&quot;metre&quot;,1,AUTHORITY[&quot;EPSG&quot;,&quot;9001&quot;]],AXIS[&quot;Easting&quot;,EAST],AXIS[&quot;Northing&quot;,NORTH],EXTENSION[&quot;PROJ4&quot;,&quot;+proj=merc +a=6378137 +b=6378137 +lat_ts=0 +lon_0=0 +x_0=0 +y_0=0 +k=1 +units=m +nadgrids=@null +wktext +no_defs&quot;],AUTHORITY[&quot;EPSG&quot;,&quot;3857&quot;]]</dd><dt><span>spatial_ref :</span></dt><dd>PROJCS[&quot;WGS 84 / Pseudo-Mercator&quot;,GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]],PROJECTION[&quot;Mercator_1SP&quot;],PARAMETER[&quot;central_meridian&quot;,0],PARAMETER[&quot;scale_factor&quot;,1],PARAMETER[&quot;false_easting&quot;,0],PARAMETER[&quot;false_northing&quot;,0],UNIT[&quot;metre&quot;,1,AUTHORITY[&quot;EPSG&quot;,&quot;9001&quot;]],AXIS[&quot;Easting&quot;,EAST],AXIS[&quot;Northing&quot;,NORTH],EXTENSION[&quot;PROJ4&quot;,&quot;+proj=merc +a=6378137 +b=6378137 +lat_ts=0 +lon_0=0 +x_0=0 +y_0=0 +k=1 +units=m +nadgrids=@null +wktext +no_defs&quot;],AUTHORITY[&quot;EPSG&quot;,&quot;3857&quot;]]</dd><dt><span>GeoTransform :</span></dt><dd>7241332.876100895 500.0 0.0 3626257.3926004274 0.0 -500.0</dd></dl></div><div class='xr-var-data'><pre>array(0)</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-f295eeee-6cc6-4877-85cf-78336a1f293c' class='xr-section-summary-in' type='checkbox'  ><label for='section-f295eeee-6cc6-4877-85cf-78336a1f293c' class='xr-section-summary' >Indexes: <span>(3)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-index-name'><div>x</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-cc7abff2-afa3-48c0-bf70-47a63605a7a9' class='xr-index-data-in' type='checkbox'/><label for='index-cc7abff2-afa3-48c0-bf70-47a63605a7a9' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([7241582.876100895, 7242082.876100895, 7242582.876100895,\n",
       "       7243082.876100895, 7243582.876100895, 7244082.876100895,\n",
       "       7244582.876100895, 7245082.876100895, 7245582.876100895,\n",
       "       7246082.876100895,\n",
       "       ...\n",
       "       7901082.876100895, 7901582.876100895, 7902082.876100895,\n",
       "       7902582.876100895, 7903082.876100895, 7903582.876100895,\n",
       "       7904082.876100895, 7904582.876100895, 7905082.876100895,\n",
       "       7905582.876100895],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;x&#x27;, length=1329))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>y</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-b48f0325-7d00-4ae0-98ea-40457ca6fcb7' class='xr-index-data-in' type='checkbox'/><label for='index-b48f0325-7d00-4ae0-98ea-40457ca6fcb7' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([3626007.3926004274, 3625507.3926004274, 3625007.3926004274,\n",
       "       3624507.3926004274, 3624007.3926004274, 3623507.3926004274,\n",
       "       3623007.3926004274, 3622507.3926004274, 3622007.3926004274,\n",
       "       3621507.3926004274,\n",
       "       ...\n",
       "       2386507.3926004274, 2386007.3926004274, 2385507.3926004274,\n",
       "       2385007.3926004274, 2384507.3926004274, 2384007.3926004274,\n",
       "       2383507.3926004274, 2383007.3926004274, 2382507.3926004274,\n",
       "       2382007.3926004274],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;y&#x27;, length=2489))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>time</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-41f89435-787a-4fa7-af6f-bcdc511fdebb' class='xr-index-data-in' type='checkbox'/><label for='index-41f89435-787a-4fa7-af6f-bcdc511fdebb' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(DatetimeIndex([&#x27;2022-08-18&#x27;, &#x27;2022-08-19&#x27;, &#x27;2022-08-20&#x27;, &#x27;2022-08-21&#x27;,\n",
       "               &#x27;2022-08-22&#x27;, &#x27;2022-08-23&#x27;, &#x27;2022-08-24&#x27;, &#x27;2022-08-25&#x27;,\n",
       "               &#x27;2022-08-26&#x27;, &#x27;2022-08-27&#x27;, &#x27;2022-08-28&#x27;, &#x27;2022-08-29&#x27;,\n",
       "               &#x27;2022-08-30&#x27;],\n",
       "              dtype=&#x27;datetime64[ns]&#x27;, name=&#x27;time&#x27;, freq=None))</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-d5e2ab8a-bf79-442f-8271-589ca015e650' class='xr-section-summary-in' type='checkbox'  checked><label for='section-d5e2ab8a-bf79-442f-8271-589ca015e650' class='xr-section-summary' >Attributes: <span>(2)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><dl class='xr-attrs'><dt><span>location :</span></dt><dd>lumi</dd><dt><span>_FillValue :</span></dt><dd>0.0</dd></dl></div></li></ul></div></div>"
      ],
      "text/plain": [
       "<xarray.DataArray 'tp' (time: 13, y: 2489, x: 1329)>\n",
       "array([[[  1.9218922,   1.9218922,   1.9218922, ..., 100.00588  ,\n",
       "         100.00588  , 100.00588  ],\n",
       "        [  1.9218922,   1.9218922,   1.9218922, ..., 100.00588  ,\n",
       "         100.00588  , 100.00588  ],\n",
       "        [  1.9218922,   1.9218922,   1.9218922, ..., 100.00588  ,\n",
       "         100.00588  , 100.00588  ],\n",
       "        ...,\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ]],\n",
       "\n",
       "       [[ 86.12288  ,  86.12288  ,  86.12288  , ..., 111.71319  ,\n",
       "         111.71319  , 111.71319  ],\n",
       "        [ 86.12288  ,  86.12288  ,  86.12288  , ..., 111.71319  ,\n",
       "         111.71319  , 111.71319  ],\n",
       "        [ 86.12288  ,  86.12288  ,  86.12288  , ..., 111.71319  ,\n",
       "         111.71319  , 111.71319  ],\n",
       "...\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ]],\n",
       "\n",
       "       [[190.3637   , 190.3637   , 190.3637   , ..., 637.9406   ,\n",
       "         637.9406   , 637.9406   ],\n",
       "        [190.3637   , 190.3637   , 190.3637   , ..., 637.9406   ,\n",
       "         637.9406   , 637.9406   ],\n",
       "        [190.3637   , 190.3637   , 190.3637   , ..., 637.9406   ,\n",
       "         637.9406   , 637.9406   ],\n",
       "        ...,\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ],\n",
       "        [  0.       ,   0.       ,   0.       , ...,   0.       ,\n",
       "           0.       ,   0.       ]]], dtype=float32)\n",
       "Coordinates:\n",
       "  * x            (x) float64 7.242e+06 7.242e+06 ... 7.905e+06 7.906e+06\n",
       "  * y            (y) float64 3.626e+06 3.626e+06 ... 2.383e+06 2.382e+06\n",
       "  * time         (time) datetime64[ns] 2022-08-18 2022-08-19 ... 2022-08-30\n",
       "    spatial_ref  int64 0\n",
       "Attributes:\n",
       "    location:    lumi\n",
       "    _FillValue:  0.0"
      ]
     },
     "execution_count": 52,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "def acc_rain_reproject(rain):\n",
    "    from rasterio.enums import Resampling\n",
    "    rain.rio.write_nodata(0, inplace=True)\n",
    "    rain.rio.write_crs('EPSG:4326', inplace=True)\n",
    "    return rain.rio.reproject('EPSG:3857', resolution=500, resampling=Resampling.bilinear)\n",
    "\n",
    "acc_rain = acc_rain_reproject(acc_rain)\n",
    "acc_rain"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## View forecast data"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "The expert can again quickly view the results to investigate the forecast and make an informed decision about which cities risk flooding in the next days."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 53,
   "metadata": {},
   "outputs": [],
   "source": [
    "time_dim_len = acc_rain.shape[0]\n",
    "for day in range(0, time_dim_len):\n",
    "    fpath_str = f\"./{day}.tif\"\n",
    "    acc_rain[day,:].rio.to_raster(fpath_str,\n",
    "                                  driver=\"COG\",\n",
    "                                  overview_count=10)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 54,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/vnd.jupyter.widget-view+json": {
       "model_id": "c553dfe6681844d5ba34eb5f6f86ec50",
       "version_major": 2,
       "version_minor": 0
      },
      "text/plain": [
       "Map(center=[26.0, 68.0], controls=(ZoomControl(options=['position', 'zoom_in_text', 'zoom_in_title', 'zoom_out…"
      ]
     },
     "execution_count": 54,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import leafmap\n",
    "from localtileserver import get_leaflet_tile_layer\n",
    "\n",
    "m = leafmap.Map(center=roi_extent.get_center(),\n",
    "                zoom=6, height=600)\n",
    "\n",
    "layer_dict = {}\n",
    "date_vals = np.datetime_as_string(acc_rain[\"time\"].values, unit='D')\n",
    "for day in range(0, time_dim_len):\n",
    "    layer_dict[date_vals[day]]= get_leaflet_tile_layer(f\"./{day}.tif\",\n",
    "                                                       colormap=\"Blues\",\n",
    "                                                       indexes=[1],\n",
    "                                                       nodata=0.,\n",
    "                                                       vmin=acc_rain.min().values,\n",
    "                                                       vmax=acc_rain.max().values,\n",
    "                                                       opacity=0.85)\n",
    "\n",
    "m.add_local_tile(builtup,\n",
    "                 colormap=\"Reds\",\n",
    "                 nodata=0.)\n",
    "m.add_local_tile(floods_aug_18,\n",
    "                 colormap=\"Blues\",\n",
    "                 nodata=0.)\n",
    "m.add_time_slider(layer_dict,\n",
    "                  layer=\"Accumluated Rainfall\",\n",
    "                  time_interval=0.5)\n",
    "m"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "The disaster management expert uses the predicted rain as a boundary condition for a surface water hydrological model (e.g. [SFINCS](https://www.deltares.nl/en/software-and-data/products/sfincs)) to forecast the extent of future flooding while e.g. considering river channel morphology and urban drainage networks. The expert decides that cities in the northwestern region of the investigated area are under the greatest risk of flooding, while cities in southeastern parts are under the least threat of flooding. This result is thus not only based on the extent of flooding on the 18<sup>th</sup> of August 2022, but also on the higher likelihood of continued flooding due to more intense rainfall in the following days.\n",
    "\n",
    "The effectiveness of this survey relies on combining multiple data sources with high-performance computing, which are the core competencies of the DEDL services.\n",
    "\n",
    "# What could have been done when we had this information?\n",
    "\n",
    "To validate the effectiveness of the simulated scenario we can evaluate the actual flood extent after 12 days. In the following, we can see that the areal extent of flooding dramatically increased in the low lying areas of thendus Flood plan. The dramatic events unfolding during those days killed 1.739 people and displaced millions of people by destroying complete settlements (e.g. Shahdadkot). \n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 55,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><svg style=\"position: absolute; width: 0; height: 0; overflow: hidden\">\n",
       "<defs>\n",
       "<symbol id=\"icon-database\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M16 0c-8.837 0-16 2.239-16 5v4c0 2.761 7.163 5 16 5s16-2.239 16-5v-4c0-2.761-7.163-5-16-5z\"></path>\n",
       "<path d=\"M16 17c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "<path d=\"M16 26c-8.837 0-16-2.239-16-5v6c0 2.761 7.163 5 16 5s16-2.239 16-5v-6c0 2.761-7.163 5-16 5z\"></path>\n",
       "</symbol>\n",
       "<symbol id=\"icon-file-text2\" viewBox=\"0 0 32 32\">\n",
       "<path d=\"M28.681 7.159c-0.694-0.947-1.662-2.053-2.724-3.116s-2.169-2.030-3.116-2.724c-1.612-1.182-2.393-1.319-2.841-1.319h-15.5c-1.378 0-2.5 1.121-2.5 2.5v27c0 1.378 1.122 2.5 2.5 2.5h23c1.378 0 2.5-1.122 2.5-2.5v-19.5c0-0.448-0.137-1.23-1.319-2.841zM24.543 5.457c0.959 0.959 1.712 1.825 2.268 2.543h-4.811v-4.811c0.718 0.556 1.584 1.309 2.543 2.268zM28 29.5c0 0.271-0.229 0.5-0.5 0.5h-23c-0.271 0-0.5-0.229-0.5-0.5v-27c0-0.271 0.229-0.5 0.5-0.5 0 0 15.499-0 15.5 0v7c0 0.552 0.448 1 1 1h7v19.5z\"></path>\n",
       "<path d=\"M23 26h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 22h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "<path d=\"M23 18h-14c-0.552 0-1-0.448-1-1s0.448-1 1-1h14c0.552 0 1 0.448 1 1s-0.448 1-1 1z\"></path>\n",
       "</symbol>\n",
       "</defs>\n",
       "</svg>\n",
       "<style>/* CSS stylesheet for displaying xarray objects in jupyterlab.\n",
       " *\n",
       " */\n",
       "\n",
       ":root {\n",
       "  --xr-font-color0: var(--jp-content-font-color0, rgba(0, 0, 0, 1));\n",
       "  --xr-font-color2: var(--jp-content-font-color2, rgba(0, 0, 0, 0.54));\n",
       "  --xr-font-color3: var(--jp-content-font-color3, rgba(0, 0, 0, 0.38));\n",
       "  --xr-border-color: var(--jp-border-color2, #e0e0e0);\n",
       "  --xr-disabled-color: var(--jp-layout-color3, #bdbdbd);\n",
       "  --xr-background-color: var(--jp-layout-color0, white);\n",
       "  --xr-background-color-row-even: var(--jp-layout-color1, white);\n",
       "  --xr-background-color-row-odd: var(--jp-layout-color2, #eeeeee);\n",
       "}\n",
       "\n",
       "html[theme=dark],\n",
       "body[data-theme=dark],\n",
       "body.vscode-dark {\n",
       "  --xr-font-color0: rgba(255, 255, 255, 1);\n",
       "  --xr-font-color2: rgba(255, 255, 255, 0.54);\n",
       "  --xr-font-color3: rgba(255, 255, 255, 0.38);\n",
       "  --xr-border-color: #1F1F1F;\n",
       "  --xr-disabled-color: #515151;\n",
       "  --xr-background-color: #111111;\n",
       "  --xr-background-color-row-even: #111111;\n",
       "  --xr-background-color-row-odd: #313131;\n",
       "}\n",
       "\n",
       ".xr-wrap {\n",
       "  display: block !important;\n",
       "  min-width: 300px;\n",
       "  max-width: 700px;\n",
       "}\n",
       "\n",
       ".xr-text-repr-fallback {\n",
       "  /* fallback to plain text repr when CSS is not injected (untrusted notebook) */\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-header {\n",
       "  padding-top: 6px;\n",
       "  padding-bottom: 6px;\n",
       "  margin-bottom: 4px;\n",
       "  border-bottom: solid 1px var(--xr-border-color);\n",
       "}\n",
       "\n",
       ".xr-header > div,\n",
       ".xr-header > ul {\n",
       "  display: inline;\n",
       "  margin-top: 0;\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-obj-type,\n",
       ".xr-array-name {\n",
       "  margin-left: 2px;\n",
       "  margin-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-obj-type {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-sections {\n",
       "  padding-left: 0 !important;\n",
       "  display: grid;\n",
       "  grid-template-columns: 150px auto auto 1fr 20px 20px;\n",
       "}\n",
       "\n",
       ".xr-section-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-section-item input {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-item input + label {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label {\n",
       "  cursor: pointer;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-item input:enabled + label:hover {\n",
       "  color: var(--xr-font-color0);\n",
       "}\n",
       "\n",
       ".xr-section-summary {\n",
       "  grid-column: 1;\n",
       "  color: var(--xr-font-color2);\n",
       "  font-weight: 500;\n",
       "}\n",
       "\n",
       ".xr-section-summary > span {\n",
       "  display: inline-block;\n",
       "  padding-left: 0.5em;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label {\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in + label:before {\n",
       "  display: inline-block;\n",
       "  content: '►';\n",
       "  font-size: 11px;\n",
       "  width: 15px;\n",
       "  text-align: center;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:disabled + label:before {\n",
       "  color: var(--xr-disabled-color);\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label:before {\n",
       "  content: '▼';\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked + label > span {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-section-summary,\n",
       ".xr-section-inline-details {\n",
       "  padding-top: 4px;\n",
       "  padding-bottom: 4px;\n",
       "}\n",
       "\n",
       ".xr-section-inline-details {\n",
       "  grid-column: 2 / -1;\n",
       "}\n",
       "\n",
       ".xr-section-details {\n",
       "  display: none;\n",
       "  grid-column: 1 / -1;\n",
       "  margin-bottom: 5px;\n",
       "}\n",
       "\n",
       ".xr-section-summary-in:checked ~ .xr-section-details {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-array-wrap {\n",
       "  grid-column: 1 / -1;\n",
       "  display: grid;\n",
       "  grid-template-columns: 20px auto;\n",
       "}\n",
       "\n",
       ".xr-array-wrap > label {\n",
       "  grid-column: 1;\n",
       "  vertical-align: top;\n",
       "}\n",
       "\n",
       ".xr-preview {\n",
       "  color: var(--xr-font-color3);\n",
       "}\n",
       "\n",
       ".xr-array-preview,\n",
       ".xr-array-data {\n",
       "  padding: 0 5px !important;\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-array-data,\n",
       ".xr-array-in:checked ~ .xr-array-preview {\n",
       "  display: none;\n",
       "}\n",
       "\n",
       ".xr-array-in:checked ~ .xr-array-data,\n",
       ".xr-array-preview {\n",
       "  display: inline-block;\n",
       "}\n",
       "\n",
       ".xr-dim-list {\n",
       "  display: inline-block !important;\n",
       "  list-style: none;\n",
       "  padding: 0 !important;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list li {\n",
       "  display: inline-block;\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "}\n",
       "\n",
       ".xr-dim-list:before {\n",
       "  content: '(';\n",
       "}\n",
       "\n",
       ".xr-dim-list:after {\n",
       "  content: ')';\n",
       "}\n",
       "\n",
       ".xr-dim-list li:not(:last-child):after {\n",
       "  content: ',';\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-has-index {\n",
       "  font-weight: bold;\n",
       "}\n",
       "\n",
       ".xr-var-list,\n",
       ".xr-var-item {\n",
       "  display: contents;\n",
       "}\n",
       "\n",
       ".xr-var-item > div,\n",
       ".xr-var-item label,\n",
       ".xr-var-item > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-even);\n",
       "  margin-bottom: 0;\n",
       "}\n",
       "\n",
       ".xr-var-item > .xr-var-name:hover span {\n",
       "  padding-right: 5px;\n",
       "}\n",
       "\n",
       ".xr-var-list > li:nth-child(odd) > div,\n",
       ".xr-var-list > li:nth-child(odd) > label,\n",
       ".xr-var-list > li:nth-child(odd) > .xr-var-name span {\n",
       "  background-color: var(--xr-background-color-row-odd);\n",
       "}\n",
       "\n",
       ".xr-var-name {\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-var-dims {\n",
       "  grid-column: 2;\n",
       "}\n",
       "\n",
       ".xr-var-dtype {\n",
       "  grid-column: 3;\n",
       "  text-align: right;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-preview {\n",
       "  grid-column: 4;\n",
       "}\n",
       "\n",
       ".xr-index-preview {\n",
       "  grid-column: 2 / 5;\n",
       "  color: var(--xr-font-color2);\n",
       "}\n",
       "\n",
       ".xr-var-name,\n",
       ".xr-var-dims,\n",
       ".xr-var-dtype,\n",
       ".xr-preview,\n",
       ".xr-attrs dt {\n",
       "  white-space: nowrap;\n",
       "  overflow: hidden;\n",
       "  text-overflow: ellipsis;\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-var-name:hover,\n",
       ".xr-var-dims:hover,\n",
       ".xr-var-dtype:hover,\n",
       ".xr-attrs dt:hover {\n",
       "  overflow: visible;\n",
       "  width: auto;\n",
       "  z-index: 1;\n",
       "}\n",
       "\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  display: none;\n",
       "  background-color: var(--xr-background-color) !important;\n",
       "  padding-bottom: 5px !important;\n",
       "}\n",
       "\n",
       ".xr-var-attrs-in:checked ~ .xr-var-attrs,\n",
       ".xr-var-data-in:checked ~ .xr-var-data,\n",
       ".xr-index-data-in:checked ~ .xr-index-data {\n",
       "  display: block;\n",
       "}\n",
       "\n",
       ".xr-var-data > table {\n",
       "  float: right;\n",
       "}\n",
       "\n",
       ".xr-var-name span,\n",
       ".xr-var-data,\n",
       ".xr-index-name div,\n",
       ".xr-index-data,\n",
       ".xr-attrs {\n",
       "  padding-left: 25px !important;\n",
       "}\n",
       "\n",
       ".xr-attrs,\n",
       ".xr-var-attrs,\n",
       ".xr-var-data,\n",
       ".xr-index-data {\n",
       "  grid-column: 1 / -1;\n",
       "}\n",
       "\n",
       "dl.xr-attrs {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  display: grid;\n",
       "  grid-template-columns: 125px auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt,\n",
       ".xr-attrs dd {\n",
       "  padding: 0;\n",
       "  margin: 0;\n",
       "  float: left;\n",
       "  padding-right: 10px;\n",
       "  width: auto;\n",
       "}\n",
       "\n",
       ".xr-attrs dt {\n",
       "  font-weight: normal;\n",
       "  grid-column: 1;\n",
       "}\n",
       "\n",
       ".xr-attrs dt:hover span {\n",
       "  display: inline-block;\n",
       "  background: var(--xr-background-color);\n",
       "  padding-right: 10px;\n",
       "}\n",
       "\n",
       ".xr-attrs dd {\n",
       "  grid-column: 2;\n",
       "  white-space: pre-wrap;\n",
       "  word-break: break-all;\n",
       "}\n",
       "\n",
       ".xr-icon-database,\n",
       ".xr-icon-file-text2,\n",
       ".xr-no-icon {\n",
       "  display: inline-block;\n",
       "  vertical-align: middle;\n",
       "  width: 1em;\n",
       "  height: 1.5em !important;\n",
       "  stroke-width: 0;\n",
       "  stroke: currentColor;\n",
       "  fill: currentColor;\n",
       "}\n",
       "</style><pre class='xr-text-repr-fallback'>&lt;xarray.DataArray &#x27;flood&#x27; (y: 49270, x: 38697)&gt;\n",
       "dask.array&lt;open_dataset-flood, shape=(49270, 38697), dtype=float32, chunksize=(1000, 1000), chunktype=numpy.ndarray&gt;\n",
       "Coordinates:\n",
       "    spatial_ref  int64 ...\n",
       "  * x            (x) float64 64.83 64.83 64.83 64.83 ... 71.88 71.88 71.88 71.88\n",
       "  * y            (y) float64 30.4 30.4 30.4 30.4 ... 21.41 21.41 21.41 21.41\n",
       "Attributes:\n",
       "    tiles:       [&#x27;E015N024T3&#x27;, &#x27;E015N027T3&#x27;, &#x27;E015N030T3&#x27;, &#x27;E018N027T3&#x27;, &#x27;E0...\n",
       "    location:    central\n",
       "    resolution:  20</pre><div class='xr-wrap' style='display:none'><div class='xr-header'><div class='xr-obj-type'>xarray.DataArray</div><div class='xr-array-name'>'flood'</div><ul class='xr-dim-list'><li><span class='xr-has-index'>y</span>: 49270</li><li><span class='xr-has-index'>x</span>: 38697</li></ul></div><ul class='xr-sections'><li class='xr-section-item'><div class='xr-array-wrap'><input id='section-552c7cde-412b-4a5f-92c5-1d81c31c24a5' class='xr-array-in' type='checkbox' checked><label for='section-552c7cde-412b-4a5f-92c5-1d81c31c24a5' title='Show/hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-array-preview xr-preview'><span>dask.array&lt;chunksize=(1000, 1000), meta=np.ndarray&gt;</span></div><div class='xr-array-data'><table>\n",
       "    <tr>\n",
       "        <td>\n",
       "            <table style=\"border-collapse: collapse;\">\n",
       "                <thead>\n",
       "                    <tr>\n",
       "                        <td> </td>\n",
       "                        <th> Array </th>\n",
       "                        <th> Chunk </th>\n",
       "                    </tr>\n",
       "                </thead>\n",
       "                <tbody>\n",
       "                    \n",
       "                    <tr>\n",
       "                        <th> Bytes </th>\n",
       "                        <td> 7.10 GiB </td>\n",
       "                        <td> 3.81 MiB </td>\n",
       "                    </tr>\n",
       "                    \n",
       "                    <tr>\n",
       "                        <th> Shape </th>\n",
       "                        <td> (49270, 38697) </td>\n",
       "                        <td> (1000, 1000) </td>\n",
       "                    </tr>\n",
       "                    <tr>\n",
       "                        <th> Dask graph </th>\n",
       "                        <td colspan=\"2\"> 1950 chunks in 2 graph layers </td>\n",
       "                    </tr>\n",
       "                    <tr>\n",
       "                        <th> Data type </th>\n",
       "                        <td colspan=\"2\"> float32 numpy.ndarray </td>\n",
       "                    </tr>\n",
       "                </tbody>\n",
       "            </table>\n",
       "        </td>\n",
       "        <td>\n",
       "        <svg width=\"144\" height=\"170\" style=\"stroke:rgb(0,0,0);stroke-width:1\" >\n",
       "\n",
       "  <!-- Horizontal lines -->\n",
       "  <line x1=\"0\" y1=\"0\" x2=\"94\" y2=\"0\" style=\"stroke-width:2\" />\n",
       "  <line x1=\"0\" y1=\"4\" x2=\"94\" y2=\"4\" />\n",
       "  <line x1=\"0\" y1=\"12\" x2=\"94\" y2=\"12\" />\n",
       "  <line x1=\"0\" y1=\"17\" x2=\"94\" y2=\"17\" />\n",
       "  <line x1=\"0\" y1=\"24\" x2=\"94\" y2=\"24\" />\n",
       "  <line x1=\"0\" y1=\"31\" x2=\"94\" y2=\"31\" />\n",
       "  <line x1=\"0\" y1=\"36\" x2=\"94\" y2=\"36\" />\n",
       "  <line x1=\"0\" y1=\"43\" x2=\"94\" y2=\"43\" />\n",
       "  <line x1=\"0\" y1=\"51\" x2=\"94\" y2=\"51\" />\n",
       "  <line x1=\"0\" y1=\"56\" x2=\"94\" y2=\"56\" />\n",
       "  <line x1=\"0\" y1=\"63\" x2=\"94\" y2=\"63\" />\n",
       "  <line x1=\"0\" y1=\"68\" x2=\"94\" y2=\"68\" />\n",
       "  <line x1=\"0\" y1=\"75\" x2=\"94\" y2=\"75\" />\n",
       "  <line x1=\"0\" y1=\"82\" x2=\"94\" y2=\"82\" />\n",
       "  <line x1=\"0\" y1=\"87\" x2=\"94\" y2=\"87\" />\n",
       "  <line x1=\"0\" y1=\"94\" x2=\"94\" y2=\"94\" />\n",
       "  <line x1=\"0\" y1=\"102\" x2=\"94\" y2=\"102\" />\n",
       "  <line x1=\"0\" y1=\"107\" x2=\"94\" y2=\"107\" />\n",
       "  <line x1=\"0\" y1=\"114\" x2=\"94\" y2=\"114\" />\n",
       "  <line x1=\"0\" y1=\"120\" x2=\"94\" y2=\"120\" style=\"stroke-width:2\" />\n",
       "\n",
       "  <!-- Vertical lines -->\n",
       "  <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"120\" style=\"stroke-width:2\" />\n",
       "  <line x1=\"4\" y1=\"0\" x2=\"4\" y2=\"120\" />\n",
       "  <line x1=\"9\" y1=\"0\" x2=\"9\" y2=\"120\" />\n",
       "  <line x1=\"14\" y1=\"0\" x2=\"14\" y2=\"120\" />\n",
       "  <line x1=\"19\" y1=\"0\" x2=\"19\" y2=\"120\" />\n",
       "  <line x1=\"24\" y1=\"0\" x2=\"24\" y2=\"120\" />\n",
       "  <line x1=\"29\" y1=\"0\" x2=\"29\" y2=\"120\" />\n",
       "  <line x1=\"34\" y1=\"0\" x2=\"34\" y2=\"120\" />\n",
       "  <line x1=\"38\" y1=\"0\" x2=\"38\" y2=\"120\" />\n",
       "  <line x1=\"43\" y1=\"0\" x2=\"43\" y2=\"120\" />\n",
       "  <line x1=\"48\" y1=\"0\" x2=\"48\" y2=\"120\" />\n",
       "  <line x1=\"53\" y1=\"0\" x2=\"53\" y2=\"120\" />\n",
       "  <line x1=\"58\" y1=\"0\" x2=\"58\" y2=\"120\" />\n",
       "  <line x1=\"63\" y1=\"0\" x2=\"63\" y2=\"120\" />\n",
       "  <line x1=\"68\" y1=\"0\" x2=\"68\" y2=\"120\" />\n",
       "  <line x1=\"73\" y1=\"0\" x2=\"73\" y2=\"120\" />\n",
       "  <line x1=\"77\" y1=\"0\" x2=\"77\" y2=\"120\" />\n",
       "  <line x1=\"82\" y1=\"0\" x2=\"82\" y2=\"120\" />\n",
       "  <line x1=\"87\" y1=\"0\" x2=\"87\" y2=\"120\" />\n",
       "  <line x1=\"94\" y1=\"0\" x2=\"94\" y2=\"120\" style=\"stroke-width:2\" />\n",
       "\n",
       "  <!-- Colored Rectangle -->\n",
       "  <polygon points=\"0.0,0.0 94.24883296123403,0.0 94.24883296123403,120.0 0.0,120.0\" style=\"fill:#8B4903A0;stroke-width:0\"/>\n",
       "\n",
       "  <!-- Text -->\n",
       "  <text x=\"47.124416\" y=\"140.000000\" font-size=\"1.0rem\" font-weight=\"100\" text-anchor=\"middle\" >38697</text>\n",
       "  <text x=\"114.248833\" y=\"60.000000\" font-size=\"1.0rem\" font-weight=\"100\" text-anchor=\"middle\" transform=\"rotate(-90,114.248833,60.000000)\">49270</text>\n",
       "</svg>\n",
       "        </td>\n",
       "    </tr>\n",
       "</table></div></div></li><li class='xr-section-item'><input id='section-42d012d3-ff66-4a50-84a5-8a5405b2df8a' class='xr-section-summary-in' type='checkbox'  checked><label for='section-42d012d3-ff66-4a50-84a5-8a5405b2df8a' class='xr-section-summary' >Coordinates: <span>(3)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-var-name'><span>spatial_ref</span></div><div class='xr-var-dims'>()</div><div class='xr-var-dtype'>int64</div><div class='xr-var-preview xr-preview'>...</div><input id='attrs-7200d148-482a-475f-aacc-83d1a9a15ae2' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-7200d148-482a-475f-aacc-83d1a9a15ae2' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-f8df4ee5-8cc6-4e33-8bd1-599f787e4880' class='xr-var-data-in' type='checkbox'><label for='data-f8df4ee5-8cc6-4e33-8bd1-599f787e4880' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>GeoTransform :</span></dt><dd>64.82507581167582 0.00018242939180384621 0.0 30.401656422378274 0.0 -0.0001824293918038463</dd><dt><span>crs_wkt :</span></dt><dd>GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AXIS[&quot;Latitude&quot;,NORTH],AXIS[&quot;Longitude&quot;,EAST],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]]</dd><dt><span>geographic_crs_name :</span></dt><dd>WGS 84</dd><dt><span>grid_mapping_name :</span></dt><dd>latitude_longitude</dd><dt><span>horizontal_datum_name :</span></dt><dd>World Geodetic System 1984</dd><dt><span>inverse_flattening :</span></dt><dd>298.257223563</dd><dt><span>longitude_of_prime_meridian :</span></dt><dd>0.0</dd><dt><span>prime_meridian_name :</span></dt><dd>Greenwich</dd><dt><span>reference_ellipsoid_name :</span></dt><dd>WGS 84</dd><dt><span>semi_major_axis :</span></dt><dd>6378137.0</dd><dt><span>semi_minor_axis :</span></dt><dd>6356752.314245179</dd><dt><span>spatial_ref :</span></dt><dd>GEOGCS[&quot;WGS 84&quot;,DATUM[&quot;WGS_1984&quot;,SPHEROID[&quot;WGS 84&quot;,6378137,298.257223563,AUTHORITY[&quot;EPSG&quot;,&quot;7030&quot;]],AUTHORITY[&quot;EPSG&quot;,&quot;6326&quot;]],PRIMEM[&quot;Greenwich&quot;,0,AUTHORITY[&quot;EPSG&quot;,&quot;8901&quot;]],UNIT[&quot;degree&quot;,0.0174532925199433,AUTHORITY[&quot;EPSG&quot;,&quot;9122&quot;]],AXIS[&quot;Latitude&quot;,NORTH],AXIS[&quot;Longitude&quot;,EAST],AUTHORITY[&quot;EPSG&quot;,&quot;4326&quot;]]</dd></dl></div><div class='xr-var-data'><pre>[1 values with dtype=int64]</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>x</span></div><div class='xr-var-dims'>(x)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>64.83 64.83 64.83 ... 71.88 71.88</div><input id='attrs-daa5f6ff-811f-431b-a25d-e1699336c6f7' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-daa5f6ff-811f-431b-a25d-e1699336c6f7' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-a2519e55-8413-4517-8e72-430ed241707e' class='xr-var-data-in' type='checkbox'><label for='data-a2519e55-8413-4517-8e72-430ed241707e' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>axis :</span></dt><dd>X</dd><dt><span>long_name :</span></dt><dd>longitude</dd><dt><span>standard_name :</span></dt><dd>longitude</dd><dt><span>units :</span></dt><dd>degrees_east</dd></dl></div><div class='xr-var-data'><pre>array([64.825167, 64.825349, 64.825532, ..., 71.88409 , 71.884272, 71.884455])</pre></div></li><li class='xr-var-item'><div class='xr-var-name'><span class='xr-has-index'>y</span></div><div class='xr-var-dims'>(y)</div><div class='xr-var-dtype'>float64</div><div class='xr-var-preview xr-preview'>30.4 30.4 30.4 ... 21.41 21.41</div><input id='attrs-50d65bae-8564-4b05-bf88-ad39f59d6bf4' class='xr-var-attrs-in' type='checkbox' ><label for='attrs-50d65bae-8564-4b05-bf88-ad39f59d6bf4' title='Show/Hide attributes'><svg class='icon xr-icon-file-text2'><use xlink:href='#icon-file-text2'></use></svg></label><input id='data-86e23566-a08b-4bce-af7a-b7560f76ebfe' class='xr-var-data-in' type='checkbox'><label for='data-86e23566-a08b-4bce-af7a-b7560f76ebfe' title='Show/Hide data repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-var-attrs'><dl class='xr-attrs'><dt><span>axis :</span></dt><dd>Y</dd><dt><span>long_name :</span></dt><dd>latitude</dd><dt><span>standard_name :</span></dt><dd>latitude</dd><dt><span>units :</span></dt><dd>degrees_north</dd></dl></div><div class='xr-var-data'><pre>array([30.401565, 30.401383, 30.4012  , ..., 21.413816, 21.413634, 21.413452])</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-aad0617f-4e7a-40a9-a911-cd19407d188e' class='xr-section-summary-in' type='checkbox'  ><label for='section-aad0617f-4e7a-40a9-a911-cd19407d188e' class='xr-section-summary' >Indexes: <span>(2)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><ul class='xr-var-list'><li class='xr-var-item'><div class='xr-index-name'><div>x</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-1a9d943b-13d3-4701-8057-7b8b0fb10015' class='xr-index-data-in' type='checkbox'/><label for='index-1a9d943b-13d3-4701-8057-7b8b0fb10015' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([64.82516702637172, 64.82534945576352, 64.82553188515533,\n",
       "       64.82571431454713, 64.82589674393893, 64.82607917333074,\n",
       "       64.82626160272254, 64.82644403211434, 64.82662646150615,\n",
       "       64.82680889089795,\n",
       "       ...\n",
       "       71.88281290708711, 71.88299533647893, 71.88317776587073,\n",
       "       71.88336019526253, 71.88354262465434, 71.88372505404614,\n",
       "       71.88390748343794, 71.88408991282975, 71.88427234222155,\n",
       "       71.88445477161335],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;x&#x27;, length=38697))</pre></div></li><li class='xr-var-item'><div class='xr-index-name'><div>y</div></div><div class='xr-index-preview'>PandasIndex</div><div></div><input id='index-29e99b31-cada-47a9-910e-f20f4fe02387' class='xr-index-data-in' type='checkbox'/><label for='index-29e99b31-cada-47a9-910e-f20f4fe02387' title='Show/Hide index repr'><svg class='icon xr-icon-database'><use xlink:href='#icon-database'></use></svg></label><div class='xr-index-data'><pre>PandasIndex(Index([ 30.40156520768237, 30.401382778290568,  30.40120034889876,\n",
       "        30.40101791950696, 30.400835490115156,  30.40065306072335,\n",
       "       30.400470631331547, 30.400288201939745,  30.40010577254794,\n",
       "       30.399923343156136,\n",
       "       ...\n",
       "         21.4150933674249, 21.414910938033096, 21.414728508641293,\n",
       "        21.41454607924949, 21.414363649857684,  21.41418122046588,\n",
       "        21.41399879107408, 21.413816361682272,  21.41363393229047,\n",
       "       21.413451502898667],\n",
       "      dtype=&#x27;float64&#x27;, name=&#x27;y&#x27;, length=49270))</pre></div></li></ul></div></li><li class='xr-section-item'><input id='section-6d3032cb-1db4-45a3-a6c5-33925a3ba455' class='xr-section-summary-in' type='checkbox'  checked><label for='section-6d3032cb-1db4-45a3-a6c5-33925a3ba455' class='xr-section-summary' >Attributes: <span>(3)</span></label><div class='xr-section-inline-details'></div><div class='xr-section-details'><dl class='xr-attrs'><dt><span>tiles :</span></dt><dd>[&#x27;E015N024T3&#x27;, &#x27;E015N027T3&#x27;, &#x27;E015N030T3&#x27;, &#x27;E018N027T3&#x27;, &#x27;E018N030T3&#x27;]</dd><dt><span>location :</span></dt><dd>central</dd><dt><span>resolution :</span></dt><dd>20</dd></dl></div></li></ul></div></div>"
      ],
      "text/plain": [
       "<xarray.DataArray 'flood' (y: 49270, x: 38697)>\n",
       "dask.array<open_dataset-flood, shape=(49270, 38697), dtype=float32, chunksize=(1000, 1000), chunktype=numpy.ndarray>\n",
       "Coordinates:\n",
       "    spatial_ref  int64 ...\n",
       "  * x            (x) float64 64.83 64.83 64.83 64.83 ... 71.88 71.88 71.88 71.88\n",
       "  * y            (y) float64 30.4 30.4 30.4 30.4 ... 21.41 21.41 21.41 21.41\n",
       "Attributes:\n",
       "    tiles:       ['E015N024T3', 'E015N027T3', 'E015N030T3', 'E018N027T3', 'E0...\n",
       "    location:    central\n",
       "    resolution:  20"
      ]
     },
     "execution_count": 55,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "floods_aug_30 = xr.open_zarr(\n",
    "    store=s3fs.S3Map(\n",
    "        root=f\"demo/dedl-flood/FLOOD/2022-08-30.zarr\",\n",
    "        s3=s3_central, check=False\n",
    "    ),\n",
    "    decode_coords=\"all\",\n",
    ")[\"flood\"].assign_attrs(location=\"central\", resolution=20)\n",
    "floods_aug_30"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 56,
   "metadata": {},
   "outputs": [],
   "source": [
    "floods_aug_30_prep = preprocess_dataset(floods_aug_30, 'median')\n",
    "floods_aug_30_prep_ = myDEDLClusters.compute(floods_aug_30_prep, sync=True)\n",
    "floods_aug_30 = floods_aug_30_prep_.rio.reproject(f\"EPSG:3857\", nodata=np.nan)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 57,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/vnd.jupyter.widget-view+json": {
       "model_id": "3c8820b1e4e24b7b989ee38421c47b55",
       "version_major": 2,
       "version_minor": 0
      },
      "text/plain": [
       "Map(center=[26.0, 68.0], controls=(ZoomControl(options=['position', 'zoom_in_text', 'zoom_in_title', 'zoom_out…"
      ]
     },
     "execution_count": 57,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "m = leafmap.Map(center=roi_extent.get_center(),\n",
    "                zoom=8, height=600)\n",
    "\n",
    "m.split_map(\n",
    "    builtup,\n",
    "    floods_aug_30,\n",
    "    left_args={\n",
    "        \"layer_name\": \"Built-Up\",\n",
    "        \"colormap\": \"Reds\",\n",
    "        \"nodata\": 0.,\n",
    "    },\n",
    "    left_label=\"Built-up presence\",\n",
    "    right_args={\n",
    "        \"layer_name\": \"Flood\",\n",
    "        \"colormap\": \"Blues\",\n",
    "        \"nodata\": 0,\n",
    "    },\n",
    "    right_label=\"Flooded area\"\n",
    ")\n",
    "m"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Shutdown Dask Cluster to free up resources"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 58,
   "metadata": {},
   "outputs": [],
   "source": [
    "myDEDLClusters.shutdown()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3 (ipykernel)",
   "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.11.4"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 4
}