source-code/altair/altair_interaction.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Altair interaction test"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [],
   "source": [
    "import altair as alt\n",
    "import numpy as np\n",
    "import pandas as pd"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [],
   "source": [
    "x = np.linspace(-6.0*np.pi, 6.0*np.pi, 101)\n",
    "df = pd.DataFrame({\n",
    "    'x': x,\n",
    "    'sin(x)': np.sin(x),\n",
    "    'cos(x)': np.cos(x),\n",
    "    'tan(x)': np.tan(x),\n",
    "})"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "outputs": [],
   "source": [
    "df_melt = df.melt('x').rename(columns={'variable': 'function', 'value': 'y'})"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>x</th>\n",
       "      <th>function</th>\n",
       "      <th>y</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>-18.849556</td>\n",
       "      <td>sin(x)</td>\n",
       "      <td>7.347881e-16</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>-18.472565</td>\n",
       "      <td>sin(x)</td>\n",
       "      <td>3.681246e-01</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>-18.095574</td>\n",
       "      <td>sin(x)</td>\n",
       "      <td>6.845471e-01</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>-17.718583</td>\n",
       "      <td>sin(x)</td>\n",
       "      <td>9.048271e-01</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>-17.341591</td>\n",
       "      <td>sin(x)</td>\n",
       "      <td>9.980267e-01</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "           x function             y\n",
       "0 -18.849556   sin(x)  7.347881e-16\n",
       "1 -18.472565   sin(x)  3.681246e-01\n",
       "2 -18.095574   sin(x)  6.845471e-01\n",
       "3 -17.718583   sin(x)  9.048271e-01\n",
       "4 -17.341591   sin(x)  9.980267e-01"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df_melt.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "<style>\n",
       "  #altair-viz-f4c554cd310c40ba803aa243a7e48217.vega-embed {\n",
       "    width: 100%;\n",
       "    display: flex;\n",
       "  }\n",
       "\n",
       "  #altair-viz-f4c554cd310c40ba803aa243a7e48217.vega-embed details,\n",
       "  #altair-viz-f4c554cd310c40ba803aa243a7e48217.vega-embed details summary {\n",
       "    position: relative;\n",
       "  }\n",
       "</style>\n",
       "<div id=\"altair-viz-f4c554cd310c40ba803aa243a7e48217\"></div>\n",
       "<script type=\"text/javascript\">\n",
       "  var VEGA_DEBUG = (typeof VEGA_DEBUG == \"undefined\") ? {} : VEGA_DEBUG;\n",
       "  (function(spec, embedOpt){\n",
       "    let outputDiv = document.currentScript.previousElementSibling;\n",
       "    if (outputDiv.id !== \"altair-viz-f4c554cd310c40ba803aa243a7e48217\") {\n",
       "      outputDiv = document.getElementById(\"altair-viz-f4c554cd310c40ba803aa243a7e48217\");\n",
       "    }\n",
       "\n",
       "    const paths = {\n",
       "      \"vega\": \"https://cdn.jsdelivr.net/npm/vega@5?noext\",\n",
       "      \"vega-lib\": \"https://cdn.jsdelivr.net/npm/vega-lib?noext\",\n",
       "      \"vega-lite\": \"https://cdn.jsdelivr.net/npm/vega-lite@5.20.1?noext\",\n",
       "      \"vega-embed\": \"https://cdn.jsdelivr.net/npm/vega-embed@6?noext\",\n",
       "    };\n",
       "\n",
       "    function maybeLoadScript(lib, version) {\n",
       "      var key = `${lib.replace(\"-\", \"\")}_version`;\n",
       "      return (VEGA_DEBUG[key] == version) ?\n",
       "        Promise.resolve(paths[lib]) :\n",
       "        new Promise(function(resolve, reject) {\n",
       "          var s = document.createElement('script');\n",
       "          document.getElementsByTagName(\"head\")[0].appendChild(s);\n",
       "          s.async = true;\n",
       "          s.onload = () => {\n",
       "            VEGA_DEBUG[key] = version;\n",
       "            return resolve(paths[lib]);\n",
       "          };\n",
       "          s.onerror = () => reject(`Error loading script: ${paths[lib]}`);\n",
       "          s.src = paths[lib];\n",
       "        });\n",
       "    }\n",
       "\n",
       "    function showError(err) {\n",
       "      outputDiv.innerHTML = `<div class=\"error\" style=\"color:red;\">${err}</div>`;\n",
       "      throw err;\n",
       "    }\n",
       "\n",
       "    function displayChart(vegaEmbed) {\n",
       "      vegaEmbed(outputDiv, spec, embedOpt)\n",
       "        .catch(err => showError(`Javascript Error: ${err.message}<br>This usually means there's a typo in your chart specification. See the javascript console for the full traceback.`));\n",
       "    }\n",
       "\n",
       "    if(typeof define === \"function\" && define.amd) {\n",
       "      requirejs.config({paths});\n",
       "      let deps = [\"vega-embed\"];\n",
       "      require(deps, displayChart, err => showError(`Error loading script: ${err.message}`));\n",
       "    } else {\n",
       "      maybeLoadScript(\"vega\", \"5\")\n",
       "        .then(() => maybeLoadScript(\"vega-lite\", \"5.20.1\"))\n",
       "        .then(() => maybeLoadScript(\"vega-embed\", \"6\"))\n",
       "        .catch(showError)\n",
       "        .then(() => displayChart(vegaEmbed));\n",
       "    }\n",
       "  })({\"config\": {\"view\": {\"continuousWidth\": 300, \"continuousHeight\": 300}}, \"layer\": [{\"mark\": {\"type\": \"point\", \"filled\": true, \"size\": 1}, \"encoding\": {\"color\": {\"field\": \"function\", \"type\": \"nominal\"}, \"opacity\": {\"condition\": {\"param\": \"param_11\", \"value\": 1.0}, \"value\": 0.2}, \"tooltip\": [{\"field\": \"x\", \"type\": \"quantitative\"}, {\"field\": \"y\", \"type\": \"quantitative\"}, {\"field\": \"function\", \"type\": \"nominal\"}], \"x\": {\"field\": \"x\", \"type\": \"quantitative\"}, \"y\": {\"field\": \"y\", \"type\": \"quantitative\"}}, \"name\": \"view_4\"}, {\"mark\": {\"type\": \"line\"}, \"encoding\": {\"color\": {\"field\": \"function\", \"type\": \"nominal\"}, \"opacity\": {\"condition\": {\"param\": \"param_11\", \"value\": 1.0}, \"value\": 0.2}, \"tooltip\": [{\"field\": \"x\", \"type\": \"quantitative\"}, {\"field\": \"y\", \"type\": \"quantitative\"}, {\"field\": \"function\", \"type\": \"nominal\"}], \"x\": {\"field\": \"x\", \"type\": \"quantitative\"}, \"y\": {\"field\": \"y\", \"type\": \"quantitative\"}}}], \"data\": {\"name\": \"data-c917a8dba0434604b526fcaed6675dd9\"}, \"params\": [{\"name\": \"param_10\", \"select\": {\"type\": \"point\", \"fields\": [\"x\", \"y\"], \"nearest\": true, \"on\": \"mouseover\"}, \"views\": [\"view_4\"]}, {\"name\": \"param_11\", \"select\": {\"type\": \"point\", \"fields\": [\"function\"]}, \"bind\": \"legend\", \"views\": [\"view_4\"]}, {\"name\": \"param_12\", \"select\": {\"type\": \"interval\", \"encodings\": [\"x\", \"y\"]}, \"bind\": \"scales\", \"views\": [\"view_4\"]}], \"$schema\": \"https://vega.github.io/schema/vega-lite/v5.20.1.json\", \"datasets\": {\"data-c917a8dba0434604b526fcaed6675dd9\": [{\"x\": -18.84955592153876, \"function\": \"sin(x)\", \"y\": 7.347880794884119e-16}, {\"x\": -18.472564803107982, \"function\": \"sin(x)\", \"y\": 0.36812455268468}, {\"x\": -18.09557368467721, \"function\": \"sin(x)\", \"y\": 0.6845471059286886}, {\"x\": -17.718582566246432, \"function\": \"sin(x)\", \"y\": 0.9048270524660201}, {\"x\": -17.34159144781566, \"function\": \"sin(x)\", \"y\": 0.9980267284282716}, {\"x\": -16.964600329384883, \"function\": \"sin(x)\", \"y\": 0.9510565162951534}, {\"x\": -16.587609210954106, \"function\": \"sin(x)\", \"y\": 0.7705132427757879}, {\"x\": -16.210618092523333, \"function\": \"sin(x)\", \"y\": 0.4817536741017153}, {\"x\": -15.833626974092557, \"function\": \"sin(x)\", \"y\": 0.12533323356430293}, {\"x\": -15.456635855661782, \"function\": \"sin(x)\", \"y\": -0.2486898871648557}, {\"x\": -15.079644737231007, \"function\": \"sin(x)\", \"y\": -0.5877852522924736}, {\"x\": -14.702653618800232, \"function\": \"sin(x)\", \"y\": -0.8443279255020152}, {\"x\": -14.325662500369457, \"function\": \"sin(x)\", \"y\": -0.9822872507286886}, {\"x\": -13.94867138193868, \"function\": \"sin(x)\", \"y\": -0.9822872507286885}, {\"x\": -13.571680263507908, \"function\": \"sin(x)\", \"y\": -0.8443279255020155}, {\"x\": -13.194689145077131, \"function\": \"sin(x)\", \"y\": -0.5877852522924727}, {\"x\": -12.817698026646356, \"function\": \"sin(x)\", \"y\": -0.24868988716485466}, {\"x\": -12.440706908215581, \"function\": \"sin(x)\", \"y\": 0.125333233564304}, {\"x\": -12.063715789784805, \"function\": \"sin(x)\", \"y\": 0.4817536741017163}, {\"x\": -11.686724671354032, \"function\": \"sin(x)\", \"y\": 0.7705132427757886}, {\"x\": -11.309733552923255, \"function\": \"sin(x)\", \"y\": 0.9510565162951538}, {\"x\": -10.93274243449248, \"function\": \"sin(x)\", \"y\": 0.9980267284282716}, {\"x\": -10.555751316061706, \"function\": \"sin(x)\", \"y\": 0.9048270524660197}, {\"x\": -10.17876019763093, \"function\": \"sin(x)\", \"y\": 0.6845471059286892}, {\"x\": -9.801769079200156, \"function\": \"sin(x)\", \"y\": 0.3681245526846789}, {\"x\": -9.42477796076938, \"function\": \"sin(x)\", \"y\": -3.6739403974420594e-16}, {\"x\": -9.047786842338605, \"function\": \"sin(x)\", \"y\": -0.368124552684678}, {\"x\": -8.67079572390783, \"function\": \"sin(x)\", \"y\": -0.6845471059286884}, {\"x\": -8.293804605477055, \"function\": \"sin(x)\", \"y\": -0.9048270524660192}, {\"x\": -7.91681348704628, \"function\": \"sin(x)\", \"y\": -0.9980267284282714}, {\"x\": -7.5398223686155035, \"function\": \"sin(x)\", \"y\": -0.9510565162951535}, {\"x\": -7.162831250184729, \"function\": \"sin(x)\", \"y\": -0.7705132427757893}, {\"x\": -6.785840131753954, \"function\": \"sin(x)\", \"y\": -0.48175367410171566}, {\"x\": -6.408849013323179, \"function\": \"sin(x)\", \"y\": -0.12533323356430506}, {\"x\": -6.031857894892404, \"function\": \"sin(x)\", \"y\": 0.24868988716485363}, {\"x\": -5.654866776461628, \"function\": \"sin(x)\", \"y\": 0.5877852522924734}, {\"x\": -5.277875658030853, \"function\": \"sin(x)\", \"y\": 0.844327925502015}, {\"x\": -4.900884539600078, \"function\": \"sin(x)\", \"y\": 0.9822872507286886}, {\"x\": -4.523893421169303, \"function\": \"sin(x)\", \"y\": 0.9822872507286888}, {\"x\": -4.146902302738528, \"function\": \"sin(x)\", \"y\": 0.8443279255020157}, {\"x\": -3.7699111843077517, \"function\": \"sin(x)\", \"y\": 0.587785252292473}, {\"x\": -3.392920065876977, \"function\": \"sin(x)\", \"y\": 0.24868988716485502}, {\"x\": -3.015928947446202, \"function\": \"sin(x)\", \"y\": -0.12533323356430365}, {\"x\": -2.6389378290154255, \"function\": \"sin(x)\", \"y\": -0.481753674101716}, {\"x\": -2.2619467105846525, \"function\": \"sin(x)\", \"y\": -0.7705132427757884}, {\"x\": -1.8849555921538759, \"function\": \"sin(x)\", \"y\": -0.9510565162951536}, {\"x\": -1.5079644737231028, \"function\": \"sin(x)\", \"y\": -0.9980267284282717}, {\"x\": -1.1309733552923262, \"function\": \"sin(x)\", \"y\": -0.9048270524660198}, {\"x\": -0.7539822368615532, \"function\": \"sin(x)\", \"y\": -0.6845471059286907}, {\"x\": -0.3769911184307766, \"function\": \"sin(x)\", \"y\": -0.36812455268467925}, {\"x\": 0.0, \"function\": \"sin(x)\", \"y\": 0.0}, {\"x\": 0.37699111843077304, \"function\": \"sin(x)\", \"y\": 0.368124552684676}, {\"x\": 0.7539822368615496, \"function\": \"sin(x)\", \"y\": 0.6845471059286882}, {\"x\": 1.1309733552923227, \"function\": \"sin(x)\", \"y\": 0.9048270524660182}, {\"x\": 1.5079644737230993, \"function\": \"sin(x)\", \"y\": 0.9980267284282714}, {\"x\": 1.8849555921538759, \"function\": \"sin(x)\", \"y\": 0.9510565162951536}, {\"x\": 2.261946710584649, \"function\": \"sin(x)\", \"y\": 0.7705132427757907}, {\"x\": 2.6389378290154255, \"function\": \"sin(x)\", \"y\": 0.481753674101716}, {\"x\": 3.0159289474461985, \"function\": \"sin(x)\", \"y\": 0.12533323356430717}, {\"x\": 3.392920065876975, \"function\": \"sin(x)\", \"y\": -0.2486898871648533}, {\"x\": 3.7699111843077517, \"function\": \"sin(x)\", \"y\": -0.587785252292473}, {\"x\": 4.146902302738525, \"function\": \"sin(x)\", \"y\": -0.8443279255020139}, {\"x\": 4.523893421169301, \"function\": \"sin(x)\", \"y\": -0.9822872507286885}, {\"x\": 4.900884539600074, \"function\": \"sin(x)\", \"y\": -0.9822872507286893}, {\"x\": 5.277875658030851, \"function\": \"sin(x)\", \"y\": -0.844327925502016}, {\"x\": 5.654866776461628, \"function\": \"sin(x)\", \"y\": -0.5877852522924734}, {\"x\": 6.031857894892401, \"function\": \"sin(x)\", \"y\": -0.24868988716485707}, {\"x\": 6.408849013323177, \"function\": \"sin(x)\", \"y\": 0.1253332335643033}, {\"x\": 6.78584013175395, \"function\": \"sin(x)\", \"y\": 0.48175367410171255}, {\"x\": 7.162831250184727, \"function\": \"sin(x)\", \"y\": 0.7705132427757881}, {\"x\": 7.5398223686155035, \"function\": \"sin(x)\", \"y\": 0.9510565162951535}, {\"x\": 7.9168134870462765, \"function\": \"sin(x)\", \"y\": 0.9980267284282717}, {\"x\": 8.293804605477053, \"function\": \"sin(x)\", \"y\": 0.90482705246602}, {\"x\": 8.670795723907826, \"function\": \"sin(x)\", \"y\": 0.684547105928691}, {\"x\": 9.047786842338603, \"function\": \"sin(x)\", \"y\": 0.3681245526846796}, {\"x\": 9.42477796076938, \"function\": \"sin(x)\", \"y\": 3.6739403974420594e-16}, {\"x\": 9.801769079200152, \"function\": \"sin(x)\", \"y\": -0.36812455268467564}, {\"x\": 10.178760197630929, \"function\": \"sin(x)\", \"y\": -0.6845471059286878}, {\"x\": 10.555751316061702, \"function\": \"sin(x)\", \"y\": -0.9048270524660181}, {\"x\": 10.932742434492479, \"function\": \"sin(x)\", \"y\": -0.9980267284282714}, {\"x\": 11.309733552923255, \"function\": \"sin(x)\", \"y\": -0.9510565162951538}, {\"x\": 11.686724671354028, \"function\": \"sin(x)\", \"y\": -0.7705132427757909}, {\"x\": 12.063715789784805, \"function\": \"sin(x)\", \"y\": -0.4817536741017163}, {\"x\": 12.440706908215578, \"function\": \"sin(x)\", \"y\": -0.12533323356430753}, {\"x\": 12.817698026646354, \"function\": \"sin(x)\", \"y\": 0.24868988716485294}, {\"x\": 13.194689145077128, \"function\": \"sin(x)\", \"y\": 0.5877852522924698}, {\"x\": 13.571680263507908, \"function\": \"sin(x)\", \"y\": 0.8443279255020155}, {\"x\": 13.94867138193868, \"function\": \"sin(x)\", \"y\": 0.9822872507286885}, {\"x\": 14.325662500369454, \"function\": \"sin(x)\", \"y\": 0.9822872507286893}, {\"x\": 14.702653618800227, \"function\": \"sin(x)\", \"y\": 0.8443279255020181}, {\"x\": 15.079644737231007, \"function\": \"sin(x)\", \"y\": 0.5877852522924736}, {\"x\": 15.45663585566178, \"function\": \"sin(x)\", \"y\": 0.24868988716485743}, {\"x\": 15.833626974092553, \"function\": \"sin(x)\", \"y\": -0.1253332335642994}, {\"x\": 16.210618092523333, \"function\": \"sin(x)\", \"y\": -0.4817536741017153}, {\"x\": 16.587609210954106, \"function\": \"sin(x)\", \"y\": -0.7705132427757879}, {\"x\": 16.96460032938488, \"function\": \"sin(x)\", \"y\": -0.9510565162951523}, {\"x\": 17.341591447815652, \"function\": \"sin(x)\", \"y\": -0.998026728428272}, {\"x\": 17.718582566246432, \"function\": \"sin(x)\", \"y\": -0.9048270524660201}, {\"x\": 18.095573684677206, \"function\": \"sin(x)\", \"y\": -0.6845471059286913}, {\"x\": 18.47256480310798, \"function\": \"sin(x)\", \"y\": -0.36812455268468325}, {\"x\": 18.84955592153876, \"function\": \"sin(x)\", \"y\": -7.347880794884119e-16}, {\"x\": -18.84955592153876, \"function\": \"cos(x)\", \"y\": 1.0}, {\"x\": -18.472564803107982, \"function\": \"cos(x)\", \"y\": 0.9297764858882506}, {\"x\": -18.09557368467721, \"function\": \"cos(x)\", \"y\": 0.7289686274214116}, {\"x\": -17.718582566246432, \"function\": \"cos(x)\", \"y\": 0.4257792915650714}, {\"x\": -17.34159144781566, \"function\": \"cos(x)\", \"y\": 0.06279051952931412}, {\"x\": -16.964600329384883, \"function\": \"cos(x)\", \"y\": -0.30901699437494806}, {\"x\": -16.587609210954106, \"function\": \"cos(x)\", \"y\": -0.6374239897486913}, {\"x\": -16.210618092523333, \"function\": \"cos(x)\", \"y\": -0.8763066800438636}, {\"x\": -15.833626974092557, \"function\": \"cos(x)\", \"y\": -0.992114701314478}, {\"x\": -15.456635855661782, \"function\": \"cos(x)\", \"y\": -0.9685831611286309}, {\"x\": -15.079644737231007, \"function\": \"cos(x)\", \"y\": -0.8090169943749471}, {\"x\": -14.702653618800232, \"function\": \"cos(x)\", \"y\": -0.5358267949789964}, {\"x\": -14.325662500369457, \"function\": \"cos(x)\", \"y\": -0.18738131458572477}, {\"x\": -13.94867138193868, \"function\": \"cos(x)\", \"y\": 0.18738131458572585}, {\"x\": -13.571680263507908, \"function\": \"cos(x)\", \"y\": 0.5358267949789959}, {\"x\": -13.194689145077131, \"function\": \"cos(x)\", \"y\": 0.8090169943749477}, {\"x\": -12.817698026646356, \"function\": \"cos(x)\", \"y\": 0.9685831611286312}, {\"x\": -12.440706908215581, \"function\": \"cos(x)\", \"y\": 0.9921147013144779}, {\"x\": -12.063715789784805, \"function\": \"cos(x)\", \"y\": 0.876306680043863}, {\"x\": -11.686724671354032, \"function\": \"cos(x)\", \"y\": 0.6374239897486904}, {\"x\": -11.309733552923255, \"function\": \"cos(x)\", \"y\": 0.309016994374947}, {\"x\": -10.93274243449248, \"function\": \"cos(x)\", \"y\": -0.06279051952931344}, {\"x\": -10.555751316061706, \"function\": \"cos(x)\", \"y\": -0.4257792915650724}, {\"x\": -10.17876019763093, \"function\": \"cos(x)\", \"y\": -0.7289686274214111}, {\"x\": -9.801769079200156, \"function\": \"cos(x)\", \"y\": -0.929776485888251}, {\"x\": -9.42477796076938, \"function\": \"cos(x)\", \"y\": -1.0}, {\"x\": -9.047786842338605, \"function\": \"cos(x)\", \"y\": -0.9297764858882515}, {\"x\": -8.67079572390783, \"function\": \"cos(x)\", \"y\": -0.7289686274214118}, {\"x\": -8.293804605477055, \"function\": \"cos(x)\", \"y\": -0.4257792915650733}, {\"x\": -7.91681348704628, \"function\": \"cos(x)\", \"y\": -0.06279051952931448}, {\"x\": -7.5398223686155035, \"function\": \"cos(x)\", \"y\": 0.30901699437494773}, {\"x\": -7.162831250184729, \"function\": \"cos(x)\", \"y\": 0.6374239897486896}, {\"x\": -6.785840131753954, \"function\": \"cos(x)\", \"y\": 0.8763066800438634}, {\"x\": -6.408849013323179, \"function\": \"cos(x)\", \"y\": 0.9921147013144778}, {\"x\": -6.031857894892404, \"function\": \"cos(x)\", \"y\": 0.9685831611286314}, {\"x\": -5.654866776461628, \"function\": \"cos(x)\", \"y\": 0.8090169943749473}, {\"x\": -5.277875658030853, \"function\": \"cos(x)\", \"y\": 0.5358267949789968}, {\"x\": -4.900884539600078, \"function\": \"cos(x)\", \"y\": 0.18738131458572513}, {\"x\": -4.523893421169303, \"function\": \"cos(x)\", \"y\": -0.18738131458572377}, {\"x\": -4.146902302738528, \"function\": \"cos(x)\", \"y\": -0.5358267949789955}, {\"x\": -3.7699111843077517, \"function\": \"cos(x)\", \"y\": -0.8090169943749476}, {\"x\": -3.392920065876977, \"function\": \"cos(x)\", \"y\": -0.9685831611286311}, {\"x\": -3.015928947446202, \"function\": \"cos(x)\", \"y\": -0.9921147013144779}, {\"x\": -2.6389378290154255, \"function\": \"cos(x)\", \"y\": -0.8763066800438633}, {\"x\": -2.2619467105846525, \"function\": \"cos(x)\", \"y\": -0.6374239897486907}, {\"x\": -1.8849555921538759, \"function\": \"cos(x)\", \"y\": -0.30901699437494734}, {\"x\": -1.5079644737231028, \"function\": \"cos(x)\", \"y\": 0.0627905195293113}, {\"x\": -1.1309733552923262, \"function\": \"cos(x)\", \"y\": 0.42577929156507205}, {\"x\": -0.7539822368615532, \"function\": \"cos(x)\", \"y\": 0.7289686274214096}, {\"x\": -0.3769911184307766, \"function\": \"cos(x)\", \"y\": 0.9297764858882509}, {\"x\": 0.0, \"function\": \"cos(x)\", \"y\": 1.0}, {\"x\": 0.37699111843077304, \"function\": \"cos(x)\", \"y\": 0.9297764858882522}, {\"x\": 0.7539822368615496, \"function\": \"cos(x)\", \"y\": 0.728968627421412}, {\"x\": 1.1309733552923227, \"function\": \"cos(x)\", \"y\": 0.42577929156507527}, {\"x\": 1.5079644737230993, \"function\": \"cos(x)\", \"y\": 0.06279051952931486}, {\"x\": 1.8849555921538759, \"function\": \"cos(x)\", \"y\": -0.30901699437494734}, {\"x\": 2.261946710584649, \"function\": \"cos(x)\", \"y\": -0.637423989748688}, {\"x\": 2.6389378290154255, \"function\": \"cos(x)\", \"y\": -0.8763066800438633}, {\"x\": 3.0159289474461985, \"function\": \"cos(x)\", \"y\": -0.9921147013144774}, {\"x\": 3.392920065876975, \"function\": \"cos(x)\", \"y\": -0.9685831611286315}, {\"x\": 3.7699111843077517, \"function\": \"cos(x)\", \"y\": -0.8090169943749476}, {\"x\": 4.146902302738525, \"function\": \"cos(x)\", \"y\": -0.5358267949789985}, {\"x\": 4.523893421169301, \"function\": \"cos(x)\", \"y\": -0.1873813145857255}, {\"x\": 4.900884539600074, \"function\": \"cos(x)\", \"y\": 0.18738131458572166}, {\"x\": 5.277875658030851, \"function\": \"cos(x)\", \"y\": 0.5358267949789952}, {\"x\": 5.654866776461628, \"function\": \"cos(x)\", \"y\": 0.8090169943749473}, {\"x\": 6.031857894892401, \"function\": \"cos(x)\", \"y\": 0.9685831611286305}, {\"x\": 6.408849013323177, \"function\": \"cos(x)\", \"y\": 0.992114701314478}, {\"x\": 6.78584013175395, \"function\": \"cos(x)\", \"y\": 0.8763066800438651}, {\"x\": 7.162831250184727, \"function\": \"cos(x)\", \"y\": 0.637423989748691}, {\"x\": 7.5398223686155035, \"function\": \"cos(x)\", \"y\": 0.30901699437494773}, {\"x\": 7.9168134870462765, \"function\": \"cos(x)\", \"y\": -0.06279051952931095}, {\"x\": 8.293804605477053, \"function\": \"cos(x)\", \"y\": -0.4257792915650717}, {\"x\": 8.670795723907826, \"function\": \"cos(x)\", \"y\": -0.7289686274214093}, {\"x\": 9.047786842338603, \"function\": \"cos(x)\", \"y\": -0.9297764858882508}, {\"x\": 9.42477796076938, \"function\": \"cos(x)\", \"y\": -1.0}, {\"x\": 9.801769079200152, \"function\": \"cos(x)\", \"y\": -0.9297764858882523}, {\"x\": 10.178760197630929, \"function\": \"cos(x)\", \"y\": -0.7289686274214123}, {\"x\": 10.555751316061702, \"function\": \"cos(x)\", \"y\": -0.4257792915650756}, {\"x\": 10.932742434492479, \"function\": \"cos(x)\", \"y\": -0.06279051952931522}, {\"x\": 11.309733552923255, \"function\": \"cos(x)\", \"y\": 0.309016994374947}, {\"x\": 11.686724671354028, \"function\": \"cos(x)\", \"y\": 0.6374239897486877}, {\"x\": 12.063715789784805, \"function\": \"cos(x)\", \"y\": 0.876306680043863}, {\"x\": 12.440706908215578, \"function\": \"cos(x)\", \"y\": 0.9921147013144774}, {\"x\": 12.817698026646354, \"function\": \"cos(x)\", \"y\": 0.9685831611286316}, {\"x\": 13.194689145077128, \"function\": \"cos(x)\", \"y\": 0.8090169943749498}, {\"x\": 13.571680263507908, \"function\": \"cos(x)\", \"y\": 0.5358267949789959}, {\"x\": 13.94867138193868, \"function\": \"cos(x)\", \"y\": 0.18738131458572585}, {\"x\": 14.325662500369454, \"function\": \"cos(x)\", \"y\": -0.1873813145857213}, {\"x\": 14.702653618800227, \"function\": \"cos(x)\", \"y\": -0.5358267949789919}, {\"x\": 15.079644737231007, \"function\": \"cos(x)\", \"y\": -0.8090169943749471}, {\"x\": 15.45663585566178, \"function\": \"cos(x)\", \"y\": -0.9685831611286304}, {\"x\": 15.833626974092553, \"function\": \"cos(x)\", \"y\": -0.9921147013144784}, {\"x\": 16.210618092523333, \"function\": \"cos(x)\", \"y\": -0.8763066800438636}, {\"x\": 16.587609210954106, \"function\": \"cos(x)\", \"y\": -0.6374239897486913}, {\"x\": 16.96460032938488, \"function\": \"cos(x)\", \"y\": -0.30901699437495145}, {\"x\": 17.341591447815652, \"function\": \"cos(x)\", \"y\": 0.06279051952930703}, {\"x\": 17.718582566246432, \"function\": \"cos(x)\", \"y\": 0.4257792915650714}, {\"x\": 18.095573684677206, \"function\": \"cos(x)\", \"y\": 0.7289686274214091}, {\"x\": 18.47256480310798, \"function\": \"cos(x)\", \"y\": 0.9297764858882493}, {\"x\": 18.84955592153876, \"function\": \"cos(x)\", \"y\": 1.0}, {\"x\": -18.84955592153876, \"function\": \"tan(x)\", \"y\": 7.347880794884119e-16}, {\"x\": -18.472564803107982, \"function\": \"tan(x)\", \"y\": 0.3959280087977237}, {\"x\": -18.09557368467721, \"function\": \"tan(x)\", \"y\": 0.9390625058174923}, {\"x\": -17.718582566246432, \"function\": \"tan(x)\", \"y\": 2.1251081731572103}, {\"x\": -17.34159144781566, \"function\": \"tan(x)\", \"y\": 15.894544843865114}, {\"x\": -16.964600329384883, \"function\": \"tan(x)\", \"y\": -3.0776835371752465}, {\"x\": -16.587609210954106, \"function\": \"tan(x)\", \"y\": -1.208792350409604}, {\"x\": -16.210618092523333, \"function\": \"tan(x)\", \"y\": -0.5497546521927702}, {\"x\": -15.833626974092557, \"function\": \"tan(x)\", \"y\": -0.12632937844610684}, {\"x\": -15.456635855661782, \"function\": \"tan(x)\", \"y\": 0.2567563603677278}, {\"x\": -15.079644737231007, \"function\": \"tan(x)\", \"y\": 0.7265425280053618}, {\"x\": -14.702653618800232, \"function\": \"tan(x)\", \"y\": 1.5757478599686519}, {\"x\": -14.325662500369457, \"function\": \"tan(x)\", \"y\": 5.2421835811131725}, {\"x\": -13.94867138193868, \"function\": \"tan(x)\", \"y\": -5.242183581113141}, {\"x\": -13.571680263507908, \"function\": \"tan(x)\", \"y\": -1.5757478599686543}, {\"x\": -13.194689145077131, \"function\": \"tan(x)\", \"y\": -0.7265425280053601}, {\"x\": -12.817698026646356, \"function\": \"tan(x)\", \"y\": -0.25675636036772664}, {\"x\": -12.440706908215581, \"function\": \"tan(x)\", \"y\": 0.12632937844610795}, {\"x\": -12.063715789784805, \"function\": \"tan(x)\", \"y\": 0.5497546521927716}, {\"x\": -11.686724671354032, \"function\": \"tan(x)\", \"y\": 1.2087923504096068}, {\"x\": -11.309733552923255, \"function\": \"tan(x)\", \"y\": 3.077683537175258}, {\"x\": -10.93274243449248, \"function\": \"tan(x)\", \"y\": -15.894544843865285}, {\"x\": -10.555751316061706, \"function\": \"tan(x)\", \"y\": -2.1251081731572046}, {\"x\": -10.17876019763093, \"function\": \"tan(x)\", \"y\": -0.9390625058174936}, {\"x\": -9.801769079200156, \"function\": \"tan(x)\", \"y\": -0.39592800879772244}, {\"x\": -9.42477796076938, \"function\": \"tan(x)\", \"y\": 3.6739403974420594e-16}, {\"x\": -9.047786842338605, \"function\": \"tan(x)\", \"y\": 0.3959280087977213}, {\"x\": -8.67079572390783, \"function\": \"tan(x)\", \"y\": 0.9390625058174916}, {\"x\": -8.293804605477055, \"function\": \"tan(x)\", \"y\": 2.125108173157199}, {\"x\": -7.91681348704628, \"function\": \"tan(x)\", \"y\": 15.894544843865022}, {\"x\": -7.5398223686155035, \"function\": \"tan(x)\", \"y\": -3.0776835371752504}, {\"x\": -7.162831250184729, \"function\": \"tan(x)\", \"y\": -1.2087923504096094}, {\"x\": -6.785840131753954, \"function\": \"tan(x)\", \"y\": -0.5497546521927706}, {\"x\": -6.408849013323179, \"function\": \"tan(x)\", \"y\": -0.126329378446109}, {\"x\": -6.031857894892404, \"function\": \"tan(x)\", \"y\": 0.25675636036772553}, {\"x\": -5.654866776461628, \"function\": \"tan(x)\", \"y\": 0.7265425280053612}, {\"x\": -5.277875658030853, \"function\": \"tan(x)\", \"y\": 1.5757478599686505}, {\"x\": -4.900884539600078, \"function\": \"tan(x)\", \"y\": 5.242183581113162}, {\"x\": -4.523893421169303, \"function\": \"tan(x)\", \"y\": -5.242183581113202}, {\"x\": -4.146902302738528, \"function\": \"tan(x)\", \"y\": -1.5757478599686554}, {\"x\": -3.7699111843077517, \"function\": \"tan(x)\", \"y\": -0.7265425280053607}, {\"x\": -3.392920065876977, \"function\": \"tan(x)\", \"y\": -0.25675636036772703}, {\"x\": -3.015928947446202, \"function\": \"tan(x)\", \"y\": 0.12632937844610756}, {\"x\": -2.6389378290154255, \"function\": \"tan(x)\", \"y\": 0.5497546521927711}, {\"x\": -2.2619467105846525, \"function\": \"tan(x)\", \"y\": 1.2087923504096059}, {\"x\": -1.8849555921538759, \"function\": \"tan(x)\", \"y\": 3.077683537175254}, {\"x\": -1.5079644737231028, \"function\": \"tan(x)\", \"y\": -15.894544843865829}, {\"x\": -1.1309733552923262, \"function\": \"tan(x)\", \"y\": -2.1251081731572063}, {\"x\": -0.7539822368615532, \"function\": \"tan(x)\", \"y\": -0.9390625058174976}, {\"x\": -0.3769911184307766, \"function\": \"tan(x)\", \"y\": -0.3959280087977229}, {\"x\": 0.0, \"function\": \"tan(x)\", \"y\": 0.0}, {\"x\": 0.37699111843077304, \"function\": \"tan(x)\", \"y\": 0.3959280087977188}, {\"x\": 0.7539822368615496, \"function\": \"tan(x)\", \"y\": 0.939062505817491}, {\"x\": 1.1309733552923227, \"function\": \"tan(x)\", \"y\": 2.125108173157187}, {\"x\": 1.5079644737230993, \"function\": \"tan(x)\", \"y\": 15.894544843864928}, {\"x\": 1.8849555921538759, \"function\": \"tan(x)\", \"y\": -3.077683537175254}, {\"x\": 2.261946710584649, \"function\": \"tan(x)\", \"y\": -1.2087923504096145}, {\"x\": 2.6389378290154255, \"function\": \"tan(x)\", \"y\": -0.5497546521927711}, {\"x\": 3.0159289474461985, \"function\": \"tan(x)\", \"y\": -0.12632937844611117}, {\"x\": 3.392920065876975, \"function\": \"tan(x)\", \"y\": 0.25675636036772514}, {\"x\": 3.7699111843077517, \"function\": \"tan(x)\", \"y\": 0.7265425280053607}, {\"x\": 4.146902302738525, \"function\": \"tan(x)\", \"y\": 1.5757478599686432}, {\"x\": 4.523893421169301, \"function\": \"tan(x)\", \"y\": 5.242183581113151}, {\"x\": 4.900884539600074, \"function\": \"tan(x)\", \"y\": -5.242183581113263}, {\"x\": 5.277875658030851, \"function\": \"tan(x)\", \"y\": -1.5757478599686567}, {\"x\": 5.654866776461628, \"function\": \"tan(x)\", \"y\": -0.7265425280053612}, {\"x\": 6.031857894892401, \"function\": \"tan(x)\", \"y\": -0.2567563603677293}, {\"x\": 6.408849013323177, \"function\": \"tan(x)\", \"y\": 0.1263293784461072}, {\"x\": 6.78584013175395, \"function\": \"tan(x)\", \"y\": 0.549754652192766}, {\"x\": 7.162831250184727, \"function\": \"tan(x)\", \"y\": 1.208792350409605}, {\"x\": 7.5398223686155035, \"function\": \"tan(x)\", \"y\": 3.0776835371752504}, {\"x\": 7.9168134870462765, \"function\": \"tan(x)\", \"y\": -15.894544843865923}, {\"x\": 8.293804605477053, \"function\": \"tan(x)\", \"y\": -2.1251081731572086}, {\"x\": 8.670795723907826, \"function\": \"tan(x)\", \"y\": -0.9390625058174983}, {\"x\": 9.047786842338603, \"function\": \"tan(x)\", \"y\": -0.39592800879772333}, {\"x\": 9.42477796076938, \"function\": \"tan(x)\", \"y\": -3.6739403974420594e-16}, {\"x\": 9.801769079200152, \"function\": \"tan(x)\", \"y\": 0.39592800879771833}, {\"x\": 10.178760197630929, \"function\": \"tan(x)\", \"y\": 0.9390625058174903}, {\"x\": 10.555751316061702, \"function\": \"tan(x)\", \"y\": 2.125108173157185}, {\"x\": 10.932742434492479, \"function\": \"tan(x)\", \"y\": 15.894544843864836}, {\"x\": 11.309733552923255, \"function\": \"tan(x)\", \"y\": -3.077683537175258}, {\"x\": 11.686724671354028, \"function\": \"tan(x)\", \"y\": -1.2087923504096154}, {\"x\": 12.063715789784805, \"function\": \"tan(x)\", \"y\": -0.5497546521927716}, {\"x\": 12.440706908215578, \"function\": \"tan(x)\", \"y\": -0.12632937844611156}, {\"x\": 12.817698026646354, \"function\": \"tan(x)\", \"y\": 0.25675636036772476}, {\"x\": 13.194689145077128, \"function\": \"tan(x)\", \"y\": 0.7265425280053547}, {\"x\": 13.571680263507908, \"function\": \"tan(x)\", \"y\": 1.5757478599686543}, {\"x\": 13.94867138193868, \"function\": \"tan(x)\", \"y\": 5.242183581113141}, {\"x\": 14.325662500369454, \"function\": \"tan(x)\", \"y\": -5.242183581113274}, {\"x\": 14.702653618800227, \"function\": \"tan(x)\", \"y\": -1.5757478599686705}, {\"x\": 15.079644737231007, \"function\": \"tan(x)\", \"y\": -0.7265425280053618}, {\"x\": 15.45663585566178, \"function\": \"tan(x)\", \"y\": -0.2567563603677297}, {\"x\": 15.833626974092553, \"function\": \"tan(x)\", \"y\": 0.12632937844610323}, {\"x\": 16.210618092523333, \"function\": \"tan(x)\", \"y\": 0.5497546521927702}, {\"x\": 16.587609210954106, \"function\": \"tan(x)\", \"y\": 1.208792350409604}, {\"x\": 16.96460032938488, \"function\": \"tan(x)\", \"y\": 3.077683537175209}, {\"x\": 17.341591447815652, \"function\": \"tan(x)\", \"y\": -15.894544843866917}, {\"x\": 17.718582566246432, \"function\": \"tan(x)\", \"y\": -2.1251081731572103}, {\"x\": 18.095573684677206, \"function\": \"tan(x)\", \"y\": -0.9390625058174991}, {\"x\": 18.47256480310798, \"function\": \"tan(x)\", \"y\": -0.3959280087977278}, {\"x\": 18.84955592153876, \"function\": \"tan(x)\", \"y\": -7.347880794884119e-16}]}}, {\"mode\": \"vega-lite\"});\n",
       "</script>"
      ],
      "text/plain": [
       "alt.LayerChart(...)"
      ]
     },
     "execution_count": 9,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "selection = alt.selection_point(nearest=True, on='mouseover',fields=['x', 'y'], empty='none')\n",
    "legend_selection = alt.selection_point(fields=['function'], bind='legend')\n",
    "points = alt.Chart(df_melt).mark_point(size=1, filled=True).encode(\n",
    "    x='x:Q',\n",
    "    y='y:Q',\n",
    "    color=alt.Color('function:N'),\n",
    "    opacity=alt.condition(legend_selection, alt.value(1.0), alt.value(0.2)),    \n",
    "    tooltip=['x', 'y', 'function']\n",
    ")\n",
    "lines = points.mark_line().encode(\n",
    "    x='x:Q',\n",
    "    y='y:Q',\n",
    "    color='function:N',\n",
    "    opacity=alt.condition(legend_selection, alt.value(1.0), alt.value(0.2)),    \n",
    ")\n",
    "alt.layer(points, lines).add_params(selection).add_params(legend_selection).interactive()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "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.12.7"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 4
}