j1-template 2022.5.0.rc1 → 2022.5.0.rc4

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

@@ -0,0 +1,362 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import numpy as np\n",
+    "import bqplot.pyplot as plt\n",
+    "from bqplot import CATEGORY10, ColorScale"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "size = 100\n",
+    "np.random.seed(0)\n",
+    "\n",
+    "x_data = range(size)\n",
+    "y_data = np.random.randn(size)\n",
+    "y_data_2 = np.random.randn(size)\n",
+    "y_data_3 = np.cumsum(np.random.randn(size) * 100.0)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Basic Bar Chart"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "plt.figure(title=\"Bar Chart\")\n",
+    "plt.bar(np.arange(10), np.random.rand(10))\n",
+    "plt.show()"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Horizontal Bar Chart"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "To generate a horizontal bar chart, pass `orientation='horizontal'` to the bar."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "plt.figure(title=\"Horizontal Bar Chart\")\n",
+    "plt.bar(np.arange(10), np.random.uniform(-1, 1, 10), orientation=\"horizontal\")\n",
+    "plt.show()"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Changing the reference value from which the Bars are drawn"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "fig = plt.figure()\n",
+    "# assign the output of the plt.bar to a mark object\n",
+    "bar = plt.bar(x_data[:20], np.abs(y_data_2[:20]), base=1.0)\n",
+    "# render the figure\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# changing the base\n",
+    "bar.base = 2.0"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "bar.align = \"right\""
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Bar Chart Properties"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# Increasing the spacing between the bars using padding property\n",
+    "fig = plt.figure()\n",
+    "bar = plt.bar(x_data[:20], y_data[:20], padding=0.3)\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# changing basic properties like stroke and opacity\n",
+    "bar.stroke = \"red\"\n",
+    "bar.opacities = [0.5, 0.2]"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "bar.orientation = \"horizontal\"\n",
+    "fig.axes[0].orientation = \"vertical\"\n",
+    "fig.axes[1].orientation = \"horizontal\""
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Stacked Bar Chart for 2-d data"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "fig = plt.figure()\n",
+    "bar = plt.bar(x_data, [y_data[:20], y_data_2[:20]], padding=0.2, colors=CATEGORY10)\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Grouped Bar Chart"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "bar.type = \"grouped\"  # equivalent to saying\n",
+    "# plt.bar(x_data, y_data, padding=0.2, type='grouped')"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "fig = plt.figure()\n",
+    "bar = plt.bar(\n",
+    "    x_data,\n",
+    "    [y_data[:20], y_data_2[:20]],\n",
+    "    padding=0.2,\n",
+    "    colors=CATEGORY10,\n",
+    "    orientation=\"horizontal\",\n",
+    ")\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "bar.type = \"grouped\""
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Modifying color mode"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "## Color mode has 2 values. 'group' and 'element'.\n",
+    "## 'group' means for every x all bars have same color.\n",
+    "## 'element' means for every dimension of y, all bars have same color.\n",
+    "fig = plt.figure()\n",
+    "bar = plt.bar(\n",
+    "    x_data,\n",
+    "    [y_data[:20], y_data_2[:20]],\n",
+    "    padding=0.2,\n",
+    "    colors=CATEGORY10,\n",
+    "    color_mode=\"group\",\n",
+    ")\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "## for 1-d array for Y.\n",
+    "fig = plt.figure()\n",
+    "bar = plt.bar(\n",
+    "    x_data,\n",
+    "    y_data[:20],\n",
+    "    padding=0.2,\n",
+    "    color_mode=\"element\",\n",
+    "    labels=[\"Values\"],\n",
+    "    display_legend=True,\n",
+    ")\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {
+    "collapsed": true
+   },
+   "source": [
+    "## Representing additional dimension using Color"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# In this example, the color is just the magnitude of the y data\n",
+    "fig = plt.figure()\n",
+    "# add a 'reds' color scale\n",
+    "plt.scales(scales={\"color\": ColorScale(scheme=\"Reds\")})\n",
+    "\n",
+    "bar = plt.bar(x_data[:20], y_data[:20], color=np.abs(y_data[:20]), padding=0.2)\n",
+    "\n",
+    "# give enough bottom margin to accommodate the color axis\n",
+    "fig.fig_margin = dict(top=50, bottom=80, left=50, right=50)\n",
+    "\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Adding color for 2-d data"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# By default color is applied along the axis=1\n",
+    "fig = plt.figure()\n",
+    "plt.scales(scales={\"color\": ColorScale(scheme=\"Reds\")})\n",
+    "\n",
+    "y_vals = [y_data[:20], y_data_2[:20], y_data_3[:20] / 100.0]\n",
+    "color_data = np.mean(y_vals, axis=1)\n",
+    "\n",
+    "bar = plt.bar(\n",
+    "    x_data,\n",
+    "    y_vals,\n",
+    "    color=color_data,\n",
+    "    padding=0.2,\n",
+    "    labels=[\"Dim 1\", \"Dim 2\", \"Dim 3\"],\n",
+    "    display_legend=True,\n",
+    ")\n",
+    "\n",
+    "fig.fig_margin = dict(top=50, bottom=80, left=50, right=50)\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# Applying color along the axis=0\n",
+    "fig = plt.figure()\n",
+    "plt.scales(scales={\"color\": ColorScale(mid=0.0)})\n",
+    "\n",
+    "y_vals = [y_data[:20], y_data_2[:20], y_data_3[:20] / 100.0]\n",
+    "color_data = np.mean(y_vals, axis=0)\n",
+    "\n",
+    "bar = plt.bar(\n",
+    "    x_data, y_vals, color=color_data, padding=0.2, color_mode=\"group\", stroke=\"orange\"\n",
+    ")\n",
+    "fig.fig_margin = dict(top=50, bottom=80, left=50, right=50)\n",
+    "fig"
+   ]
+  }
+ ],
+ "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/Pyplot/Bins.ipynb

