j1-template 2022.5.0.rc1 → 2022.5.0.rc4

data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Hist.ipynb

@@ -0,0 +1,176 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import numpy as np\n",
+    "from bqplot import LinearScale, Hist, Figure, Axis"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Basic Histogram"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "np.random.seed(0)\n",
+    "x_data = np.random.randn(100)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "x_sc = LinearScale()\n",
+    "y_sc = LinearScale()\n",
+    "\n",
+    "hist = Hist(sample=x_data, scales={\"sample\": x_sc, \"count\": y_sc})\n",
+    "ax_x = Axis(scale=x_sc, tick_format=\"0.2f\")\n",
+    "ax_y = Axis(scale=y_sc, orientation=\"vertical\")\n",
+    "\n",
+    "Figure(marks=[hist], axes=[ax_x, ax_y], padding_y=0)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "hist.count"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# Changing the number of bins\n",
+    "hist.bins = 20"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Properties of Histogram"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# normalizing the count\n",
+    "\n",
+    "x_sc = LinearScale()\n",
+    "y_sc = LinearScale()\n",
+    "\n",
+    "hist = Hist(sample=x_data, scales={\"sample\": x_sc, \"count\": y_sc}, normalized=True)\n",
+    "ax_x = Axis(scale=x_sc, tick_format=\"0.2f\")\n",
+    "ax_y = Axis(scale=y_sc, orientation=\"vertical\")\n",
+    "\n",
+    "Figure(marks=[hist], axes=[ax_x, ax_y], padding_y=0)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# changing the color\n",
+    "hist.colors = [\"orangered\"]"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# stroke and opacity update\n",
+    "hist.stroke = \"orange\"\n",
+    "hist.opacities = [0.5] * hist.bins"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Read-only properties of Histogram"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "x_sc = LinearScale()\n",
+    "y_sc = LinearScale()\n",
+    "\n",
+    "hist = Hist(sample=x_data, scales={\"sample\": x_sc, \"count\": y_sc})\n",
+    "ax_x = Axis(scale=x_sc, tick_format=\"0.2f\")\n",
+    "ax_y = Axis(scale=y_sc, orientation=\"vertical\")\n",
+    "\n",
+    "Figure(marks=[hist], axes=[ax_x, ax_y], padding_y=0)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# count is the number of elements in each interval\n",
+    "hist.count"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# mid points are the mid points of each interval\n",
+    "hist.midpoints"
+   ]
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.7.6"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 1
+}

data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Image.ipynb

