04_visualizations_and_dashboards.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "id": "79e4c070-92e0-4aa0-9729-ab8f798e61ce",
   "metadata": {},
   "source": [
    "<div align=\"center\">\n",
    "    <img src=\"assets/containds-logo.jpeg\" alt=\"containds logo\" width=\"7%\"/>\n",
    "</div>\n",
    "\n",
    "---"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "0e110eb7-2717-47b7-a682-afe67330160f",
   "metadata": {},
   "source": [
    "# Building and sharing Dashboards"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "63a2571b-40b1-4815-b101-25cb6e1e1b62",
   "metadata": {
    "tags": []
   },
   "source": [
    "finance_examples/04a_panel demo.ipynbThe saying \"a picture is worth a thousand words\" rings especially true for data visualizations. Again, most data scientists and others are comforable creating visualizations but how useful is a visualization if no one can see it.\n",
    "\n",
    "[ContainDS Dashboards](https://cdsdashboards.readthedocs.io/en/stable/) (a.k.a. CDSDashboards) is the solution Nebari has integrated to solve the visualization and dashboard sharing problem.\n",
    "\n",
    "## 💎 Key takeaways\n",
    "\n",
    "By the end of the notebook, you will:\n",
    "\n",
    "- **Know how to create and share dashboards in Nebari.**\n",
    "\n",
    "## What is CDS Dashboards?\n",
    " \n",
    "> ContainDS is a data science platform for teams working on discrete projects. It provides simple infrastructure to share prototypes and dashboards based on any open source frameworks.\n",
    ">\n",
    "> ContainDS Dashboards is an extension for JupyterHub that allows users to instantly publish notebooks and other source code files as user-friendly interactive dashboards to share with non-technical colleagues.\n",
    "> \n",
    "> ~ *Source: [ContainDS Dashboards overview documetntaion](https://cdsdashboards.readthedocs.io/en/stable/)*\n",
    "\n",
    "\n",
    "## How does it work?\n",
    "\n",
    "1. Create your visualization in a `.py` file or a Jupyter Notebook.\n",
    "2. Create a new dashboard with CDS Dashboards and select it as the source file.\n",
    "3. CDS Dashboard \"serves\" your visualization as an interactive web app (think `bokeh serve`).\n",
    "\n",
    "<img src=\"./assets/containds-ui.png\" alt=\"The ContainDS Dashboard UI and example\" width=\"50%\"></img>\n",
    "\n",
    "With a few clicks, your new slick dashboard can be stood up and shared with whomever in your organization needs to see it."
   ]
  },
  {
   "cell_type": "markdown",
   "id": "af5b900a-76d6-4874-ae4b-537a3eb48667",
   "metadata": {},
   "source": [
    "## 👀 Watch this:\n",
    "\n",
    "*Create a CDS Dashboard from [demo.nebari.dev/hub/dashboards](https://demo.nebari.dev/hub/dashboards) and showcase NYC Uber Pickups dashboard.*"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "606fb04c-4530-4caf-ac4f-dc92d6c518a0",
   "metadata": {
    "tags": []
   },
   "source": [
    "## 👉 Your turn:\n",
    "\n",
    "Use the steps in this example to create and publish a dashboard: [finance_examples/04a_panel demo.ipynb](./finance_examples/04a_panel_demo.ipynb)"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "171692a8-5bb6-4d16-b3d6-0f2890ffccc7",
   "metadata": {},
   "source": [
    "---\n",
    "## 👏 Next:\n",
    "* [05_setup](05_setup.ipynb)\n",
    "---"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "141dcdfb-19db-48a0-9344-06226c9c0538",
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "global-global-nebari-demo",
   "language": "python",
   "name": "conda-env-global-global-nebari-demo-py"
  },
  "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.9.13"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}