index.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<style>.container { width:75% !important; }</style>\n",
       "<link rel='stylesheet' type='text/css' href='static/css_backup/mobile-package-094623.css'>\n",
       "<link rel='stylesheet' type='text/css' href='static/css_backup/homepage-package-3bd234.css'>\n",
       "        \n",
       "<body>\n",
       "  <article id=\"homepage\">\n",
       "    <a id=\"library-section\"></a>\n",
       "    <div class=\"library-section\">\n",
       "      <div class=\"section-separator library-section-separator\">\n",
       "        <h1>Visualizing brain-science</h1>\n",
       "        <!--<center><img src=\"static/images/logoNipype_tutorial.png\" width=700></center>-->\n",
       "        <p>Welcome to the Neuro InfoVis Tutorial!\n",
       "            It covers various visualization concepts. We recommend that you start with\n",
       "            the introductory section to familiarize yourself with some simple visualization\n",
       "            tools and then move on to more advanced concepts. The notebooks will use a combination\n",
       "            of Python and Javascript to introduce you to various visualization tools.\n",
       "            </p><p>\n",
       "            All of the notebooks used in this tutorial can be found on <a href=\"https://github.com/neuro-data-science/neuroviz/\">github:neuro-data-science/neuroviz</a>.\n",
       "            </p><p>\n",
       "            For the tutorial, we will use a Docker container. You need to install a <a href=\"http://www.docker.com/\">Docker</a> and download a docker image that provides you a \n",
       "            environment.\n",
       "            </p>\n",
       "      </div>\n",
       "\n",
       "      <!--Comment: to change the color of the title or section, change the second h2 class argument and the third div\n",
       "            argument to either science, computing, humanities, test-prep or economics-finance-domain-->\n",
       "\n",
       "      <!--to change the number of rows per column, change the last number in 'pure-u-1-3'.\n",
       "       For example, to have three columns, change the value to 'pure-u-1-3'-->\n",
       "        \n",
       "      <h2 class=\"domain-header economics-finance-domain\"><a class=\"domain-title\">Introductory</a></h2>\n",
       "      <p>This section is meant as a general overview for plotting techniques.</p>\n",
       "      <div class=\"pure-g domain-table-container economics-finance-domain\">\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/introductory_2d.ipynb\">Seaborn, Altair</a>\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/introductory_imaging.ipynb\">Nilearn</a>\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/introductory_3d.ipynb\">IPyvolume</a>\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/introductory_mayavi.ipynb\">Mayavi*</a>\n",
       "      </div>\n",
       "      <p> * This notebook requires starting the jupyter container with Xvfb running. To do so restart your Jupyter session as follows: </p>\n",
       "      <p> $ Xvfb :1 +extension GLX -screen 0 1024x780x24 &amp; </p>\n",
       "      <p> $ DISPLAY=:1 jupyter-notebook --ip=*</p>\n",
       "\n",
       "      <h2 class=\"domain-header humanities\"><a class=\"domain-title\">Intermediate and advanced notebooks forthcoming</a></h2>\n",
       "      <p> If you would like to help, join the discussion <a target=\"_blank\" href=\"https://docs.google.com/document/d/1LY7U_v01RieRWiNGRa-dpSwLyOKk1Hjed9Do6Ejtrao/edit\"> here </a>.\n",
       "      <!--\n",
       "      <h2 class=\"domain-header humanities\"><a class=\"domain-title\">Intermediate</a></h2>\n",
       "      <p>This section will introduce you to extended interactive visualizations.</p>\n",
       "      <div class=\"pure-g domain-table-container humanities\">\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/intermediate_combo_panels.ipynb\">Combined visualizations</a>\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/intermediate_interactive.ipynb\">Interactive and synced displays</a>\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/intermediate_interactive.ipynb\">Streaming data visualization</a>\n",
       "      </div>\n",
       "\n",
       "      <h2 class=\"domain-header science\"><a class=\"domain-title\">Advanced</a></h2>\n",
       "      <p>In this section you will encounter concepts that scale with data. Some of these techniques may rely on external services\n",
       "      and specialized hardware.\n",
       "      </p>\n",
       "      <div class=\"pure-g domain-table-container science\">\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/advanced_scaling.ipynb\">Scaling to many</a>\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/advanced_gog.ipynb\">Grammar of graphics</a>\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/advanced_volvis.ipynb\">Really large images</a>\n",
       "      </div>\n",
       "      -->\n",
       "\n",
       "      <h2 class=\"domain-header test-prep\"><a class=\"domain-title\">External Resources</a></h2>\n",
       "      <p>This section will give you helpful links and resources, so that you always know where to go to learn more.</p>\n",
       "      <div class=\"pure-g domain-table-container test-prep\">\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"https://www.interaction-design.org/literature/article/information-visualization-a-brief-introduction\">Infoviz</a>\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"https://matplotlib.org/gallery.html#/\">Matplotlib gallery</a>\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"http://seaborn.pydata.org/examples/\">Seaborn gallery</a>\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"https://altair-viz.github.io/gallery/index.html#example-gallery\">Altair gallery</a>\n",
       "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"https://github.com/neurohackweek/visualization-in-python/blob/master/visualization-in-python.ipynb\">Tal's visualization intro</a>\n",
       "    </div>\n",
       "\n",
       "    </div>\n",
       "  </article>\n",
       "</body>\n",
       "\n",
       "<!--The following code will cause the code cell to disappear-->\n",
       "\n",
       "<script>\n",
       "code_show=true; \n",
       "function code_toggle() {\n",
       " if (code_show){\n",
       " $('div.input').hide();\n",
       " } else {\n",
       " $('div.input').show();\n",
       " }\n",
       " code_show = !code_show\n",
       "} \n",
       "$( document ).ready(code_toggle);\n",
       "</script>\n",
       "\n",
       "<hr/>\n",
       "\n",
       "To inspect the html code of this page, click: <form action=\"javascript:code_toggle()\"><input type=\"submit\" value=\"Show HTML code\"></form>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "%%html\n",
    "<style>.container { width:75% !important; }</style>\n",
    "<link rel='stylesheet' type='text/css' href='static/css_backup/mobile-package-094623.css'>\n",
    "<link rel='stylesheet' type='text/css' href='static/css_backup/homepage-package-3bd234.css'>\n",
    "        \n",
    "<body>\n",
    "  <article id=\"homepage\">\n",
    "    <a id=\"library-section\"></a>\n",
    "    <div class=\"library-section\">\n",
    "      <div class=\"section-separator library-section-separator\">\n",
    "        <h1>Visualizing brain-science</h1>\n",
    "        <!--<center><img src=\"static/images/logoNipype_tutorial.png\" width=700></center>-->\n",
    "        <p>Welcome to the Neuro InfoVis Tutorial!\n",
    "            It covers various visualization concepts. We recommend that you start with\n",
    "            the introductory section to familiarize yourself with some simple visualization\n",
    "            tools and then move on to more advanced concepts. The notebooks will use a combination\n",
    "            of Python and Javascript to introduce you to various visualization tools.\n",
    "            </p><p>\n",
    "            All of the notebooks used in this tutorial can be found on <a href=\"https://github.com/neuro-data-science/neuroviz/\">github:neuro-data-science/neuroviz</a>.\n",
    "            </p><p>\n",
    "            For the tutorial, we will use a Docker container. You need to install a <a href=\"http://www.docker.com/\">Docker</a> and download a docker image that provides you a \n",
    "            environment.\n",
    "            </p>\n",
    "      </div>\n",
    "\n",
    "      <!--Comment: to change the color of the title or section, change the second h2 class argument and the third div\n",
    "            argument to either science, computing, humanities, test-prep or economics-finance-domain-->\n",
    "\n",
    "      <!--to change the number of rows per column, change the last number in 'pure-u-1-3'.\n",
    "       For example, to have three columns, change the value to 'pure-u-1-3'-->\n",
    "        \n",
    "      <h2 class=\"domain-header economics-finance-domain\"><a class=\"domain-title\">Introductory</a></h2>\n",
    "      <p>This section is meant as a general overview for plotting techniques.</p>\n",
    "      <div class=\"pure-g domain-table-container economics-finance-domain\">\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/introductory_2d.ipynb\">Seaborn, Altair</a>\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/introductory_imaging.ipynb\">Nilearn</a>\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/introductory_3d.ipynb\">IPyvolume</a>\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/introductory_mayavi.ipynb\">Mayavi*</a>\n",
    "      </div>\n",
    "      <p> * This notebook requires starting the jupyter container with Xvfb running. To do so restart your Jupyter session as follows: </p>\n",
    "      <p> $ Xvfb :1 +extension GLX -screen 0 1024x780x24 &amp; </p>\n",
    "      <p> $ DISPLAY=:1 jupyter-notebook --ip=*</p>\n",
    "\n",
    "      <h2 class=\"domain-header humanities\"><a class=\"domain-title\">Intermediate and advanced notebooks forthcoming</a></h2>\n",
    "      <p> If you would like to help, join the discussion <a target=\"_blank\" href=\"https://docs.google.com/document/d/1LY7U_v01RieRWiNGRa-dpSwLyOKk1Hjed9Do6Ejtrao/edit\"> here </a>.\n",
    "      <!--\n",
    "      <h2 class=\"domain-header humanities\"><a class=\"domain-title\">Intermediate</a></h2>\n",
    "      <p>This section will introduce you to extended interactive visualizations.</p>\n",
    "      <div class=\"pure-g domain-table-container humanities\">\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/intermediate_combo_panels.ipynb\">Combined visualizations</a>\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/intermediate_interactive.ipynb\">Interactive and synced displays</a>\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/intermediate_interactive.ipynb\">Streaming data visualization</a>\n",
    "      </div>\n",
    "\n",
    "      <h2 class=\"domain-header science\"><a class=\"domain-title\">Advanced</a></h2>\n",
    "      <p>In this section you will encounter concepts that scale with data. Some of these techniques may rely on external services\n",
    "      and specialized hardware.\n",
    "      </p>\n",
    "      <div class=\"pure-g domain-table-container science\">\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/advanced_scaling.ipynb\">Scaling to many</a>\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/advanced_gog.ipynb\">Grammar of graphics</a>\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"notebooks/advanced_volvis.ipynb\">Really large images</a>\n",
    "      </div>\n",
    "      -->\n",
    "\n",
    "      <h2 class=\"domain-header test-prep\"><a class=\"domain-title\">External Resources</a></h2>\n",
    "      <p>This section will give you helpful links and resources, so that you always know where to go to learn more.</p>\n",
    "      <div class=\"pure-g domain-table-container test-prep\">\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"https://www.interaction-design.org/literature/article/information-visualization-a-brief-introduction\">Infoviz</a>\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"https://matplotlib.org/gallery.html#/\">Matplotlib gallery</a>\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"http://seaborn.pydata.org/examples/\">Seaborn gallery</a>\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"https://altair-viz.github.io/gallery/index.html#example-gallery\">Altair gallery</a>\n",
    "        <a class=\"subject-link pure-u-1-4\" target=\"_blank\" href=\"https://github.com/neurohackweek/visualization-in-python/blob/master/visualization-in-python.ipynb\">Tal's visualization intro</a>\n",
    "    </div>\n",
    "\n",
    "    </div>\n",
    "  </article>\n",
    "</body>\n",
    "\n",
    "<!--The following code will cause the code cell to disappear-->\n",
    "\n",
    "<script>\n",
    "code_show=true; \n",
    "function code_toggle() {\n",
    " if (code_show){\n",
    " $('div.input').hide();\n",
    " } else {\n",
    " $('div.input').show();\n",
    " }\n",
    " code_show = !code_show\n",
    "} \n",
    "$( document ).ready(code_toggle);\n",
    "</script>\n",
    "\n",
    "<hr/>\n",
    "\n",
    "To inspect the html code of this page, click: <form action=\"javascript:code_toggle()\"><input type=\"submit\" value=\"Show HTML code\"></form>"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "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": 2
}