{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Basic Vega Visualization"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [],
   "source": [
    "from vega import Vega"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/javascript": [
       "const spec = {\"$schema\": \"https://vega.github.io/schema/vega/v5.json\", \"width\": 400, \"height\": 200, \"padding\": 5, \"data\": [{\"name\": \"table\", \"values\": [{\"category\": \"A\", \"amount\": 28}, {\"category\": \"B\", \"amount\": 55}, {\"category\": \"C\", \"amount\": 43}, {\"category\": \"D\", \"amount\": 91}, {\"category\": \"E\", \"amount\": 81}, {\"category\": \"F\", \"amount\": 53}, {\"category\": \"G\", \"amount\": 19}, {\"category\": \"H\", \"amount\": 87}]}], \"signals\": [{\"name\": \"tooltip\", \"value\": {}, \"on\": [{\"events\": \"rect:mouseover\", \"update\": \"datum\"}, {\"events\": \"rect:mouseout\", \"update\": \"{}\"}]}], \"scales\": [{\"name\": \"xscale\", \"type\": \"band\", \"domain\": {\"data\": \"table\", \"field\": \"category\"}, \"range\": \"width\", \"padding\": 0.05, \"round\": true}, {\"name\": \"yscale\", \"domain\": {\"data\": \"table\", \"field\": \"amount\"}, \"nice\": true, \"range\": \"height\"}], \"axes\": [{\"orient\": \"bottom\", \"scale\": \"xscale\"}, {\"orient\": \"left\", \"scale\": \"yscale\"}], \"marks\": [{\"type\": \"rect\", \"from\": {\"data\": \"table\"}, \"encode\": {\"enter\": {\"x\": {\"scale\": \"xscale\", \"field\": \"category\"}, \"width\": {\"scale\": \"xscale\", \"band\": 1}, \"y\": {\"scale\": \"yscale\", \"field\": \"amount\"}, \"y2\": {\"scale\": \"yscale\", \"value\": 0}}, \"update\": {\"fill\": {\"value\": \"steelblue\"}}, \"hover\": {\"fill\": {\"value\": \"red\"}}}}, {\"type\": \"text\", \"encode\": {\"enter\": {\"align\": {\"value\": \"center\"}, \"baseline\": {\"value\": \"bottom\"}, \"fill\": {\"value\": \"#333\"}}, \"update\": {\"x\": {\"scale\": \"xscale\", \"signal\": \"tooltip.category\", \"band\": 0.5}, \"y\": {\"scale\": \"yscale\", \"signal\": \"tooltip.amount\", \"offset\": -2}, \"text\": {\"signal\": \"tooltip.amount\"}, \"fillOpacity\": [{\"test\": \"datum === tooltip\", \"value\": 0}, {\"value\": 1}]}}}]};\n",
       "const opt = {};\n",
       "const type = \"vega\";\n",
       "const id = \"6f442c4c-e6f1-4eeb-bbe5-fea2e5b3236f\";\n",
       "\n",
       "const output_area = this;\n",
       "\n",
       "require([\"nbextensions/jupyter-vega/index\"], function(vega) {\n",
       "  const target = document.createElement(\"div\");\n",
       "  target.id = id;\n",
       "  target.className = \"vega-embed\";\n",
       "\n",
       "  const style = document.createElement(\"style\");\n",
       "  style.textContent = [\n",
       "    \".vega-embed .error p {\",\n",
       "    \"  color: firebrick;\",\n",
       "    \"  font-size: 14px;\",\n",
       "    \"}\",\n",
       "  ].join(\"\\\\n\");\n",
       "\n",
       "  // element is a jQuery wrapped DOM element inside the output area\n",
       "  // see http://ipython.readthedocs.io/en/stable/api/generated/\\\n",
       "  // IPython.display.html#IPython.display.Javascript.__init__\n",
       "  element[0].appendChild(target);\n",
       "  element[0].appendChild(style);\n",
       "\n",
       "  vega.render(\"#\" + id, spec, type, opt, output_area);\n",
       "}, function (err) {\n",
       "  if (err.requireType !== \"scripterror\") {\n",
       "    throw(err);\n",
       "  }\n",
       "});\n"
      ],
      "text/plain": [
       "<vega.vega.Vega at 0x109899e80>"
      ]
     },
     "execution_count": 2,
     "metadata": {
      "jupyter-vega": "#6f442c4c-e6f1-4eeb-bbe5-fea2e5b3236f"
     },
     "output_type": "execute_result"
    },
    {
     "data": {
      "image/png": "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"
     },
     "metadata": {
      "jupyter-vega": "#6f442c4c-e6f1-4eeb-bbe5-fea2e5b3236f"
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "Vega({\n",
    "  \"$schema\": \"https://vega.github.io/schema/vega/v5.json\",\n",
    "  \"width\": 400,\n",
    "  \"height\": 200,\n",
    "  \"padding\": 5,\n",
    "\n",
    "  \"data\": [\n",
    "    {\n",
    "      \"name\": \"table\",\n",
    "      \"values\": [\n",
    "        {\"category\": \"A\", \"amount\": 28},\n",
    "        {\"category\": \"B\", \"amount\": 55},\n",
    "        {\"category\": \"C\", \"amount\": 43},\n",
    "        {\"category\": \"D\", \"amount\": 91},\n",
    "        {\"category\": \"E\", \"amount\": 81},\n",
    "        {\"category\": \"F\", \"amount\": 53},\n",
    "        {\"category\": \"G\", \"amount\": 19},\n",
    "        {\"category\": \"H\", \"amount\": 87}\n",
    "      ]\n",
    "    }\n",
    "  ],\n",
    "\n",
    "  \"signals\": [\n",
    "    {\n",
    "      \"name\": \"tooltip\",\n",
    "      \"value\": {},\n",
    "      \"on\": [\n",
    "        {\"events\": \"rect:mouseover\", \"update\": \"datum\"},\n",
    "        {\"events\": \"rect:mouseout\",  \"update\": \"{}\"}\n",
    "      ]\n",
    "    }\n",
    "  ],\n",
    "\n",
    "  \"scales\": [\n",
    "    {\n",
    "      \"name\": \"xscale\",\n",
    "      \"type\": \"band\",\n",
    "      \"domain\": {\"data\": \"table\", \"field\": \"category\"},\n",
    "      \"range\": \"width\",\n",
    "      \"padding\": 0.05,\n",
    "      \"round\": True\n",
    "    },\n",
    "    {\n",
    "      \"name\": \"yscale\",\n",
    "      \"domain\": {\"data\": \"table\", \"field\": \"amount\"},\n",
    "      \"nice\": True,\n",
    "      \"range\": \"height\"\n",
    "    }\n",
    "  ],\n",
    "\n",
    "  \"axes\": [\n",
    "    { \"orient\": \"bottom\", \"scale\": \"xscale\" },\n",
    "    { \"orient\": \"left\", \"scale\": \"yscale\" }\n",
    "  ],\n",
    "\n",
    "  \"marks\": [\n",
    "    {\n",
    "      \"type\": \"rect\",\n",
    "      \"from\": {\"data\":\"table\"},\n",
    "      \"encode\": {\n",
    "        \"enter\": {\n",
    "          \"x\": {\"scale\": \"xscale\", \"field\": \"category\"},\n",
    "          \"width\": {\"scale\": \"xscale\", \"band\": 1},\n",
    "          \"y\": {\"scale\": \"yscale\", \"field\": \"amount\"},\n",
    "          \"y2\": {\"scale\": \"yscale\", \"value\": 0}\n",
    "        },\n",
    "        \"update\": {\n",
    "          \"fill\": {\"value\": \"steelblue\"}\n",
    "        },\n",
    "        \"hover\": {\n",
    "          \"fill\": {\"value\": \"red\"}\n",
    "        }\n",
    "      }\n",
    "    },\n",
    "    {\n",
    "      \"type\": \"text\",\n",
    "      \"encode\": {\n",
    "        \"enter\": {\n",
    "          \"align\": {\"value\": \"center\"},\n",
    "          \"baseline\": {\"value\": \"bottom\"},\n",
    "          \"fill\": {\"value\": \"#333\"}\n",
    "        },\n",
    "        \"update\": {\n",
    "          \"x\": {\"scale\": \"xscale\", \"signal\": \"tooltip.category\", \"band\": 0.5},\n",
    "          \"y\": {\"scale\": \"yscale\", \"signal\": \"tooltip.amount\", \"offset\": -2},\n",
    "          \"text\": {\"signal\": \"tooltip.amount\"},\n",
    "          \"fillOpacity\": [\n",
    "            {\"test\": \"datum === tooltip\", \"value\": 0},\n",
    "            {\"value\": 1}\n",
    "          ]\n",
    "        }\n",
    "      }\n",
    "    }\n",
    "  ]\n",
    "})"
   ]
  },
  {
   "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.8.0"
  },
  "widgets": {
   "state": {},
   "version": "1.1.0"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 1
}