j1-template 2022.5.0.rc1 → 2022.5.0.rc4

data/lib/starter_web/pages/public/_jupyter/notebooks/j1/.ipynb_checkpoints/j1_bgplot_line_plot-checkpoint.ipynb

@@ -0,0 +1,247 @@
+{
+ "cells": [
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# Line Plot"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "`bqplot` is an interactive plotting library. Attributes of plots can be updated in place without recreating the whole figure and marks. Let's look at idiomatic ways of updating plots in `bqplot`"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 21,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import numpy as np\n",
+    "import bqplot.pyplot as plt\n",
+    "\n",
+    "# Jupyter Specifics\n",
+    "#\n",
+    "from IPython.display import HTML\n",
+    "from ipywidgets.widgets import interact, IntSlider, FloatSlider, Dropdown, Layout"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 22,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "e901af641b92437889cce0cf9397d1bb",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "Figure(axes=[Axis(scale=LinearScale()), Axis(orientation='vertical', scale=LinearScale())], fig_margin={'top':…"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
+   "source": [
+    "x = np.linspace(-10, 10, 100)\n",
+    "y = np.sin(x)\n",
+    "\n",
+    "fig = plt.figure()\n",
+    "line = plt.plot(x=x, y=y)\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Circle"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "### Basic Functions\n",
+    "\n",
+    "Once everything is imported and ready to use, several functions must be defined, namely:\n",
+    "\n",
+    "1. A function to calculate the points arround a circle\n",
+    "2. A function to generate each of the lines\n",
+    "3. A function to plot the labels and the point in the circle\n",
+    "4. A function to plot the lines in the circle\n",
+    "\n",
+    "The first function is called *points_arround_circle* and it basically uses polar coordinates to place a given number of points arround a circle of a given radius. Here numpy is needed to make the calculation performant."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def points_arround_circle(number=100, center=(0,0), radius=1):\n",
+    "    theta = np.linspace(0, 2 * np.pi - (2 * np.pi / number), number)\n",
+    "    x = radius * np.cos(theta)\n",
+    "    y = radius * np.sin(theta)\n",
+    "    return (x, y)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "Second, in order to generate the lines, the list of points is given and a new line is generated by the function get_lines_from_points."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 17,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def get_lines_from_points(x, y, factor, animated=None):\n",
+    "    limit = len(x)\n",
+    "    if animated is not None:\n",
+    "        for i in range(limit):\n",
+    "            x_range = (x[i], x[int(i * factor) % limit])\n",
+    "            y_range = (y[i], y[int(i * factor) % limit])\n",
+    "            yield mlines.Line2D(x_range, y_range)\n",
+    "    else:\n",
+    "        for i in range(limit):\n",
+    "            start = (x[i], y[i])\n",
+    "            index = int((i * factor) % limit)\n",
+    "            end = (x[index], y[index])          \n",
+    "            yield end, start"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 18,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def plot_circle_points(x, y, ax, labels=None):\n",
+    "    ax.annotate(\"Points: {}\".format(len(x)), (0.8, 0.9))\n",
+    "    ax.plot(x, y, \"-ko\", markevery=1)\n",
+    "    if not labels is None:\n",
+    "        for i, (x, y) in enumerate(zip(x, y)):\n",
+    "            ax.annotate(i, (x, y))"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 19,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def plot_lines(x, y, factor, ax, color=None):\n",
+    "    ax.annotate(\"Factor: {}\".format(factor), (0.8, 1))\n",
+    "    lines = list(get_lines_from_points(x, y, factor))\n",
+    "    if color is None:\n",
+    "        line_segments = LineCollection(lines)\n",
+    "    else:\n",
+    "        line_segments = LineCollection(lines, colors=colorsys.hsv_to_rgb(color, 1.0, 0.8))\n",
+    "            \n",
+    "    ax.add_collection(line_segments)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 20,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "\n",
+      "Try these Factors with different number of Points:\n",
+      " 2 3 4 5 8 10 16 20 21 25 26 34 \n",
+      "\n"
+     ]
+    }
+   ],
+   "source": [
+    "def plot_parametric(Factor=2, Points=100):\n",
+    "    \n",
+    "    # figsize: width|height recalculated from inches to pixels\n",
+    "    my_dpi=96\n",
+    "    plt.figure(figsize=(800/my_dpi, 800/my_dpi), dpi=my_dpi)    \n",
+    "    \n",
+    "    # ax = plt.subplot()\n",
+    "    # plt.axis('off')\n",
+    "    x, y = points_arround_circle(number=Points)\n",
+    "    plot_circle_points(x, y)\n",
+    "    plot_lines(x, y, Factor)\n",
+    "    plt.show()\n",
+    "\n",
+    "factors = 2, 3, 4, 5, 8, 10, 16, 20, 21, 25, 26, 34\n",
+    "print(\"\\nTry these Factors with different number of Points:\\n\", *factors, \"\\n\")"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 15,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "efea323ad12b427d8df40729e3cf1eda",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "interactive(children=(IntSlider(value=2, description='Factor', layout=Layout(width='90%'), max=34, min=1), Int…"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
+   "source": [
+    "# nbi:hide_in\n",
+    "\n",
+    "interact(plot_parametric, \n",
+    "        Factor=IntSlider(min=1, max=34, step=1, value=2, layout=Layout(width='90%')),\n",
+    "        Points=IntSlider(min=25, max=200, step=5, value=100, layout=Layout(width='90%')));\n"
+   ]
+  },
+  {
+   "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.7.9"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 1
+}