@@ -0,0 +1,252 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "collapsed": true,
+    "deletable": true,
+    "editable": true
+   },
+   "outputs": [],
+   "source": [
+    "import numpy as np\n",
+    "import bqplot.pyplot as plt"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {
+    "deletable": true,
+    "editable": true
+   },
+   "source": [
+    "## Bins Mark\n",
+    "\n",
+    "This `Mark` is essentially the same as the `Hist` `Mark` from a user point of view, but is actually a `Bars` instance that bins sample data.\n",
+    "\n",
+    "The difference with `Hist` is that the binning is done in the backend, so it will work better for large data as it does not have to ship the whole data back and forth to the frontend."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "collapsed": true,
+    "deletable": true,
+    "editable": true
+   },
+   "outputs": [],
+   "source": [
+    "# Create a sample of Gaussian draws\n",
+    "np.random.seed(0)\n",
+    "x_data = np.random.randn(1000)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {
+    "deletable": true,
+    "editable": true
+   },
+   "source": [
+    "Give the `Hist` mark the data you want to perform as the `sample` argument, and also give 'x' and 'y' scales."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "collapsed": false,
+    "deletable": true,
+    "editable": true
+   },
+   "outputs": [],
+   "source": [
+    "fig = plt.figure(padding_y=0)\n",
+    "hist = plt.bin(x_data, padding=0)\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {
+    "deletable": true,
+    "editable": true
+   },
+   "source": [
+    "The midpoints of the resulting bins and their number of elements can be recovered via the read-only traits `x` and `y`:"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "collapsed": false,
+    "deletable": true,
+    "editable": true
+   },
+   "outputs": [],
+   "source": [
+    "hist.x, hist.y"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {
+    "deletable": true,
+    "editable": true
+   },
+   "source": [
+    "## Tuning the bins\n",
+    "\n",
+    "Under the hood, the `Bins` mark is really a `Bars` mark, with some additional magic to control the binning. The data in `sample` is binned into equal-width bins. The parameters controlling the binning are the following traits:\n",
+    "\n",
+    "- `bins` sets the number of bins. It is either a fixed integer (10 by default), or the name of a method to determine the number of bins in a smart way ('auto', 'fd', 'doane', 'scott', 'rice', 'sturges' or 'sqrt').\n",
+    "\n",
+    "- `min` and `max` set the range of the data (`sample`) to be binned\n",
+    "\n",
+    "- `density`, if set to `True`, normalizes the heights of the bars.\n",
+    "\n",
+    "For more information, see the documentation of `numpy`'s `histogram`"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "collapsed": false,
+    "deletable": true,
+    "editable": true
+   },
+   "outputs": [],
+   "source": [
+    "fig = plt.figure(padding_y=0)\n",
+    "hist = plt.bin(x_data, padding=0)\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "collapsed": true,
+    "deletable": true,
+    "editable": true
+   },
+   "outputs": [],
+   "source": [
+    "# Changing the number of bins\n",
+    "hist.bins = \"sqrt\""
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "collapsed": true,
+    "deletable": true,
+    "editable": true
+   },
+   "outputs": [],
+   "source": [
+    "# Changing the range\n",
+    "hist.min = 0"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {
+    "deletable": true,
+    "editable": true
+   },
+   "source": [
+    "## Histogram Styling\n",
+    "\n",
+    "The styling of `Hist` is identical to the one of `Bars`"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "collapsed": false,
+    "deletable": true,
+    "editable": true
+   },
+   "outputs": [],
+   "source": [
+    "# Normalizing the count\n",
+    "fig = plt.figure(padding_y=0)\n",
+    "hist = plt.bin(x_data, density=True)\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "collapsed": true,
+    "deletable": true,
+    "editable": true
+   },
+   "outputs": [],
+   "source": [
+    "# changing the color\n",
+    "hist.colors = [\"orangered\"]"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "collapsed": true,
+    "deletable": true,
+    "editable": true
+   },
+   "outputs": [],
+   "source": [
+    "# stroke and opacity update\n",
+    "hist.stroke = \"orange\"\n",
+    "hist.opacities = [0.5] * len(hist.x)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "collapsed": true,
+    "deletable": true,
+    "editable": true
+   },
+   "outputs": [],
+   "source": [
+    "# Laying the histogram on its side\n",
+    "hist.orientation = \"horizontal\"\n",
+    "fig.axes[0].orientation = \"vertical\"\n",
+    "fig.axes[1].orientation = \"horizontal\""
+   ]
+  }
+ ],
+ "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.6.2"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 1
+}