@@ -0,0 +1,195 @@
+{
+ "cells": [
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## The `Image` Mark\n",
+    "\n",
+    "`Image` is a `Mark` object, used to visualize images in standard format (png, jpg etc...), in a `bqplot` `Figure`"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "It takes as input an `ipywidgets` [Image](https://ipywidgets.readthedocs.io/en/latest/examples/Widget%20List.html#Image) widget"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "### The ipywidgets Image"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import ipywidgets as widgets\n",
+    "import os\n",
+    "\n",
+    "image_path = os.path.abspath(\"../../data_files/trees.jpg\")\n",
+    "\n",
+    "with open(image_path, \"rb\") as f:\n",
+    "    raw_image = f.read()\n",
+    "ipyimage = widgets.Image(value=raw_image, format=\"jpg\")\n",
+    "ipyimage"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "### Displaying the image inside a bqplot Figure"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "from bqplot import LinearScale, Figure, Lines, Axis, Image\n",
+    "\n",
+    "# Create the scales for the image coordinates\n",
+    "scales = {\"x\": LinearScale(), \"y\": LinearScale()}\n",
+    "# Define the bqplot Image mark\n",
+    "image = Image(image=ipyimage, scales=scales)\n",
+    "# Create the bqplot Figure to display the mark\n",
+    "fig = Figure(title=\"Trees\", marks=[image], padding_x=0, padding_y=0)\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "### Mixing with other marks\n",
+    "\n",
+    "`Image` is a mark like any other, so they can be mixed and matched together."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "scales = {\"x\": LinearScale(min=-1, max=2), \"y\": LinearScale(min=-0.5, max=2)}\n",
+    "image = Image(image=ipyimage, scales=scales)\n",
+    "lines = Lines(x=[0, 1, 1, 0, 0], y=[0, 0, 1, 1, 0], scales=scales, colors=[\"red\"])\n",
+    "fig = Figure(marks=[image, lines], padding_x=0, padding_y=0, animation_duration=1000)\n",
+    "fig.axes = [Axis(scale=scales[\"x\"]), Axis(scale=scales[\"y\"], orientation=\"vertical\")]\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "Its traits (attributes) will also respond dynamically to a change from the backend"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# Full screen\n",
+    "image.x = [-1, 2]\n",
+    "image.y = [-0.5, 2]"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "### Interactions\n",
+    "\n",
+    "Like other bqplot marks, you can watch for mouse clicks. For the image mark, the position of the click (on the x/y scale set up in the figure) is returned."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def print_event(_, target):\n",
+    "    print(target)\n",
+    "\n",
+    "\n",
+    "image.on_element_click(print_event)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Pyplot\n",
+    "\n",
+    "It may seem verbose to first open the image file, create an `ipywidgets` `Image`, then create the scales and so forth.\n",
+    "\n",
+    "The `pyplot` api does all of that for you, via the `imshow` function."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import bqplot.pyplot as bqp\n",
+    "\n",
+    "bqp.figure()\n",
+    "bqp.imshow(image_path, \"filename\")\n",
+    "bqp.show()"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "\n",
+    "The signature is\n",
+    "\n",
+    "`bqp.imshow(image, format)`\n",
+    "\n",
+    "- `image` is the `Image` data, depending on the passed `format`, can be one of:\n",
+    "    - an instance of an ipywidgets Image\n",
+    "    - a file name\n",
+    "    - a raw byte string\n",
+    "- `format`: {'widget', 'filename', ...}\n",
+    "   Type of the input argument.\n",
+    "   If not 'widget' or 'filename', must be a format supported by the\n",
+    "   `ipywidgets` `Image`.\n"
+   ]
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.7.6"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}

data/lib/starter_web/pages/public/_jupyter/notebooks/martin_renou_bqplot/Marks/Object Model/Label.ipynb

@@ -0,0 +1,189 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "from bqplot import Label, LinearScale, Axis, Lines, Figure, DateScale\n",
+    "import numpy as np\n",
+    "import pandas as pd"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "np.random.seed(10)\n",
+    "price_data = pd.DataFrame(\n",
+    "    np.cumsum(np.random.randn(150, 2).dot([[0.5, 0.8], [0.8, 1.0]]), axis=0) + 100,\n",
+    "    columns=[\"Security 1\", \"Security 2\"],\n",
+    "    index=pd.date_range(start=\"01-01-2007\", periods=150),\n",
+    ")\n",
+    "y_data = np.cumsum(np.random.randn(100))"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Label positioned in data coordinates"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "x_sc = LinearScale()\n",
+    "y_sc = LinearScale()\n",
+    "\n",
+    "test_line = Lines(x=np.arange(10), y=y_data[:10], scales={\"x\": x_sc, \"y\": y_sc})\n",
+    "test_label = Label(\n",
+    "    x=np.arange(5),\n",
+    "    y=y_data[:5],\n",
+    "    scales={\"x\": x_sc, \"y\": y_sc},\n",
+    "    text=[\"Test\", \"Label\", \"for\", \"the\", \"Data\"],\n",
+    "    default_size=26,\n",
+    "    font_weight=\"bolder\",\n",
+    "    colors=[\"orange\", \"red\"],\n",
+    "    update_on_move=True,\n",
+    ")\n",
+    "\n",
+    "ax_x = Axis(scale=x_sc, label=\"X\")\n",
+    "ax_y = Axis(scale=y_sc, orientation=\"vertical\", tick_format=\"0.2f\", label=\"Y\")\n",
+    "\n",
+    "Figure(marks=[test_label, test_line], axes=[ax_x, ax_y], title=\"Basic Label Example\")"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "Setting the label attribute `enable_move` to `True` makes the label draggable"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "test_label.enable_move = True"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Label positioned in terms of Figure coordinates"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "x_sc = LinearScale()\n",
+    "y_sc = LinearScale()\n",
+    "\n",
+    "test_line = Lines(x=np.arange(10), y=y_data, scales={\"x\": x_sc, \"y\": y_sc})\n",
+    "test_label = Label(\n",
+    "    x=[0.5],\n",
+    "    y=[0.2],\n",
+    "    text=[\"Test Label\"],\n",
+    "    default_size=26,\n",
+    "    font_weight=\"bolder\",\n",
+    "    colors=[\"orange\"],\n",
+    ")\n",
+    "\n",
+    "ax_x = Axis(scale=x_sc)\n",
+    "ax_y = Axis(scale=y_sc, orientation=\"vertical\", tick_format=\"0.2f\")\n",
+    "\n",
+    "Figure(marks=[test_line, test_label], axes=[ax_x, ax_y])"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# Rotating the label\n",
+    "test_label.rotate_angle = 30"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Label positioned at a Date value"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "dt_sc = DateScale()\n",
+    "y_sc = LinearScale()\n",
+    "\n",
+    "lines = Lines(\n",
+    "    x=price_data.index.values,\n",
+    "    y=price_data[\"Security 1\"].values,\n",
+    "    scales={\"x\": dt_sc, \"y\": y_sc},\n",
+    ")\n",
+    "label = Label(\n",
+    "    x=[np.datetime64(\"2007-03-14\")],\n",
+    "    y=[0.5],\n",
+    "    scales={\"x\": dt_sc},\n",
+    "    text=[\"Pi-Day\"],\n",
+    "    colors=[\"orange\"],\n",
+    ")\n",
+    "\n",
+    "ax_x = Axis(scale=dt_sc)\n",
+    "ax_y = Axis(scale=y_sc, orientation=\"vertical\")\n",
+    "\n",
+    "Figure(marks=[lines, label], axes=[ax_x, ax_y])"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# Setting an offset in pixel\n",
+    "label.x_offset = 100"
+   ]
+  }
+ ],
+ "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": 1
+}