custom_color_schemes.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 420,
   "metadata": {},
   "outputs": [],
   "source": [
    "import altair as alt\n",
    "import pandas as pd"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 405,
   "metadata": {},
   "outputs": [],
   "source": [
    "def chart_settings(scheme_name, dict_schemes, continuous):\n",
    "    # predefined scheme handling      \n",
    "    if type(dict_schemes[scheme_name]) is not list:\n",
    "        if continuous:\n",
    "            no_colors_in_scheme = 300        \n",
    "        else:\n",
    "            no_colors_in_scheme = dict_schemes[scheme_name]\n",
    "        df = pd.DataFrame({\"i\": range(no_colors_in_scheme)})\n",
    "        custom_scheme = False\n",
    "\n",
    "    # custom scheme handling\n",
    "    else:\n",
    "        if continuous:\n",
    "            no_colors_in_scheme = 300\n",
    "            df = pd.DataFrame({\"i\": range(no_colors_in_scheme)})  \n",
    "        else:    \n",
    "            no_colors_in_scheme = len(dict_schemes[scheme_name])\n",
    "            colors_in_scheme = dict_schemes[scheme_name]\n",
    "            df = pd.DataFrame({\"i\": range(no_colors_in_scheme), \"hex\": colors_in_scheme})\n",
    "        custom_scheme = True\n",
    "\n",
    "    # static height\n",
    "    h = 50\n",
    "\n",
    "    # width is dependent on no. of colors in scheme\n",
    "    if continuous:\n",
    "        w = 2\n",
    "    elif no_colors_in_scheme <= 5:\n",
    "        w = 50\n",
    "    elif (no_colors_in_scheme > 5) and (no_colors_in_scheme <= 12):\n",
    "        w = 30\n",
    "    else:\n",
    "        w = 15\n",
    "    # cornerRadius dependent on height-width ratio\n",
    "    cr_l = 0 if continuous else int(w / 2.4)\n",
    "    cr_s = 0 if continuous else 5\n",
    "\n",
    "    return df, w, h, cr_l, cr_s, no_colors_in_scheme, custom_scheme\n",
    "\n",
    "\n",
    "def plot_scheme(scheme_name, dict_schemes, continuous=False, cvd=False):\n",
    "    df, w, h, cr_l, cr_s, no, cs = chart_settings(scheme_name, dict_schemes, continuous)\n",
    "\n",
    "    # define internal color scale definition    \n",
    "    if cs and continuous:\n",
    "        expr_hex = \"scale('color', datum.i)\"\n",
    "        color_type = \"quantitative\"\n",
    "    elif cs and not continuous:\n",
    "        expr_hex = \"datum.hex\"\n",
    "        color_type = \"ordinal\"\n",
    "    elif not cs:\n",
    "        expr_hex = \"scale('color', datum.i)\"\n",
    "        color_type = \"ordinal\"\n",
    "    scale_scheme = alt.Scale(range=dict_schemes[scheme_name]) if cs else alt.Scale(scheme=scheme_name)\n",
    "\n",
    "    color_scale = (\n",
    "        alt.Chart(alt.sequence(0, no, as_=\"i\"))\n",
    "        .mark_rect(height=alt.expr(\"0\"), width=alt.expr(\"0\"))\n",
    "        .encode(alt.Color(\"i\", type=color_type).scale(scale_scheme).legend(None))\n",
    "    )    \n",
    "\n",
    "    # define styling axis\n",
    "    my_y_axis = alt.Axis(\n",
    "        grid=False,\n",
    "        ticks=False,\n",
    "        labels=False,\n",
    "        domain=False,\n",
    "        titleAngle=0,\n",
    "        titleAlign=\"right\",\n",
    "        titleBaseline=\"middle\",\n",
    "    )\n",
    "    \n",
    "    normal_vision = (\n",
    "        alt.Chart(df, height=h, width=alt.Step(w))\n",
    "        .transform_calculate(\n",
    "            hex=expr_hex,\n",
    "            rgb=\"rgb(datum.hex)\",\n",
    "            lum=\"luminance(datum.hex)\",\n",
    "        )\n",
    "        .mark_rect(cornerRadius=cr_l, discreteBandSize=w)\n",
    "        .encode(\n",
    "            x=alt.X(\"i:O\").axis(None),\n",
    "            y=alt.Y(\"normal vision:N\").axis(my_y_axis),\n",
    "            fill=alt.Fill(\"hex\", type=color_type).scale(None).legend(None),\n",
    "            stroke=alt.Stroke(\"hex\", type=color_type).scale(None).legend(None),\n",
    "            tooltip=[\n",
    "                alt.Tooltip(\"hex:O\"),\n",
    "                alt.Tooltip(\"rgb:O\"),\n",
    "                alt.Tooltip(\"lum:O\", format=\".2\"),\n",
    "            ],\n",
    "        )\n",
    "    )\n",
    "\n",
    "    if not cvd:\n",
    "        chart_comb = (\n",
    "            (normal_vision & color_scale)\n",
    "            .configure_concat(spacing=1)\n",
    "            .configure_view(stroke=None)\n",
    "        )\n",
    "        return chart_comb\n",
    "\n",
    "\n",
    "    green_blindness = (\n",
    "        alt.Chart(df, height=20, width=alt.Step(w))\n",
    "        .transform_calculate(\n",
    "            hex=expr_hex,\n",
    "            rgb=\"rgb(datum.hex)\",\n",
    "            gb_r=\"pow((4211+0.667*pow(datum.rgb['g'], 2.2)+0.2802*pow(datum.rgb['r'], 2.2)),1/2.2)\",\n",
    "            gb_g=\"pow((4211+0.667*pow(datum.rgb['g'], 2.2)+0.2802*pow(datum.rgb['r'], 2.2)),1/2.2)\",\n",
    "            gb_b=\"pow((4211+0.95724*pow(datum.rgb['b'], 2.2)+0.02138*pow(datum.rgb['b'], 2.2)-0.02138*pow(datum.rgb['r'], 2.2)),1/2.2)\",\n",
    "            greenblind_rgb=\"rgb(datum.gb_r,datum.gb_g,datum.gb_b)\",\n",
    "        )\n",
    "        .mark_rect(cornerRadius=cr_s)\n",
    "        .encode(\n",
    "            x=alt.X(\"i:O\").axis(None),\n",
    "            y=alt.Y(\"green-blindness:N\").axis(my_y_axis),\n",
    "            fill=alt.Fill(\"greenblind_rgb\", type=color_type).scale(None).legend(None),\n",
    "            stroke=alt.Stroke(\"greenblind_rgb\", type=color_type).scale(None).legend(None),            \n",
    "        )\n",
    "    )\n",
    "\n",
    "    red_blindness = (\n",
    "        alt.Chart(df, height=20, width=alt.Step(w))\n",
    "        .transform_calculate(\n",
    "            hex=expr_hex,\n",
    "            rgb=\"rgb(datum.hex)\",\n",
    "            rb_r=\"pow((782.7+0.8806*pow(datum.rgb['g'], 2.2)+0.1115*pow(datum.rgb['r'], 2.2)),1/2.2)\",\n",
    "            rb_g=\"pow((782.7+0.8806*pow(datum.rgb['g'], 2.2)+0.1115*pow(datum.rgb['r'], 2.2)),1/2.2)\",\n",
    "            rb_b=\"pow((782.7+0.992052*pow(datum.rgb['b'], 2.2)-0.03974*pow(datum.rgb['b'], 2.2)+0.003974*pow(datum.rgb['r'], 2.2)),1/2.2)\",\n",
    "            redblind_rgb=\"rgb(datum.rb_r,datum.rb_g,datum.rb_b)\",\n",
    "        )\n",
    "        .mark_rect(cornerRadius=cr_s)\n",
    "        .encode(\n",
    "            x=alt.X(\"i:O\").axis(None),\n",
    "            y=alt.Y(\"red-blindness:N\").axis(my_y_axis),\n",
    "            fill=alt.Fill(\"redblind_rgb\", type=color_type).scale(None).legend(None),\n",
    "            stroke=alt.Stroke(\"redblind_rgb\", type=color_type).scale(None).legend(None),             \n",
    "        )\n",
    "    )\n",
    "\n",
    "    grayscale = (\n",
    "        alt.Chart(df, height=20, width=alt.Step(w))\n",
    "        .transform_calculate(\n",
    "            hex=expr_hex,\n",
    "            rgb=\"rgb(datum.hex)\",\n",
    "            lumn_rgb=\"datum.rgb['r']*0.3+datum.rgb['g']*0.59+datum.rgb['b']*0.3\",\n",
    "            grayscale_rgb=\"rgb(datum.lumn_rgb,datum.lumn_rgb,datum.lumn_rgb)\",\n",
    "        )\n",
    "        .mark_rect(cornerRadius=cr_s)\n",
    "        .encode(\n",
    "            x=alt.X(\"i:O\").axis(None),\n",
    "            y=alt.Y(\"grayscale:N\").axis(my_y_axis),\n",
    "            fill=alt.Fill(\"grayscale_rgb\", type=color_type).scale(None).legend(None),\n",
    "            stroke=alt.Stroke(\"grayscale_rgb\", type=color_type).scale(None).legend(None),               \n",
    "\n",
    "        )\n",
    "    )\n",
    "\n",
    "\n",
    "\n",
    "    chart_comb = (\n",
    "        (normal_vision & green_blindness & red_blindness & grayscale & color_scale)\n",
    "        .configure_concat(spacing=1)\n",
    "        .configure_view(stroke=None)\n",
    "    )\n",
    "    return chart_comb\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 421,
   "metadata": {},
   "outputs": [],
   "source": [
    "tol_schemes = {\n",
    "    \"tol_bright\" : ['#4477AA', '#EE6677', '#228833', '#CCBB44', '#66CCEE', '#AA3377', '#BBBBBB'],\n",
    "    \"tol_highcontrast\" : ['#FFFFFF', '#DDAA33', '#BB5566', '#004488', '#000000'],\n",
    "    \"tol_vibrant\": ['#0077BB', '#33BBEE', '#009988', '#EE7733', '#CC3311', '#EE3377', '#BBBBBB'],\n",
    "    \"tol_muted\": ['#332288', '#88CCEE', '#44AA99', '#117733', '#999933', '#DDCC77' ,'#CC6677' , '#882255', '#AA4499', '#DDDDDD'],\n",
    "    \"tol_mediumcontrast\": ['#FFFFFF', '#EECC66', '#994455','#6699CC', '#997700', '#994455', '#004488', '#000000'],\n",
    "    \"tol_pale\": ['#BBCCEE', '#CCEEFF', '#CCDDAA', '#EEEEBB', '#FFCCCC', '#DDDDDD'],\n",
    "    \"tol_dark\": ['#222255', '#225555', '#225522', '#666633', '#663333', '#555555'],\n",
    "    \"tol_light\": ['#77AADD', '#99DDFF', '#44BB99', '#BBCC33', '#AAAA00', '#EEDD88', '#EE8866', '#FFAABB', '#DDDDDD']\n",
    "}"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 422,
   "metadata": {},
   "outputs": [],
   "source": [
    "catg_schemes = {\n",
    "    \"accent\": 8,\n",
    "    \"category10\": 10,\n",
    "    \"category20\": 20,\n",
    "    \"category20b\": 20,\n",
    "    \"category20c\": 20,\n",
    "    \"dark2\": 8,\n",
    "    \"paired\": 12,\n",
    "    \"pastel1\": 9,\n",
    "    \"pastel2\": 8,\n",
    "    \"set1\": 9,\n",
    "    \"set2\": 8,\n",
    "    \"set3\": 12,\n",
    "    \"tableau10\": 10,\n",
    "    \"tableau20\": 20,\n",
    "}"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 397,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "cs:False, cont:False\n",
      "ct:ordinal\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<div id=\"altair-viz-452a21bd6985473e9595be99223c774d\"></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-452a21bd6985473e9595be99223c774d\") {\n",
       "      outputDiv = document.getElementById(\"altair-viz-452a21bd6985473e9595be99223c774d\");\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.6.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",
       "      require([\"vega-embed\"], displayChart, err => showError(`Error loading script: ${err.message}`));\n",
       "    } else {\n",
       "      maybeLoadScript(\"vega\", \"5\")\n",
       "        .then(() => maybeLoadScript(\"vega-lite\", \"5.6.1\"))\n",
       "        .then(() => maybeLoadScript(\"vega-embed\", \"6\"))\n",
       "        .catch(showError)\n",
       "        .then(() => displayChart(vegaEmbed));\n",
       "    }\n",
       "  })({\"config\": {\"view\": {\"continuousWidth\": 300, \"continuousHeight\": 300, \"stroke\": null}, \"concat\": {\"spacing\": 1}}, \"vconcat\": [{\"mark\": {\"type\": \"rect\", \"cornerRadius\": 12, \"discreteBandSize\": 30}, \"encoding\": {\"fill\": {\"field\": \"hex\", \"legend\": null, \"scale\": null, \"type\": \"ordinal\"}, \"stroke\": {\"field\": \"hex\", \"legend\": null, \"scale\": null, \"type\": \"ordinal\"}, \"tooltip\": [{\"field\": \"hex\", \"type\": \"ordinal\"}, {\"field\": \"rgb\", \"type\": \"ordinal\"}, {\"field\": \"lum\", \"format\": \".2\", \"type\": \"ordinal\"}], \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"normal vision\", \"type\": \"nominal\"}}, \"height\": 50, \"transform\": [{\"calculate\": \"scale('color', datum.i)\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"luminance(datum.hex)\", \"as\": \"lum\"}], \"width\": {\"step\": 30}}, {\"mark\": {\"type\": \"rect\", \"cornerRadius\": 5}, \"encoding\": {\"fill\": {\"field\": \"greenblind_rgb\", \"legend\": null, \"scale\": null, \"type\": \"ordinal\"}, \"stroke\": {\"field\": \"greenblind_rgb\", \"legend\": null, \"scale\": null, \"type\": \"ordinal\"}, \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"green-blindness\", \"type\": \"nominal\"}}, \"height\": 20, \"transform\": [{\"calculate\": \"scale('color', datum.i)\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"pow((4211+0.667*pow(datum.rgb['g'], 2.2)+0.2802*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"gb_r\"}, {\"calculate\": \"pow((4211+0.667*pow(datum.rgb['g'], 2.2)+0.2802*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"gb_g\"}, {\"calculate\": \"pow((4211+0.95724*pow(datum.rgb['b'], 2.2)+0.02138*pow(datum.rgb['b'], 2.2)-0.02138*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"gb_b\"}, {\"calculate\": \"rgb(datum.gb_r,datum.gb_g,datum.gb_b)\", \"as\": \"greenblind_rgb\"}], \"width\": {\"step\": 30}}, {\"mark\": {\"type\": \"rect\", \"cornerRadius\": 5}, \"encoding\": {\"fill\": {\"field\": \"redblind_rgb\", \"legend\": null, \"scale\": null, \"type\": \"ordinal\"}, \"stroke\": {\"field\": \"redblind_rgb\", \"legend\": null, \"scale\": null, \"type\": \"ordinal\"}, \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"red-blindness\", \"type\": \"nominal\"}}, \"height\": 20, \"transform\": [{\"calculate\": \"scale('color', datum.i)\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"pow((782.7+0.8806*pow(datum.rgb['g'], 2.2)+0.1115*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"rb_r\"}, {\"calculate\": \"pow((782.7+0.8806*pow(datum.rgb['g'], 2.2)+0.1115*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"rb_g\"}, {\"calculate\": \"pow((782.7+0.992052*pow(datum.rgb['b'], 2.2)-0.03974*pow(datum.rgb['b'], 2.2)+0.003974*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"rb_b\"}, {\"calculate\": \"rgb(datum.rb_r,datum.rb_g,datum.rb_b)\", \"as\": \"redblind_rgb\"}], \"width\": {\"step\": 30}}, {\"mark\": {\"type\": \"rect\", \"cornerRadius\": 5}, \"encoding\": {\"fill\": {\"field\": \"grayscale_rgb\", \"legend\": null, \"scale\": null, \"type\": \"ordinal\"}, \"stroke\": {\"field\": \"grayscale_rgb\", \"legend\": null, \"scale\": null, \"type\": \"ordinal\"}, \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"grayscale\", \"type\": \"nominal\"}}, \"height\": 20, \"transform\": [{\"calculate\": \"scale('color', datum.i)\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"datum.rgb['r']*0.3+datum.rgb['g']*0.59+datum.rgb['b']*0.3\", \"as\": \"lumn_rgb\"}, {\"calculate\": \"rgb(datum.lumn_rgb,datum.lumn_rgb,datum.lumn_rgb)\", \"as\": \"grayscale_rgb\"}], \"width\": {\"step\": 30}}, {\"data\": {\"sequence\": {\"start\": 0, \"stop\": 9, \"as\": \"i\"}}, \"mark\": {\"type\": \"rect\", \"height\": {\"expr\": \"0\"}, \"width\": {\"expr\": \"0\"}}, \"encoding\": {\"color\": {\"field\": \"i\", \"legend\": null, \"scale\": {\"scheme\": \"spectral\"}, \"type\": \"ordinal\"}}}], \"data\": {\"name\": \"data-c6f07d2054282dbca6972e56ca0edf6c\"}, \"$schema\": \"https://vega.github.io/schema/vega-lite/v5.6.1.json\", \"datasets\": {\"data-c6f07d2054282dbca6972e56ca0edf6c\": [{\"i\": 0}, {\"i\": 1}, {\"i\": 2}, {\"i\": 3}, {\"i\": 4}, {\"i\": 5}, {\"i\": 6}, {\"i\": 7}, {\"i\": 8}]}}, {\"mode\": \"vega-lite\"});\n",
       "</script>"
      ],
      "text/plain": [
       "alt.VConcatChart(...)"
      ]
     },
     "execution_count": 397,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "plot_scheme('spectral', divg_schemes, continuous=False, cvd=True)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 398,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "cs:True, cont:False\n",
      "ct:ordinal\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<div id=\"altair-viz-24c7b74b07674252b9b796517eecccbb\"></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-24c7b74b07674252b9b796517eecccbb\") {\n",
       "      outputDiv = document.getElementById(\"altair-viz-24c7b74b07674252b9b796517eecccbb\");\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.6.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",
       "      require([\"vega-embed\"], displayChart, err => showError(`Error loading script: ${err.message}`));\n",
       "    } else {\n",
       "      maybeLoadScript(\"vega\", \"5\")\n",
       "        .then(() => maybeLoadScript(\"vega-lite\", \"5.6.1\"))\n",
       "        .then(() => maybeLoadScript(\"vega-embed\", \"6\"))\n",
       "        .catch(showError)\n",
       "        .then(() => displayChart(vegaEmbed));\n",
       "    }\n",
       "  })({\"config\": {\"view\": {\"continuousWidth\": 300, \"continuousHeight\": 300, \"stroke\": null}, \"concat\": {\"spacing\": 1}}, \"vconcat\": [{\"data\": {\"name\": \"data-e4163f8fab0c524377727a8ff6cf7052\"}, \"mark\": {\"type\": \"rect\", \"cornerRadius\": 12, \"discreteBandSize\": 30}, \"encoding\": {\"fill\": {\"field\": \"hex\", \"legend\": null, \"scale\": null, \"type\": \"ordinal\"}, \"stroke\": {\"field\": \"hex\", \"legend\": null, \"scale\": null, \"type\": \"ordinal\"}, \"tooltip\": [{\"field\": \"hex\", \"type\": \"ordinal\"}, {\"field\": \"rgb\", \"type\": \"ordinal\"}, {\"field\": \"lum\", \"format\": \".2\", \"type\": \"ordinal\"}], \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"normal vision\", \"type\": \"nominal\"}}, \"height\": 50, \"transform\": [{\"calculate\": \"datum.hex\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"luminance(datum.hex)\", \"as\": \"lum\"}], \"width\": {\"step\": 30}}, {\"data\": {\"sequence\": {\"start\": 0, \"stop\": 7, \"as\": \"i\"}}, \"mark\": {\"type\": \"rect\", \"height\": {\"expr\": \"0\"}, \"width\": {\"expr\": \"0\"}}, \"encoding\": {\"color\": {\"field\": \"i\", \"legend\": null, \"scale\": {\"range\": [\"#4477AA\", \"#EE6677\", \"#228833\", \"#CCBB44\", \"#66CCEE\", \"#AA3377\", \"#BBBBBB\"]}, \"type\": \"ordinal\"}}}], \"$schema\": \"https://vega.github.io/schema/vega-lite/v5.6.1.json\", \"datasets\": {\"data-e4163f8fab0c524377727a8ff6cf7052\": [{\"i\": 0, \"hex\": \"#4477AA\"}, {\"i\": 1, \"hex\": \"#EE6677\"}, {\"i\": 2, \"hex\": \"#228833\"}, {\"i\": 3, \"hex\": \"#CCBB44\"}, {\"i\": 4, \"hex\": \"#66CCEE\"}, {\"i\": 5, \"hex\": \"#AA3377\"}, {\"i\": 6, \"hex\": \"#BBBBBB\"}]}}, {\"mode\": \"vega-lite\"});\n",
       "</script>"
      ],
      "text/plain": [
       "alt.VConcatChart(...)"
      ]
     },
     "execution_count": 398,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "plot_scheme('tol_bright', tol_schemes)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 403,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "cs:True, cont:True\n",
      "ct:quantitative\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<div id=\"altair-viz-3d9235357b5e4f9da89965f14a131927\"></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-3d9235357b5e4f9da89965f14a131927\") {\n",
       "      outputDiv = document.getElementById(\"altair-viz-3d9235357b5e4f9da89965f14a131927\");\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.6.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",
       "      require([\"vega-embed\"], displayChart, err => showError(`Error loading script: ${err.message}`));\n",
       "    } else {\n",
       "      maybeLoadScript(\"vega\", \"5\")\n",
       "        .then(() => maybeLoadScript(\"vega-lite\", \"5.6.1\"))\n",
       "        .then(() => maybeLoadScript(\"vega-embed\", \"6\"))\n",
       "        .catch(showError)\n",
       "        .then(() => displayChart(vegaEmbed));\n",
       "    }\n",
       "  })({\"config\": {\"view\": {\"continuousWidth\": 300, \"continuousHeight\": 300, \"stroke\": null}, \"concat\": {\"spacing\": 1}}, \"vconcat\": [{\"data\": {\"name\": \"data-d72aa5f94937c9573f712b0fd0f045b1\"}, \"mark\": {\"type\": \"rect\", \"cornerRadius\": 0, \"discreteBandSize\": 2}, \"encoding\": {\"fill\": {\"field\": \"hex\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"stroke\": {\"field\": \"hex\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"tooltip\": [{\"field\": \"hex\", \"type\": \"ordinal\"}, {\"field\": \"rgb\", \"type\": \"ordinal\"}, {\"field\": \"lum\", \"format\": \".2\", \"type\": \"ordinal\"}], \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"normal vision\", \"type\": \"nominal\"}}, \"height\": 50, \"transform\": [{\"calculate\": \"scale('color', datum.i)\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"luminance(datum.hex)\", \"as\": \"lum\"}], \"width\": {\"step\": 2}}, {\"data\": {\"sequence\": {\"start\": 0, \"stop\": 300, \"as\": \"i\"}}, \"mark\": {\"type\": \"rect\", \"height\": {\"expr\": \"0\"}, \"width\": {\"expr\": \"0\"}}, \"encoding\": {\"color\": {\"field\": \"i\", \"legend\": null, \"scale\": {\"range\": [\"#FF0000\", \"#FF6600\", \"#FFFF00\", \"#00FF00\", \"#0000FF\"]}, \"type\": \"quantitative\"}}}], \"$schema\": \"https://vega.github.io/schema/vega-lite/v5.6.1.json\", \"datasets\": {\"data-d72aa5f94937c9573f712b0fd0f045b1\": [{\"i\": 0}, {\"i\": 1}, {\"i\": 2}, {\"i\": 3}, {\"i\": 4}, {\"i\": 5}, {\"i\": 6}, {\"i\": 7}, {\"i\": 8}, {\"i\": 9}, {\"i\": 10}, {\"i\": 11}, {\"i\": 12}, {\"i\": 13}, {\"i\": 14}, {\"i\": 15}, {\"i\": 16}, {\"i\": 17}, {\"i\": 18}, {\"i\": 19}, {\"i\": 20}, {\"i\": 21}, {\"i\": 22}, {\"i\": 23}, {\"i\": 24}, {\"i\": 25}, {\"i\": 26}, {\"i\": 27}, {\"i\": 28}, {\"i\": 29}, {\"i\": 30}, {\"i\": 31}, {\"i\": 32}, {\"i\": 33}, {\"i\": 34}, {\"i\": 35}, {\"i\": 36}, {\"i\": 37}, {\"i\": 38}, {\"i\": 39}, {\"i\": 40}, {\"i\": 41}, {\"i\": 42}, {\"i\": 43}, {\"i\": 44}, {\"i\": 45}, {\"i\": 46}, {\"i\": 47}, {\"i\": 48}, {\"i\": 49}, {\"i\": 50}, {\"i\": 51}, {\"i\": 52}, {\"i\": 53}, {\"i\": 54}, {\"i\": 55}, {\"i\": 56}, {\"i\": 57}, {\"i\": 58}, {\"i\": 59}, {\"i\": 60}, {\"i\": 61}, {\"i\": 62}, {\"i\": 63}, {\"i\": 64}, {\"i\": 65}, {\"i\": 66}, {\"i\": 67}, {\"i\": 68}, {\"i\": 69}, {\"i\": 70}, {\"i\": 71}, {\"i\": 72}, {\"i\": 73}, {\"i\": 74}, {\"i\": 75}, {\"i\": 76}, {\"i\": 77}, {\"i\": 78}, {\"i\": 79}, {\"i\": 80}, {\"i\": 81}, {\"i\": 82}, {\"i\": 83}, {\"i\": 84}, {\"i\": 85}, {\"i\": 86}, {\"i\": 87}, {\"i\": 88}, {\"i\": 89}, {\"i\": 90}, {\"i\": 91}, {\"i\": 92}, {\"i\": 93}, {\"i\": 94}, {\"i\": 95}, {\"i\": 96}, {\"i\": 97}, {\"i\": 98}, {\"i\": 99}, {\"i\": 100}, {\"i\": 101}, {\"i\": 102}, {\"i\": 103}, {\"i\": 104}, {\"i\": 105}, {\"i\": 106}, {\"i\": 107}, {\"i\": 108}, {\"i\": 109}, {\"i\": 110}, {\"i\": 111}, {\"i\": 112}, {\"i\": 113}, {\"i\": 114}, {\"i\": 115}, {\"i\": 116}, {\"i\": 117}, {\"i\": 118}, {\"i\": 119}, {\"i\": 120}, {\"i\": 121}, {\"i\": 122}, {\"i\": 123}, {\"i\": 124}, {\"i\": 125}, {\"i\": 126}, {\"i\": 127}, {\"i\": 128}, {\"i\": 129}, {\"i\": 130}, {\"i\": 131}, {\"i\": 132}, {\"i\": 133}, {\"i\": 134}, {\"i\": 135}, {\"i\": 136}, {\"i\": 137}, {\"i\": 138}, {\"i\": 139}, {\"i\": 140}, {\"i\": 141}, {\"i\": 142}, {\"i\": 143}, {\"i\": 144}, {\"i\": 145}, {\"i\": 146}, {\"i\": 147}, {\"i\": 148}, {\"i\": 149}, {\"i\": 150}, {\"i\": 151}, {\"i\": 152}, {\"i\": 153}, {\"i\": 154}, {\"i\": 155}, {\"i\": 156}, {\"i\": 157}, {\"i\": 158}, {\"i\": 159}, {\"i\": 160}, {\"i\": 161}, {\"i\": 162}, {\"i\": 163}, {\"i\": 164}, {\"i\": 165}, {\"i\": 166}, {\"i\": 167}, {\"i\": 168}, {\"i\": 169}, {\"i\": 170}, {\"i\": 171}, {\"i\": 172}, {\"i\": 173}, {\"i\": 174}, {\"i\": 175}, {\"i\": 176}, {\"i\": 177}, {\"i\": 178}, {\"i\": 179}, {\"i\": 180}, {\"i\": 181}, {\"i\": 182}, {\"i\": 183}, {\"i\": 184}, {\"i\": 185}, {\"i\": 186}, {\"i\": 187}, {\"i\": 188}, {\"i\": 189}, {\"i\": 190}, {\"i\": 191}, {\"i\": 192}, {\"i\": 193}, {\"i\": 194}, {\"i\": 195}, {\"i\": 196}, {\"i\": 197}, {\"i\": 198}, {\"i\": 199}, {\"i\": 200}, {\"i\": 201}, {\"i\": 202}, {\"i\": 203}, {\"i\": 204}, {\"i\": 205}, {\"i\": 206}, {\"i\": 207}, {\"i\": 208}, {\"i\": 209}, {\"i\": 210}, {\"i\": 211}, {\"i\": 212}, {\"i\": 213}, {\"i\": 214}, {\"i\": 215}, {\"i\": 216}, {\"i\": 217}, {\"i\": 218}, {\"i\": 219}, {\"i\": 220}, {\"i\": 221}, {\"i\": 222}, {\"i\": 223}, {\"i\": 224}, {\"i\": 225}, {\"i\": 226}, {\"i\": 227}, {\"i\": 228}, {\"i\": 229}, {\"i\": 230}, {\"i\": 231}, {\"i\": 232}, {\"i\": 233}, {\"i\": 234}, {\"i\": 235}, {\"i\": 236}, {\"i\": 237}, {\"i\": 238}, {\"i\": 239}, {\"i\": 240}, {\"i\": 241}, {\"i\": 242}, {\"i\": 243}, {\"i\": 244}, {\"i\": 245}, {\"i\": 246}, {\"i\": 247}, {\"i\": 248}, {\"i\": 249}, {\"i\": 250}, {\"i\": 251}, {\"i\": 252}, {\"i\": 253}, {\"i\": 254}, {\"i\": 255}, {\"i\": 256}, {\"i\": 257}, {\"i\": 258}, {\"i\": 259}, {\"i\": 260}, {\"i\": 261}, {\"i\": 262}, {\"i\": 263}, {\"i\": 264}, {\"i\": 265}, {\"i\": 266}, {\"i\": 267}, {\"i\": 268}, {\"i\": 269}, {\"i\": 270}, {\"i\": 271}, {\"i\": 272}, {\"i\": 273}, {\"i\": 274}, {\"i\": 275}, {\"i\": 276}, {\"i\": 277}, {\"i\": 278}, {\"i\": 279}, {\"i\": 280}, {\"i\": 281}, {\"i\": 282}, {\"i\": 283}, {\"i\": 284}, {\"i\": 285}, {\"i\": 286}, {\"i\": 287}, {\"i\": 288}, {\"i\": 289}, {\"i\": 290}, {\"i\": 291}, {\"i\": 292}, {\"i\": 293}, {\"i\": 294}, {\"i\": 295}, {\"i\": 296}, {\"i\": 297}, {\"i\": 298}, {\"i\": 299}]}}, {\"mode\": \"vega-lite\"});\n",
       "</script>"
      ],
      "text/plain": [
       "alt.VConcatChart(...)"
      ]
     },
     "execution_count": 403,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "plot_scheme(\"non-uniform\", percep_schemes, continuous=True)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 404,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "cs:True, cont:True\n",
      "ct:quantitative\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<div id=\"altair-viz-20731b9ee23647e8a4c262124dddda77\"></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-20731b9ee23647e8a4c262124dddda77\") {\n",
       "      outputDiv = document.getElementById(\"altair-viz-20731b9ee23647e8a4c262124dddda77\");\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.6.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",
       "      require([\"vega-embed\"], displayChart, err => showError(`Error loading script: ${err.message}`));\n",
       "    } else {\n",
       "      maybeLoadScript(\"vega\", \"5\")\n",
       "        .then(() => maybeLoadScript(\"vega-lite\", \"5.6.1\"))\n",
       "        .then(() => maybeLoadScript(\"vega-embed\", \"6\"))\n",
       "        .catch(showError)\n",
       "        .then(() => displayChart(vegaEmbed));\n",
       "    }\n",
       "  })({\"config\": {\"view\": {\"continuousWidth\": 300, \"continuousHeight\": 300, \"stroke\": null}, \"concat\": {\"spacing\": 1}}, \"vconcat\": [{\"data\": {\"name\": \"data-d72aa5f94937c9573f712b0fd0f045b1\"}, \"mark\": {\"type\": \"rect\", \"cornerRadius\": 0, \"discreteBandSize\": 2}, \"encoding\": {\"fill\": {\"field\": \"hex\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"stroke\": {\"field\": \"hex\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"tooltip\": [{\"field\": \"hex\", \"type\": \"ordinal\"}, {\"field\": \"rgb\", \"type\": \"ordinal\"}, {\"field\": \"lum\", \"format\": \".2\", \"type\": \"ordinal\"}], \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"normal vision\", \"type\": \"nominal\"}}, \"height\": 50, \"transform\": [{\"calculate\": \"scale('color', datum.i)\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"luminance(datum.hex)\", \"as\": \"lum\"}], \"width\": {\"step\": 2}}, {\"data\": {\"sequence\": {\"start\": 0, \"stop\": 300, \"as\": \"i\"}}, \"mark\": {\"type\": \"rect\", \"height\": {\"expr\": \"0\"}, \"width\": {\"expr\": \"0\"}}, \"encoding\": {\"color\": {\"field\": \"i\", \"legend\": null, \"scale\": {\"range\": [\"#542788\", \"#1f7abd\", \"#4dbd33\", \"#fdae61\", \"#d7191c\"]}, \"type\": \"quantitative\"}}}], \"$schema\": \"https://vega.github.io/schema/vega-lite/v5.6.1.json\", \"datasets\": {\"data-d72aa5f94937c9573f712b0fd0f045b1\": [{\"i\": 0}, {\"i\": 1}, {\"i\": 2}, {\"i\": 3}, {\"i\": 4}, {\"i\": 5}, {\"i\": 6}, {\"i\": 7}, {\"i\": 8}, {\"i\": 9}, {\"i\": 10}, {\"i\": 11}, {\"i\": 12}, {\"i\": 13}, {\"i\": 14}, {\"i\": 15}, {\"i\": 16}, {\"i\": 17}, {\"i\": 18}, {\"i\": 19}, {\"i\": 20}, {\"i\": 21}, {\"i\": 22}, {\"i\": 23}, {\"i\": 24}, {\"i\": 25}, {\"i\": 26}, {\"i\": 27}, {\"i\": 28}, {\"i\": 29}, {\"i\": 30}, {\"i\": 31}, {\"i\": 32}, {\"i\": 33}, {\"i\": 34}, {\"i\": 35}, {\"i\": 36}, {\"i\": 37}, {\"i\": 38}, {\"i\": 39}, {\"i\": 40}, {\"i\": 41}, {\"i\": 42}, {\"i\": 43}, {\"i\": 44}, {\"i\": 45}, {\"i\": 46}, {\"i\": 47}, {\"i\": 48}, {\"i\": 49}, {\"i\": 50}, {\"i\": 51}, {\"i\": 52}, {\"i\": 53}, {\"i\": 54}, {\"i\": 55}, {\"i\": 56}, {\"i\": 57}, {\"i\": 58}, {\"i\": 59}, {\"i\": 60}, {\"i\": 61}, {\"i\": 62}, {\"i\": 63}, {\"i\": 64}, {\"i\": 65}, {\"i\": 66}, {\"i\": 67}, {\"i\": 68}, {\"i\": 69}, {\"i\": 70}, {\"i\": 71}, {\"i\": 72}, {\"i\": 73}, {\"i\": 74}, {\"i\": 75}, {\"i\": 76}, {\"i\": 77}, {\"i\": 78}, {\"i\": 79}, {\"i\": 80}, {\"i\": 81}, {\"i\": 82}, {\"i\": 83}, {\"i\": 84}, {\"i\": 85}, {\"i\": 86}, {\"i\": 87}, {\"i\": 88}, {\"i\": 89}, {\"i\": 90}, {\"i\": 91}, {\"i\": 92}, {\"i\": 93}, {\"i\": 94}, {\"i\": 95}, {\"i\": 96}, {\"i\": 97}, {\"i\": 98}, {\"i\": 99}, {\"i\": 100}, {\"i\": 101}, {\"i\": 102}, {\"i\": 103}, {\"i\": 104}, {\"i\": 105}, {\"i\": 106}, {\"i\": 107}, {\"i\": 108}, {\"i\": 109}, {\"i\": 110}, {\"i\": 111}, {\"i\": 112}, {\"i\": 113}, {\"i\": 114}, {\"i\": 115}, {\"i\": 116}, {\"i\": 117}, {\"i\": 118}, {\"i\": 119}, {\"i\": 120}, {\"i\": 121}, {\"i\": 122}, {\"i\": 123}, {\"i\": 124}, {\"i\": 125}, {\"i\": 126}, {\"i\": 127}, {\"i\": 128}, {\"i\": 129}, {\"i\": 130}, {\"i\": 131}, {\"i\": 132}, {\"i\": 133}, {\"i\": 134}, {\"i\": 135}, {\"i\": 136}, {\"i\": 137}, {\"i\": 138}, {\"i\": 139}, {\"i\": 140}, {\"i\": 141}, {\"i\": 142}, {\"i\": 143}, {\"i\": 144}, {\"i\": 145}, {\"i\": 146}, {\"i\": 147}, {\"i\": 148}, {\"i\": 149}, {\"i\": 150}, {\"i\": 151}, {\"i\": 152}, {\"i\": 153}, {\"i\": 154}, {\"i\": 155}, {\"i\": 156}, {\"i\": 157}, {\"i\": 158}, {\"i\": 159}, {\"i\": 160}, {\"i\": 161}, {\"i\": 162}, {\"i\": 163}, {\"i\": 164}, {\"i\": 165}, {\"i\": 166}, {\"i\": 167}, {\"i\": 168}, {\"i\": 169}, {\"i\": 170}, {\"i\": 171}, {\"i\": 172}, {\"i\": 173}, {\"i\": 174}, {\"i\": 175}, {\"i\": 176}, {\"i\": 177}, {\"i\": 178}, {\"i\": 179}, {\"i\": 180}, {\"i\": 181}, {\"i\": 182}, {\"i\": 183}, {\"i\": 184}, {\"i\": 185}, {\"i\": 186}, {\"i\": 187}, {\"i\": 188}, {\"i\": 189}, {\"i\": 190}, {\"i\": 191}, {\"i\": 192}, {\"i\": 193}, {\"i\": 194}, {\"i\": 195}, {\"i\": 196}, {\"i\": 197}, {\"i\": 198}, {\"i\": 199}, {\"i\": 200}, {\"i\": 201}, {\"i\": 202}, {\"i\": 203}, {\"i\": 204}, {\"i\": 205}, {\"i\": 206}, {\"i\": 207}, {\"i\": 208}, {\"i\": 209}, {\"i\": 210}, {\"i\": 211}, {\"i\": 212}, {\"i\": 213}, {\"i\": 214}, {\"i\": 215}, {\"i\": 216}, {\"i\": 217}, {\"i\": 218}, {\"i\": 219}, {\"i\": 220}, {\"i\": 221}, {\"i\": 222}, {\"i\": 223}, {\"i\": 224}, {\"i\": 225}, {\"i\": 226}, {\"i\": 227}, {\"i\": 228}, {\"i\": 229}, {\"i\": 230}, {\"i\": 231}, {\"i\": 232}, {\"i\": 233}, {\"i\": 234}, {\"i\": 235}, {\"i\": 236}, {\"i\": 237}, {\"i\": 238}, {\"i\": 239}, {\"i\": 240}, {\"i\": 241}, {\"i\": 242}, {\"i\": 243}, {\"i\": 244}, {\"i\": 245}, {\"i\": 246}, {\"i\": 247}, {\"i\": 248}, {\"i\": 249}, {\"i\": 250}, {\"i\": 251}, {\"i\": 252}, {\"i\": 253}, {\"i\": 254}, {\"i\": 255}, {\"i\": 256}, {\"i\": 257}, {\"i\": 258}, {\"i\": 259}, {\"i\": 260}, {\"i\": 261}, {\"i\": 262}, {\"i\": 263}, {\"i\": 264}, {\"i\": 265}, {\"i\": 266}, {\"i\": 267}, {\"i\": 268}, {\"i\": 269}, {\"i\": 270}, {\"i\": 271}, {\"i\": 272}, {\"i\": 273}, {\"i\": 274}, {\"i\": 275}, {\"i\": 276}, {\"i\": 277}, {\"i\": 278}, {\"i\": 279}, {\"i\": 280}, {\"i\": 281}, {\"i\": 282}, {\"i\": 283}, {\"i\": 284}, {\"i\": 285}, {\"i\": 286}, {\"i\": 287}, {\"i\": 288}, {\"i\": 289}, {\"i\": 290}, {\"i\": 291}, {\"i\": 292}, {\"i\": 293}, {\"i\": 294}, {\"i\": 295}, {\"i\": 296}, {\"i\": 297}, {\"i\": 298}, {\"i\": 299}]}}, {\"mode\": \"vega-lite\"});\n",
       "</script>"
      ],
      "text/plain": [
       "alt.VConcatChart(...)"
      ]
     },
     "execution_count": 404,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "plot_scheme(\"uniform\", percep_schemes, continuous=True)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 383,
   "metadata": {},
   "outputs": [],
   "source": [
    "divg_schemes = {\n",
    "    \"blueorange\": 9,\n",
    "    \"brownbluegreen\": 9,\n",
    "    \"purplegreen\": 9,\n",
    "    \"pinkyellowgreen\": 9,\n",
    "    \"purpleorange\": 9,\n",
    "    \"redblue\": 9,\n",
    "    \"redgrey\": 9,\n",
    "    \"redyellowblue\": 9,\n",
    "    \"redyellowgreen\": 9,\n",
    "    \"spectral\": 9,\n",
    "}"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 384,
   "metadata": {},
   "outputs": [],
   "source": [
    "percep_schemes = {\n",
    "    \"uniform\": [\"#542788\", \"#1f7abd\", \"#4dbd33\", \"#fdae61\", \"#d7191c\"],\n",
    "    \"non-uniform\": [\"#FF0000\", \"#FF6600\", \"#FFFF00\", \"#00FF00\", \"#0000FF\"]\n",
    "}"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 417,
   "metadata": {},
   "outputs": [],
   "source": [
    "color_vision_deficiency = {\n",
    "    'unfriendly':['#006400', '#228B22', '#00FF00', '#7FFF00', '#FFFF00', '#FFA500', '#FF0000'],\n",
    "    'tol_sunset_friendly': ['#364B9A', '#4A7BB7', '#6EA6CD', '#98CAE1', '#C2E4EF', '#EAECCC', '#FEDA8B', '#FDB366', '#F67E4B', '#DD3D2D', '#A50026']\n",
    "}"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 418,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "<div id=\"altair-viz-ab678d674da24906b0441bb4a64cba13\"></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-ab678d674da24906b0441bb4a64cba13\") {\n",
       "      outputDiv = document.getElementById(\"altair-viz-ab678d674da24906b0441bb4a64cba13\");\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.6.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",
       "      require([\"vega-embed\"], displayChart, err => showError(`Error loading script: ${err.message}`));\n",
       "    } else {\n",
       "      maybeLoadScript(\"vega\", \"5\")\n",
       "        .then(() => maybeLoadScript(\"vega-lite\", \"5.6.1\"))\n",
       "        .then(() => maybeLoadScript(\"vega-embed\", \"6\"))\n",
       "        .catch(showError)\n",
       "        .then(() => displayChart(vegaEmbed));\n",
       "    }\n",
       "  })({\"config\": {\"view\": {\"continuousWidth\": 300, \"continuousHeight\": 300, \"stroke\": null}, \"concat\": {\"spacing\": 1}}, \"vconcat\": [{\"mark\": {\"type\": \"rect\", \"cornerRadius\": 0, \"discreteBandSize\": 2}, \"encoding\": {\"fill\": {\"field\": \"hex\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"stroke\": {\"field\": \"hex\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"tooltip\": [{\"field\": \"hex\", \"type\": \"ordinal\"}, {\"field\": \"rgb\", \"type\": \"ordinal\"}, {\"field\": \"lum\", \"format\": \".2\", \"type\": \"ordinal\"}], \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"normal vision\", \"type\": \"nominal\"}}, \"height\": 50, \"transform\": [{\"calculate\": \"scale('color', datum.i)\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"luminance(datum.hex)\", \"as\": \"lum\"}], \"width\": {\"step\": 2}}, {\"mark\": {\"type\": \"rect\", \"cornerRadius\": 0}, \"encoding\": {\"fill\": {\"field\": \"greenblind_rgb\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"stroke\": {\"field\": \"greenblind_rgb\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"green-blindness\", \"type\": \"nominal\"}}, \"height\": 20, \"transform\": [{\"calculate\": \"scale('color', datum.i)\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"pow((4211+0.667*pow(datum.rgb['g'], 2.2)+0.2802*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"gb_r\"}, {\"calculate\": \"pow((4211+0.667*pow(datum.rgb['g'], 2.2)+0.2802*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"gb_g\"}, {\"calculate\": \"pow((4211+0.95724*pow(datum.rgb['b'], 2.2)+0.02138*pow(datum.rgb['b'], 2.2)-0.02138*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"gb_b\"}, {\"calculate\": \"rgb(datum.gb_r,datum.gb_g,datum.gb_b)\", \"as\": \"greenblind_rgb\"}], \"width\": {\"step\": 2}}, {\"mark\": {\"type\": \"rect\", \"cornerRadius\": 0}, \"encoding\": {\"fill\": {\"field\": \"redblind_rgb\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"stroke\": {\"field\": \"redblind_rgb\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"red-blindness\", \"type\": \"nominal\"}}, \"height\": 20, \"transform\": [{\"calculate\": \"scale('color', datum.i)\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"pow((782.7+0.8806*pow(datum.rgb['g'], 2.2)+0.1115*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"rb_r\"}, {\"calculate\": \"pow((782.7+0.8806*pow(datum.rgb['g'], 2.2)+0.1115*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"rb_g\"}, {\"calculate\": \"pow((782.7+0.992052*pow(datum.rgb['b'], 2.2)-0.03974*pow(datum.rgb['b'], 2.2)+0.003974*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"rb_b\"}, {\"calculate\": \"rgb(datum.rb_r,datum.rb_g,datum.rb_b)\", \"as\": \"redblind_rgb\"}], \"width\": {\"step\": 2}}, {\"mark\": {\"type\": \"rect\", \"cornerRadius\": 0}, \"encoding\": {\"fill\": {\"field\": \"grayscale_rgb\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"stroke\": {\"field\": \"grayscale_rgb\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"grayscale\", \"type\": \"nominal\"}}, \"height\": 20, \"transform\": [{\"calculate\": \"scale('color', datum.i)\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"datum.rgb['r']*0.3+datum.rgb['g']*0.59+datum.rgb['b']*0.3\", \"as\": \"lumn_rgb\"}, {\"calculate\": \"rgb(datum.lumn_rgb,datum.lumn_rgb,datum.lumn_rgb)\", \"as\": \"grayscale_rgb\"}], \"width\": {\"step\": 2}}, {\"data\": {\"sequence\": {\"start\": 0, \"stop\": 300, \"as\": \"i\"}}, \"mark\": {\"type\": \"rect\", \"height\": {\"expr\": \"0\"}, \"width\": {\"expr\": \"0\"}}, \"encoding\": {\"color\": {\"field\": \"i\", \"legend\": null, \"scale\": {\"range\": [\"#006400\", \"#228B22\", \"#00FF00\", \"#7FFF00\", \"#FFFF00\", \"#FFA500\", \"#FF0000\"]}, \"type\": \"quantitative\"}}}], \"data\": {\"name\": \"data-d72aa5f94937c9573f712b0fd0f045b1\"}, \"$schema\": \"https://vega.github.io/schema/vega-lite/v5.6.1.json\", \"datasets\": {\"data-d72aa5f94937c9573f712b0fd0f045b1\": [{\"i\": 0}, {\"i\": 1}, {\"i\": 2}, {\"i\": 3}, {\"i\": 4}, {\"i\": 5}, {\"i\": 6}, {\"i\": 7}, {\"i\": 8}, {\"i\": 9}, {\"i\": 10}, {\"i\": 11}, {\"i\": 12}, {\"i\": 13}, {\"i\": 14}, {\"i\": 15}, {\"i\": 16}, {\"i\": 17}, {\"i\": 18}, {\"i\": 19}, {\"i\": 20}, {\"i\": 21}, {\"i\": 22}, {\"i\": 23}, {\"i\": 24}, {\"i\": 25}, {\"i\": 26}, {\"i\": 27}, {\"i\": 28}, {\"i\": 29}, {\"i\": 30}, {\"i\": 31}, {\"i\": 32}, {\"i\": 33}, {\"i\": 34}, {\"i\": 35}, {\"i\": 36}, {\"i\": 37}, {\"i\": 38}, {\"i\": 39}, {\"i\": 40}, {\"i\": 41}, {\"i\": 42}, {\"i\": 43}, {\"i\": 44}, {\"i\": 45}, {\"i\": 46}, {\"i\": 47}, {\"i\": 48}, {\"i\": 49}, {\"i\": 50}, {\"i\": 51}, {\"i\": 52}, {\"i\": 53}, {\"i\": 54}, {\"i\": 55}, {\"i\": 56}, {\"i\": 57}, {\"i\": 58}, {\"i\": 59}, {\"i\": 60}, {\"i\": 61}, {\"i\": 62}, {\"i\": 63}, {\"i\": 64}, {\"i\": 65}, {\"i\": 66}, {\"i\": 67}, {\"i\": 68}, {\"i\": 69}, {\"i\": 70}, {\"i\": 71}, {\"i\": 72}, {\"i\": 73}, {\"i\": 74}, {\"i\": 75}, {\"i\": 76}, {\"i\": 77}, {\"i\": 78}, {\"i\": 79}, {\"i\": 80}, {\"i\": 81}, {\"i\": 82}, {\"i\": 83}, {\"i\": 84}, {\"i\": 85}, {\"i\": 86}, {\"i\": 87}, {\"i\": 88}, {\"i\": 89}, {\"i\": 90}, {\"i\": 91}, {\"i\": 92}, {\"i\": 93}, {\"i\": 94}, {\"i\": 95}, {\"i\": 96}, {\"i\": 97}, {\"i\": 98}, {\"i\": 99}, {\"i\": 100}, {\"i\": 101}, {\"i\": 102}, {\"i\": 103}, {\"i\": 104}, {\"i\": 105}, {\"i\": 106}, {\"i\": 107}, {\"i\": 108}, {\"i\": 109}, {\"i\": 110}, {\"i\": 111}, {\"i\": 112}, {\"i\": 113}, {\"i\": 114}, {\"i\": 115}, {\"i\": 116}, {\"i\": 117}, {\"i\": 118}, {\"i\": 119}, {\"i\": 120}, {\"i\": 121}, {\"i\": 122}, {\"i\": 123}, {\"i\": 124}, {\"i\": 125}, {\"i\": 126}, {\"i\": 127}, {\"i\": 128}, {\"i\": 129}, {\"i\": 130}, {\"i\": 131}, {\"i\": 132}, {\"i\": 133}, {\"i\": 134}, {\"i\": 135}, {\"i\": 136}, {\"i\": 137}, {\"i\": 138}, {\"i\": 139}, {\"i\": 140}, {\"i\": 141}, {\"i\": 142}, {\"i\": 143}, {\"i\": 144}, {\"i\": 145}, {\"i\": 146}, {\"i\": 147}, {\"i\": 148}, {\"i\": 149}, {\"i\": 150}, {\"i\": 151}, {\"i\": 152}, {\"i\": 153}, {\"i\": 154}, {\"i\": 155}, {\"i\": 156}, {\"i\": 157}, {\"i\": 158}, {\"i\": 159}, {\"i\": 160}, {\"i\": 161}, {\"i\": 162}, {\"i\": 163}, {\"i\": 164}, {\"i\": 165}, {\"i\": 166}, {\"i\": 167}, {\"i\": 168}, {\"i\": 169}, {\"i\": 170}, {\"i\": 171}, {\"i\": 172}, {\"i\": 173}, {\"i\": 174}, {\"i\": 175}, {\"i\": 176}, {\"i\": 177}, {\"i\": 178}, {\"i\": 179}, {\"i\": 180}, {\"i\": 181}, {\"i\": 182}, {\"i\": 183}, {\"i\": 184}, {\"i\": 185}, {\"i\": 186}, {\"i\": 187}, {\"i\": 188}, {\"i\": 189}, {\"i\": 190}, {\"i\": 191}, {\"i\": 192}, {\"i\": 193}, {\"i\": 194}, {\"i\": 195}, {\"i\": 196}, {\"i\": 197}, {\"i\": 198}, {\"i\": 199}, {\"i\": 200}, {\"i\": 201}, {\"i\": 202}, {\"i\": 203}, {\"i\": 204}, {\"i\": 205}, {\"i\": 206}, {\"i\": 207}, {\"i\": 208}, {\"i\": 209}, {\"i\": 210}, {\"i\": 211}, {\"i\": 212}, {\"i\": 213}, {\"i\": 214}, {\"i\": 215}, {\"i\": 216}, {\"i\": 217}, {\"i\": 218}, {\"i\": 219}, {\"i\": 220}, {\"i\": 221}, {\"i\": 222}, {\"i\": 223}, {\"i\": 224}, {\"i\": 225}, {\"i\": 226}, {\"i\": 227}, {\"i\": 228}, {\"i\": 229}, {\"i\": 230}, {\"i\": 231}, {\"i\": 232}, {\"i\": 233}, {\"i\": 234}, {\"i\": 235}, {\"i\": 236}, {\"i\": 237}, {\"i\": 238}, {\"i\": 239}, {\"i\": 240}, {\"i\": 241}, {\"i\": 242}, {\"i\": 243}, {\"i\": 244}, {\"i\": 245}, {\"i\": 246}, {\"i\": 247}, {\"i\": 248}, {\"i\": 249}, {\"i\": 250}, {\"i\": 251}, {\"i\": 252}, {\"i\": 253}, {\"i\": 254}, {\"i\": 255}, {\"i\": 256}, {\"i\": 257}, {\"i\": 258}, {\"i\": 259}, {\"i\": 260}, {\"i\": 261}, {\"i\": 262}, {\"i\": 263}, {\"i\": 264}, {\"i\": 265}, {\"i\": 266}, {\"i\": 267}, {\"i\": 268}, {\"i\": 269}, {\"i\": 270}, {\"i\": 271}, {\"i\": 272}, {\"i\": 273}, {\"i\": 274}, {\"i\": 275}, {\"i\": 276}, {\"i\": 277}, {\"i\": 278}, {\"i\": 279}, {\"i\": 280}, {\"i\": 281}, {\"i\": 282}, {\"i\": 283}, {\"i\": 284}, {\"i\": 285}, {\"i\": 286}, {\"i\": 287}, {\"i\": 288}, {\"i\": 289}, {\"i\": 290}, {\"i\": 291}, {\"i\": 292}, {\"i\": 293}, {\"i\": 294}, {\"i\": 295}, {\"i\": 296}, {\"i\": 297}, {\"i\": 298}, {\"i\": 299}]}}, {\"mode\": \"vega-lite\"});\n",
       "</script>"
      ],
      "text/plain": [
       "alt.VConcatChart(...)"
      ]
     },
     "execution_count": 418,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "plot_scheme(\"unfriendly\", color_vision_deficiency, cvd=True, continuous=True)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 419,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "<div id=\"altair-viz-cbb88a9113a64ed8ba5e323ed5add13b\"></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-cbb88a9113a64ed8ba5e323ed5add13b\") {\n",
       "      outputDiv = document.getElementById(\"altair-viz-cbb88a9113a64ed8ba5e323ed5add13b\");\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.6.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",
       "      require([\"vega-embed\"], displayChart, err => showError(`Error loading script: ${err.message}`));\n",
       "    } else {\n",
       "      maybeLoadScript(\"vega\", \"5\")\n",
       "        .then(() => maybeLoadScript(\"vega-lite\", \"5.6.1\"))\n",
       "        .then(() => maybeLoadScript(\"vega-embed\", \"6\"))\n",
       "        .catch(showError)\n",
       "        .then(() => displayChart(vegaEmbed));\n",
       "    }\n",
       "  })({\"config\": {\"view\": {\"continuousWidth\": 300, \"continuousHeight\": 300, \"stroke\": null}, \"concat\": {\"spacing\": 1}}, \"vconcat\": [{\"mark\": {\"type\": \"rect\", \"cornerRadius\": 0, \"discreteBandSize\": 2}, \"encoding\": {\"fill\": {\"field\": \"hex\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"stroke\": {\"field\": \"hex\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"tooltip\": [{\"field\": \"hex\", \"type\": \"ordinal\"}, {\"field\": \"rgb\", \"type\": \"ordinal\"}, {\"field\": \"lum\", \"format\": \".2\", \"type\": \"ordinal\"}], \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"normal vision\", \"type\": \"nominal\"}}, \"height\": 50, \"transform\": [{\"calculate\": \"scale('color', datum.i)\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"luminance(datum.hex)\", \"as\": \"lum\"}], \"width\": {\"step\": 2}}, {\"mark\": {\"type\": \"rect\", \"cornerRadius\": 0}, \"encoding\": {\"fill\": {\"field\": \"greenblind_rgb\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"stroke\": {\"field\": \"greenblind_rgb\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"green-blindness\", \"type\": \"nominal\"}}, \"height\": 20, \"transform\": [{\"calculate\": \"scale('color', datum.i)\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"pow((4211+0.667*pow(datum.rgb['g'], 2.2)+0.2802*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"gb_r\"}, {\"calculate\": \"pow((4211+0.667*pow(datum.rgb['g'], 2.2)+0.2802*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"gb_g\"}, {\"calculate\": \"pow((4211+0.95724*pow(datum.rgb['b'], 2.2)+0.02138*pow(datum.rgb['b'], 2.2)-0.02138*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"gb_b\"}, {\"calculate\": \"rgb(datum.gb_r,datum.gb_g,datum.gb_b)\", \"as\": \"greenblind_rgb\"}], \"width\": {\"step\": 2}}, {\"mark\": {\"type\": \"rect\", \"cornerRadius\": 0}, \"encoding\": {\"fill\": {\"field\": \"redblind_rgb\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"stroke\": {\"field\": \"redblind_rgb\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"red-blindness\", \"type\": \"nominal\"}}, \"height\": 20, \"transform\": [{\"calculate\": \"scale('color', datum.i)\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"pow((782.7+0.8806*pow(datum.rgb['g'], 2.2)+0.1115*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"rb_r\"}, {\"calculate\": \"pow((782.7+0.8806*pow(datum.rgb['g'], 2.2)+0.1115*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"rb_g\"}, {\"calculate\": \"pow((782.7+0.992052*pow(datum.rgb['b'], 2.2)-0.03974*pow(datum.rgb['b'], 2.2)+0.003974*pow(datum.rgb['r'], 2.2)),1/2.2)\", \"as\": \"rb_b\"}, {\"calculate\": \"rgb(datum.rb_r,datum.rb_g,datum.rb_b)\", \"as\": \"redblind_rgb\"}], \"width\": {\"step\": 2}}, {\"mark\": {\"type\": \"rect\", \"cornerRadius\": 0}, \"encoding\": {\"fill\": {\"field\": \"grayscale_rgb\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"stroke\": {\"field\": \"grayscale_rgb\", \"legend\": null, \"scale\": null, \"type\": \"quantitative\"}, \"x\": {\"axis\": null, \"field\": \"i\", \"type\": \"ordinal\"}, \"y\": {\"axis\": {\"domain\": false, \"grid\": false, \"labels\": false, \"ticks\": false, \"titleAlign\": \"right\", \"titleAngle\": 0, \"titleBaseline\": \"middle\"}, \"field\": \"grayscale\", \"type\": \"nominal\"}}, \"height\": 20, \"transform\": [{\"calculate\": \"scale('color', datum.i)\", \"as\": \"hex\"}, {\"calculate\": \"rgb(datum.hex)\", \"as\": \"rgb\"}, {\"calculate\": \"datum.rgb['r']*0.3+datum.rgb['g']*0.59+datum.rgb['b']*0.3\", \"as\": \"lumn_rgb\"}, {\"calculate\": \"rgb(datum.lumn_rgb,datum.lumn_rgb,datum.lumn_rgb)\", \"as\": \"grayscale_rgb\"}], \"width\": {\"step\": 2}}, {\"data\": {\"sequence\": {\"start\": 0, \"stop\": 300, \"as\": \"i\"}}, \"mark\": {\"type\": \"rect\", \"height\": {\"expr\": \"0\"}, \"width\": {\"expr\": \"0\"}}, \"encoding\": {\"color\": {\"field\": \"i\", \"legend\": null, \"scale\": {\"range\": [\"#364B9A\", \"#4A7BB7\", \"#6EA6CD\", \"#98CAE1\", \"#C2E4EF\", \"#EAECCC\", \"#FEDA8B\", \"#FDB366\", \"#F67E4B\", \"#DD3D2D\", \"#A50026\"]}, \"type\": \"quantitative\"}}}], \"data\": {\"name\": \"data-d72aa5f94937c9573f712b0fd0f045b1\"}, \"$schema\": \"https://vega.github.io/schema/vega-lite/v5.6.1.json\", \"datasets\": {\"data-d72aa5f94937c9573f712b0fd0f045b1\": [{\"i\": 0}, {\"i\": 1}, {\"i\": 2}, {\"i\": 3}, {\"i\": 4}, {\"i\": 5}, {\"i\": 6}, {\"i\": 7}, {\"i\": 8}, {\"i\": 9}, {\"i\": 10}, {\"i\": 11}, {\"i\": 12}, {\"i\": 13}, {\"i\": 14}, {\"i\": 15}, {\"i\": 16}, {\"i\": 17}, {\"i\": 18}, {\"i\": 19}, {\"i\": 20}, {\"i\": 21}, {\"i\": 22}, {\"i\": 23}, {\"i\": 24}, {\"i\": 25}, {\"i\": 26}, {\"i\": 27}, {\"i\": 28}, {\"i\": 29}, {\"i\": 30}, {\"i\": 31}, {\"i\": 32}, {\"i\": 33}, {\"i\": 34}, {\"i\": 35}, {\"i\": 36}, {\"i\": 37}, {\"i\": 38}, {\"i\": 39}, {\"i\": 40}, {\"i\": 41}, {\"i\": 42}, {\"i\": 43}, {\"i\": 44}, {\"i\": 45}, {\"i\": 46}, {\"i\": 47}, {\"i\": 48}, {\"i\": 49}, {\"i\": 50}, {\"i\": 51}, {\"i\": 52}, {\"i\": 53}, {\"i\": 54}, {\"i\": 55}, {\"i\": 56}, {\"i\": 57}, {\"i\": 58}, {\"i\": 59}, {\"i\": 60}, {\"i\": 61}, {\"i\": 62}, {\"i\": 63}, {\"i\": 64}, {\"i\": 65}, {\"i\": 66}, {\"i\": 67}, {\"i\": 68}, {\"i\": 69}, {\"i\": 70}, {\"i\": 71}, {\"i\": 72}, {\"i\": 73}, {\"i\": 74}, {\"i\": 75}, {\"i\": 76}, {\"i\": 77}, {\"i\": 78}, {\"i\": 79}, {\"i\": 80}, {\"i\": 81}, {\"i\": 82}, {\"i\": 83}, {\"i\": 84}, {\"i\": 85}, {\"i\": 86}, {\"i\": 87}, {\"i\": 88}, {\"i\": 89}, {\"i\": 90}, {\"i\": 91}, {\"i\": 92}, {\"i\": 93}, {\"i\": 94}, {\"i\": 95}, {\"i\": 96}, {\"i\": 97}, {\"i\": 98}, {\"i\": 99}, {\"i\": 100}, {\"i\": 101}, {\"i\": 102}, {\"i\": 103}, {\"i\": 104}, {\"i\": 105}, {\"i\": 106}, {\"i\": 107}, {\"i\": 108}, {\"i\": 109}, {\"i\": 110}, {\"i\": 111}, {\"i\": 112}, {\"i\": 113}, {\"i\": 114}, {\"i\": 115}, {\"i\": 116}, {\"i\": 117}, {\"i\": 118}, {\"i\": 119}, {\"i\": 120}, {\"i\": 121}, {\"i\": 122}, {\"i\": 123}, {\"i\": 124}, {\"i\": 125}, {\"i\": 126}, {\"i\": 127}, {\"i\": 128}, {\"i\": 129}, {\"i\": 130}, {\"i\": 131}, {\"i\": 132}, {\"i\": 133}, {\"i\": 134}, {\"i\": 135}, {\"i\": 136}, {\"i\": 137}, {\"i\": 138}, {\"i\": 139}, {\"i\": 140}, {\"i\": 141}, {\"i\": 142}, {\"i\": 143}, {\"i\": 144}, {\"i\": 145}, {\"i\": 146}, {\"i\": 147}, {\"i\": 148}, {\"i\": 149}, {\"i\": 150}, {\"i\": 151}, {\"i\": 152}, {\"i\": 153}, {\"i\": 154}, {\"i\": 155}, {\"i\": 156}, {\"i\": 157}, {\"i\": 158}, {\"i\": 159}, {\"i\": 160}, {\"i\": 161}, {\"i\": 162}, {\"i\": 163}, {\"i\": 164}, {\"i\": 165}, {\"i\": 166}, {\"i\": 167}, {\"i\": 168}, {\"i\": 169}, {\"i\": 170}, {\"i\": 171}, {\"i\": 172}, {\"i\": 173}, {\"i\": 174}, {\"i\": 175}, {\"i\": 176}, {\"i\": 177}, {\"i\": 178}, {\"i\": 179}, {\"i\": 180}, {\"i\": 181}, {\"i\": 182}, {\"i\": 183}, {\"i\": 184}, {\"i\": 185}, {\"i\": 186}, {\"i\": 187}, {\"i\": 188}, {\"i\": 189}, {\"i\": 190}, {\"i\": 191}, {\"i\": 192}, {\"i\": 193}, {\"i\": 194}, {\"i\": 195}, {\"i\": 196}, {\"i\": 197}, {\"i\": 198}, {\"i\": 199}, {\"i\": 200}, {\"i\": 201}, {\"i\": 202}, {\"i\": 203}, {\"i\": 204}, {\"i\": 205}, {\"i\": 206}, {\"i\": 207}, {\"i\": 208}, {\"i\": 209}, {\"i\": 210}, {\"i\": 211}, {\"i\": 212}, {\"i\": 213}, {\"i\": 214}, {\"i\": 215}, {\"i\": 216}, {\"i\": 217}, {\"i\": 218}, {\"i\": 219}, {\"i\": 220}, {\"i\": 221}, {\"i\": 222}, {\"i\": 223}, {\"i\": 224}, {\"i\": 225}, {\"i\": 226}, {\"i\": 227}, {\"i\": 228}, {\"i\": 229}, {\"i\": 230}, {\"i\": 231}, {\"i\": 232}, {\"i\": 233}, {\"i\": 234}, {\"i\": 235}, {\"i\": 236}, {\"i\": 237}, {\"i\": 238}, {\"i\": 239}, {\"i\": 240}, {\"i\": 241}, {\"i\": 242}, {\"i\": 243}, {\"i\": 244}, {\"i\": 245}, {\"i\": 246}, {\"i\": 247}, {\"i\": 248}, {\"i\": 249}, {\"i\": 250}, {\"i\": 251}, {\"i\": 252}, {\"i\": 253}, {\"i\": 254}, {\"i\": 255}, {\"i\": 256}, {\"i\": 257}, {\"i\": 258}, {\"i\": 259}, {\"i\": 260}, {\"i\": 261}, {\"i\": 262}, {\"i\": 263}, {\"i\": 264}, {\"i\": 265}, {\"i\": 266}, {\"i\": 267}, {\"i\": 268}, {\"i\": 269}, {\"i\": 270}, {\"i\": 271}, {\"i\": 272}, {\"i\": 273}, {\"i\": 274}, {\"i\": 275}, {\"i\": 276}, {\"i\": 277}, {\"i\": 278}, {\"i\": 279}, {\"i\": 280}, {\"i\": 281}, {\"i\": 282}, {\"i\": 283}, {\"i\": 284}, {\"i\": 285}, {\"i\": 286}, {\"i\": 287}, {\"i\": 288}, {\"i\": 289}, {\"i\": 290}, {\"i\": 291}, {\"i\": 292}, {\"i\": 293}, {\"i\": 294}, {\"i\": 295}, {\"i\": 296}, {\"i\": 297}, {\"i\": 298}, {\"i\": 299}]}}, {\"mode\": \"vega-lite\"});\n",
       "</script>"
      ],
      "text/plain": [
       "alt.VConcatChart(...)"
      ]
     },
     "execution_count": 419,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "plot_scheme(\"tol_sunset_friendly\", color_vision_deficiency, cvd=True, continuous=True)"
   ]
  }
 ],
 "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.9.15"
  },
  "vscode": {
   "interpreter": {
    "hash": "23d71a3006b50c87385764d52ada96adf02aa265cd0f287347d875a6c5a78051"
   }
  }
 },
 "nbformat": 4,
 "nbformat_minor": 4
}