j1-template 2022.5.0.rc1 → 2022.5.0.rc4

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

@@ -0,0 +1,336 @@
+{
+ "cells": [
+  {
+   "cell_type": "markdown",
+   "id": "057775dd",
+   "metadata": {},
+   "source": [
+    "## Mathplot Circle\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 1,
+   "id": "2179cfde",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "image/png": "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\n",
+      "text/plain": [
+       "<Figure size 432x288 with 1 Axes>"
+      ]
+     },
+     "metadata": {
+      "needs_background": "light"
+     },
+     "output_type": "display_data"
+    }
+   ],
+   "source": [
+    "import matplotlib.pyplot as plt \n",
+    " \n",
+    "figure, axes = plt.subplots() \n",
+    "cc = plt.Circle(( 0.5 , 0.5 ), 0.4 ) \n",
+    " \n",
+    "axes.set_aspect( 1 ) \n",
+    "axes.add_artist( cc ) \n",
+    "plt.title( 'Colored Circle' )\n",
+    "\n",
+    "# plt.axis('off')\n",
+    "\n",
+    "plt.show()"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "1d1e5d91",
+   "metadata": {},
+   "source": [
+    "## BQplot Line\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 2,
+   "id": "d834c0aa",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "3f5c11bd95694d8989ba86f25a56b27b",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "Figure(axes=[Axis(label='Test X', scale=LinearScale(), tick_format='0.0f'), Axis(label='Test Y', orientation='…"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
+   "source": [
+    "from bqplot import *\n",
+    "from IPython.display import display\n",
+    "\n",
+    "x_data = range(10)\n",
+    "y_data = [i ** 2 for i in x_data]\n",
+    "\n",
+    "x_sc = LinearScale()\n",
+    "y_sc = LinearScale()\n",
+    "\n",
+    "ax_x = Axis(label='Test X', scale=x_sc, tick_format='0.0f')\n",
+    "ax_y = Axis(label='Test Y', scale=y_sc,\n",
+    "            orientation='vertical', tick_format='0.2f')\n",
+    "\n",
+    "line = Lines(x=x_data,\n",
+    "             y=y_data,\n",
+    "             scales={'x': x_sc, 'y': y_sc},\n",
+    "             colors=['red', 'yellow'])\n",
+    "\n",
+    "fig = Figure(axes=[ax_x, ax_y], marks=[line])\n",
+    "\n",
+    "display(fig)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "c9531f15",
+   "metadata": {},
+   "source": [
+    "## BQplot Line\n",
+    "\n",
+    "`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`\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 10,
+   "id": "458d6b05",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import numpy as np\n",
+    "import ipywidgets as widgets\n",
+    "from ipywidgets import interact, Layout, IntSlider, FloatSlider\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": 11,
+   "id": "b686c0bd",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import bqplot.pyplot as plt"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 12,
+   "id": "e4ba905e",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "2d3b883e0a294d7a9faa37261514d655",
+       "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",
+    "\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "63563daf",
+   "metadata": {},
+   "source": [
+    "## BQplot Circle "
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 19,
+   "id": "ec70f43c",
+   "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",
+    "\n",
+    "    return (x, y)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 20,
+   "id": "c5880385",
+   "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": 21,
+   "id": "b4fad2a1",
+   "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": 22,
+   "id": "a6695f90",
+   "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": 25,
+   "id": "1555414a",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "60e837f34b11405aa90bcb0b83b4e709",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "Figure(axes=[Axis(color='white', grid_lines='none', label='Test X', num_ticks=0, scale=LinearScale(), tick_for…"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
+   "source": [
+    "import numpy as np\n",
+    "\n",
+    "from IPython.display import HTML\n",
+    "from ipywidgets.widgets import interact, IntSlider, FloatSlider, Dropdown, Layout\n",
+    "\n",
+    "from bqplot import *\n",
+    "from IPython.display import display\n",
+    "\n",
+    "Factor = 10\n",
+    "Points = 10\n",
+    "\n",
+    "x_sc = LinearScale()\n",
+    "y_sc = LinearScale()\n",
+    "\n",
+    "ax_x = Axis(label='Test X', scale=x_sc, tick_format='0.0f')\n",
+    "ax_y = Axis(label='Test Y', scale=y_sc,\n",
+    "            orientation='vertical', tick_format='0.2f')\n",
+    "\n",
+    "x_data, y_data = points_arround_circle(number=Points)\n",
+    "# plot_circle_points(x_data, y_data, ax_y)\n",
+    "\n",
+    "\n",
+    "# plot_lines(x_data, y_data, Factor, ax_x)\n",
+    "\n",
+    "line = Lines(x=x_data,\n",
+    "             y=y_data,\n",
+    "             scales={'x': x_sc, 'y': y_sc},\n",
+    "             colors=['red', 'yellow'])\n",
+    "\n",
+    "fig = Figure(axes=[ax_x, ax_y], marks=[line])\n",
+    "\n",
+    "# figsize: width|height recalculated from inches to pixels\n",
+    "fig.layout.width = '500px'\n",
+    "fig.layout.height = '500px'\n",
+    "\n",
+    "# Removing axes and background gridlines\n",
+    "ax_x.grid_lines = \"none\"\n",
+    "ax_y.grid_lines = \"none\"\n",
+    "\n",
+    "ax_x.color = \"white\"\n",
+    "ax_y.color = \"white\"\n",
+    "\n",
+    "ax_x.num_ticks = 0\n",
+    "ax_y.num_ticks = 0\n",
+    "\n",
+    "display(fig)"
+   ]
+  }
+ ],
+ "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": 5
+}