j1-template 2022.5.0.rc3 → 2022.5.1.rc0

data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/GridHeatMap.ipynb

@@ -1,417 +0,0 @@
-{
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "from __future__ import print_function\n",
-    "import numpy as np\n",
-    "import bqplot.pyplot as plt\n",
-    "from bqplot import LinearScale"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "## Get Data"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "np.random.seed(0)\n",
-    "data = np.random.randn(10, 10)"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "## Basic Heat map"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {
-    "jupyter": {
-     "outputs_hidden": false
-    }
-   },
-   "outputs": [],
-   "source": [
-    "from ipywidgets import *\n",
-    "\n",
-    "fig = plt.figure(padding_y=0.0)\n",
-    "grid_map = plt.gridheatmap(data)\n",
-    "fig"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "grid_map.display_format = \".2f\""
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "grid_map.font_style = {\"font-size\": \"16px\", \"fill\": \"blue\", \"font-weight\": \"bold\"}"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "## Hide tick_labels and color axis using 'axes_options'"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "axes_options = {\n",
-    "    \"column\": {\"visible\": False},\n",
-    "    \"row\": {\"visible\": False},\n",
-    "    \"color\": {\"visible\": False},\n",
-    "}"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {
-    "jupyter": {
-     "outputs_hidden": false
-    }
-   },
-   "outputs": [],
-   "source": [
-    "fig = plt.figure(padding_y=0.0)\n",
-    "grid_map = plt.gridheatmap(data, axes_options=axes_options)\n",
-    "fig"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "## Non Uniform Heat map"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {
-    "jupyter": {
-     "outputs_hidden": false
-    }
-   },
-   "outputs": [],
-   "source": [
-    "fig = plt.figure(padding_y=0.0)\n",
-    "plt.scales(scales={\"x\": LinearScale(), \"y\": LinearScale(reverse=True)})\n",
-    "\n",
-    "## The data along the rows is not uniform. Hence the 5th row(from top) of the map\n",
-    "## is twice the height of the remaining rows.\n",
-    "row_data = np.arange(10)\n",
-    "row_data[5:] = np.arange(6, 11)\n",
-    "column_data = np.arange(10, 20)\n",
-    "\n",
-    "grid_map = plt.gridheatmap(data, row=row_data, column=column_data)\n",
-    "fig"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {
-    "jupyter": {
-     "outputs_hidden": false
-    },
-    "scrolled": true
-   },
-   "outputs": [],
-   "source": [
-    "print(row_data.shape)\n",
-    "print(column_data.shape)\n",
-    "print(data.shape)"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "## Alignment of the data with respect to the grid"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "For a `N-by-N` matrix, `N+1` points along the row or the column are assumed to be end points."
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {
-    "jupyter": {
-     "outputs_hidden": false
-    }
-   },
-   "outputs": [],
-   "source": [
-    "fig = plt.figure(padding_y=0.0)\n",
-    "plt.scales(scales={\"x\": LinearScale(), \"y\": LinearScale(reverse=True)})\n",
-    "\n",
-    "row_data = np.arange(11)\n",
-    "column_data = np.arange(10, 21)\n",
-    "\n",
-    "grid_map = plt.gridheatmap(data, row=row_data, column=column_data)\n",
-    "fig"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "By default, for `N` points along any dimension, data aligns to the `start` of the rectangles in the grid.\n",
-    "The grid extends infinitely in the other direction. By default, the grid extends infintely\n",
-    "towards the bottom and the right."
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {
-    "jupyter": {
-     "outputs_hidden": false
-    }
-   },
-   "outputs": [],
-   "source": [
-    "fig = plt.figure(padding_y=0.0)\n",
-    "plt.scales(scales={\"x\": LinearScale(), \"y\": LinearScale(reverse=True, max=15)})\n",
-    "\n",
-    "row_data = np.arange(10)\n",
-    "column_data = np.arange(10, 20)\n",
-    "\n",
-    "grid_map = plt.gridheatmap(data, row=row_data, column=column_data)\n",
-    "fig"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "By changing the `row_align` and `column_align` properties, the grid can extend in the opposite direction"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {
-    "jupyter": {
-     "outputs_hidden": false
-    }
-   },
-   "outputs": [],
-   "source": [
-    "fig = plt.figure(padding_y=0.0)\n",
-    "plt.scales(scales={\"x\": LinearScale(), \"y\": LinearScale(reverse=True, min=-5, max=15)})\n",
-    "\n",
-    "row_data = np.arange(10)\n",
-    "column_data = np.arange(10, 20)\n",
-    "\n",
-    "grid_map = plt.gridheatmap(data, row=row_data, column=column_data, row_align=\"end\")\n",
-    "fig"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "For `N+1` points on any direction, the grid extends infintely in both directions"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {
-    "jupyter": {
-     "outputs_hidden": false
-    }
-   },
-   "outputs": [],
-   "source": [
-    "fig = plt.figure(padding_y=0.0)\n",
-    "plt.scales(scales={\"x\": LinearScale(), \"y\": LinearScale(reverse=True, min=-5, max=15)})\n",
-    "\n",
-    "row_data = np.arange(9)\n",
-    "column_data = np.arange(10, 20)\n",
-    "\n",
-    "grid_map = plt.gridheatmap(data, row=row_data, column=column_data, row_align=\"end\")\n",
-    "fig"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "## Changing opacity and stroke"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {
-    "jupyter": {
-     "outputs_hidden": false
-    }
-   },
-   "outputs": [],
-   "source": [
-    "fig = plt.figure(padding_y=0.0)\n",
-    "grid_map = plt.gridheatmap(data, opacity=0.3, stroke=\"white\", axes_options=axes_options)\n",
-    "fig"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "## Selections on the grid map"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "Selection on the `GridHeatMap` works similar to excel. Clicking on a cell selects the cell, and deselects the previous selection. Using the `Ctrl` key allows multiple cells to be selected, while the `Shift` key selects the range from the last cell in the selection to the current cell."
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {
-    "jupyter": {
-     "outputs_hidden": false
-    }
-   },
-   "outputs": [],
-   "source": [
-    "data = np.random.randn(10, 10)\n",
-    "fig = plt.figure(padding_y=0.0)\n",
-    "grid_map = plt.gridheatmap(\n",
-    "    data,\n",
-    "    interactions={\"click\": \"select\"},\n",
-    "    selected_style={\"stroke\": \"blue\", \"stroke-width\": 3},\n",
-    "    axes_options=axes_options,\n",
-    ")\n",
-    "\n",
-    "fig"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "The `selected` trait of a `GridHeatMap` contains a list of lists, with each sub-list containing the row and column index of a selected cell."
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {
-    "jupyter": {
-     "outputs_hidden": false
-    }
-   },
-   "outputs": [],
-   "source": [
-    "grid_map.selected"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "## Registering `on_element_click` event handler"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "import numpy as np\n",
-    "from IPython.display import display\n",
-    "\n",
-    "np.random.seed(0)\n",
-    "data = np.random.randn(10, 10)\n",
-    "\n",
-    "figure = plt.figure(padding_y=0.0)\n",
-    "grid_map = plt.gridheatmap(\n",
-    "    data,\n",
-    "    interactions={\"click\": \"select\"},\n",
-    "    selected_style={\"stroke\": \"blue\", \"stroke-width\": 3},\n",
-    ")\n",
-    "\n",
-    "from ipywidgets import Output\n",
-    "\n",
-    "out = Output()\n",
-    "\n",
-    "\n",
-    "@out.capture()\n",
-    "def print_event(self, target):\n",
-    "    print(target)\n",
-    "\n",
-    "\n",
-    "# test\n",
-    "print_event(1, \"test output\")\n",
-    "grid_map.on_element_click(print_event)\n",
-    "\n",
-    "display(figure)\n",
-    "display(out)"
-   ]
-  }
- ],
- "metadata": {
-  "anaconda-cloud": {},
-  "kernelspec": {
-   "display_name": "Python 3",
-   "language": "python",
-   "name": "python3"
-  },
-  "language_info": {
-   "codemirror_mode": {
-    "name": "ipython",
-    "version": 3
-   },
-   "file_extension": ".py",
-   "mimetype": "text/x-python",
-   "name": "python",
-   "nbconvert_exporter": "python",
-   "pygments_lexer": "ipython3",
-   "version": "3.7.6"
-  }
- },
- "nbformat": 4,
- "nbformat_minor": 4
-}

data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Pyplot/HeatMap.ipynb

@@ -1,155 +0,0 @@
-{
- "cells": [
-  {
-   "cell_type": "markdown",
-   "metadata": {
-    "collapsed": true
-   },
-   "source": [
-    "# Heatmap"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "The `HeatMap` mark represents a 2d matrix of values as a color image. It can be used to visualize a 2d function, or a grayscale image for instance.\n",
-    "\n",
-    "\n",
-    "`HeatMap` is very similar to the `GridHeatMap`, but should be preferred for a greater number of points (starting at around 100x100), to avoid overloading the browser. `GridHeatMap` offers more control (interactions, selections), and is better suited for a smaller number of points."
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "import numpy as np\n",
-    "from ipywidgets import Layout\n",
-    "import bqplot.pyplot as plt\n",
-    "from bqplot import ColorScale"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "### Data Input\n",
-    "\n",
-    "- `x` is a 1d array, corresponding to the abscissas of the points (size N)\n",
-    "- `y` is a 1d array, corresponding to the ordinates of the points (size M)\n",
-    "- `color` is a 2d array, $\\text{color}_{ij}$ is the intensity of the point $(x_i, y_j)$ (size (N, M))\n",
-    "\n",
-    "Scales must be defined for each attribute:\n",
-    "- a `LinearScale`, `LogScale` or `OrdinalScale` for `x` and `y`\n",
-    "- a `ColorScale` for `color`"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "x = np.linspace(-5, 5, 200)\n",
-    "y = np.linspace(-5, 5, 200)\n",
-    "X, Y = np.meshgrid(x, y)\n",
-    "color = np.cos(X ** 2 + Y ** 2)"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "## Plotting a 2-dimensional function\n",
-    "\n",
-    "This is a visualization of the function $f(x, y) = \\text{cos}(x^2+y^2)$"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "fig = plt.figure(\n",
-    "    title=\"Cosine\",\n",
-    "    layout=Layout(width=\"650px\", height=\"650px\"),\n",
-    "    min_aspect_ratio=1,\n",
-    "    max_aspect_ratio=1,\n",
-    "    padding_y=0,\n",
-    ")\n",
-    "heatmap = plt.heatmap(color, x=x, y=y)\n",
-    "fig"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "## Displaying an image\n",
-    "\n",
-    "The `HeatMap` can be used as is to display a 2d grayscale image, by feeding the matrix of pixel intensities to the `color` attribute"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "from scipy.misc import ascent\n",
-    "\n",
-    "Z = ascent()\n",
-    "Z = Z[::-1, :]\n",
-    "aspect_ratio = Z.shape[1] / Z.shape[0]"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "img = plt.figure(\n",
-    "    title=\"Ascent\",\n",
-    "    layout=Layout(width=\"650px\", height=\"650px\"),\n",
-    "    min_aspect_ratio=aspect_ratio,\n",
-    "    max_aspect_ratio=aspect_ratio,\n",
-    "    padding_y=0,\n",
-    ")\n",
-    "plt.scales(scales={\"color\": ColorScale(scheme=\"Greys\", reverse=True)})\n",
-    "axes_options = {\n",
-    "    \"x\": {\"visible\": False},\n",
-    "    \"y\": {\"visible\": False},\n",
-    "    \"color\": {\"visible\": False},\n",
-    "}\n",
-    "ascent = plt.heatmap(Z, axes_options=axes_options)\n",
-    "img"
-   ]
-  }
- ],
- "metadata": {
-  "anaconda-cloud": {},
-  "kernelspec": {
-   "display_name": "Python 3",
-   "language": "python",
-   "name": "python3"
-  },
-  "language_info": {
-   "codemirror_mode": {
-    "name": "ipython",
-    "version": 3
-   },
-   "file_extension": ".py",
-   "mimetype": "text/x-python",
-   "name": "python",
-   "nbconvert_exporter": "python",
-   "pygments_lexer": "ipython3",
-   "version": "3.7.6"
-  }
- },
- "nbformat": 4,
- "nbformat_minor": 2
-}