ju1m / IHaskell-tables

Easy pretty-printing of tabular-like Haskell data in Jupyter

Home Page:http://nbviewer.jupyter.org/github/leftaroundabout/IHaskell-tables/blob/master/README.ipynb

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table #CSS-lack-disclaimer {\n",
       "  visibility: hidden;\n",
       "  position: absolute\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "}  \n",
       "    </style>\n",
       "    <div id=\"CSS-lack-disclaimer\">\n",
       "        <b>Attention:</b> this library uses CSS for styling. Unfortunately, CSS support is not very reliable in Jupyter notebooks – at least Github strips the necessary &lt;style&gt; tags away, and even jupyter-notebook itself doesn&#39;t seem to like loading it at startup. If you don&#39;t get proper CSS styling (and if you&#39;re reading this, it seems so) then please head over to <a href=\"http://nbviewer.jupyter.org/github/leftaroundabout/IHaskell-tables/blob/master/README.ipynb\">nbviewer</a>, re-run the IHaskell cells, or <i>trust</i> the notebook (in the file menu).\n",
       "    </div>\n",
       "</div>\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "import IHaskell.Tables.Data"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "}  \n",
       "    </style>\n",
       "    <table class=\"List-List-List-List-Char\">\n",
       "        <td class=\"List-List-List-Char\">\n",
       "            <table>\n",
       "                <tr class=\"List-List-Char\">\n",
       "                    <td class=\"List-Char\">\n",
       "                        Bla\n",
       "                    </td>\n",
       "                    <td class=\"List-Char\">\n",
       "                        blubb\n",
       "                    </td>\n",
       "                </tr>\n",
       "                <tr class=\"List-List-Char\">\n",
       "                    <td class=\"List-Char\">\n",
       "                        Foo\n",
       "                    </td>\n",
       "                    <td class=\"List-Char\">\n",
       "                        bar\n",
       "                    </td>\n",
       "                </tr>\n",
       "                <tr class=\"List-List-Char\">\n",
       "                    <td class=\"List-Char\">\n",
       "                        Baz\n",
       "                    </td>\n",
       "                </tr>\n",
       "            </table>\n",
       "        </td>\n",
       "        <td class=\"List-List-List-Char\">\n",
       "            <table>\n",
       "                <tr class=\"List-List-Char\">\n",
       "                    <td class=\"List-Char\">\n",
       "                        Muh\n",
       "                    </td>\n",
       "                </tr>\n",
       "            </table>\n",
       "        </td>\n",
       "        <td class=\"List-List-List-Char\">\n",
       "            <table>\n",
       "                <tr class=\"List-List-Char\">\n",
       "                    <td class=\"List-Char\">\n",
       "                        hiss\n",
       "                    </td>\n",
       "                </tr>\n",
       "                <tr class=\"List-List-Char\">\n",
       "                    <td class=\"List-Char\">\n",
       "                        sting\n",
       "                    </td>\n",
       "                    <td class=\"List-Char\">\n",
       "                        qeek\n",
       "                    </td>\n",
       "                </tr>\n",
       "            </table>\n",
       "        </td>\n",
       "    </table>\n",
       "</div>\n"
      ],
      "text/plain": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "}  \n",
       "    </style>\n",
       "    <table class=\"List-List-List-List-Char\">\n",
       "        <td class=\"List-List-List-Char\">\n",
       "            <table>\n",
       "                <tr class=\"List-List-Char\">\n",
       "                    <td class=\"List-Char\">\n",
       "                        Bla\n",
       "                    </td>\n",
       "                    <td class=\"List-Char\">\n",
       "                        blubb\n",
       "                    </td>\n",
       "                </tr>\n",
       "                <tr class=\"List-List-Char\">\n",
       "                    <td class=\"List-Char\">\n",
       "                        Foo\n",
       "                    </td>\n",
       "                    <td class=\"List-Char\">\n",
       "                        bar\n",
       "                    </td>\n",
       "                </tr>\n",
       "                <tr class=\"List-List-Char\">\n",
       "                    <td class=\"List-Char\">\n",
       "                        Baz\n",
       "                    </td>\n",
       "                </tr>\n",
       "            </table>\n",
       "        </td>\n",
       "        <td class=\"List-List-List-Char\">\n",
       "            <table>\n",
       "                <tr class=\"List-List-Char\">\n",
       "                    <td class=\"List-Char\">\n",
       "                        Muh\n",
       "                    </td>\n",
       "                </tr>\n",
       "            </table>\n",
       "        </td>\n",
       "        <td class=\"List-List-List-Char\">\n",
       "            <table>\n",
       "                <tr class=\"List-List-Char\">\n",
       "                    <td class=\"List-Char\">\n",
       "                        hiss\n",
       "                    </td>\n",
       "                </tr>\n",
       "                <tr class=\"List-List-Char\">\n",
       "                    <td class=\"List-Char\">\n",
       "                        sting\n",
       "                    </td>\n",
       "                    <td class=\"List-Char\">\n",
       "                        qeek\n",
       "                    </td>\n",
       "                </tr>\n",
       "            </table>\n",
       "        </td>\n",
       "    </table>\n",
       "</div>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "tabular [ [ [\"Bla\", \"blubb\"]\n",
    "          , [\"Foo\", \"bar\"  ]\n",
    "          , [\"Baz\"]\n",
    "          ]                , [[\"Muh\"]], [[\"hiss\"], [\"sting\", \"qeek\"]] ]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "}  .IHaskell-table td.Int {\n",
       "  text-align: right\n",
       "}  \n",
       "    </style>\n",
       "    <table class=\"List-Int-List-Char\">\n",
       "        <thead>\n",
       "            <tr class=\"Int-List-Char\">\n",
       "                <td class=\"List-Char\">\n",
       "                    Stuff\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    fuzz\n",
       "                </td>\n",
       "            </tr>\n",
       "        </thead>\n",
       "        <tbody>\n",
       "            <tr class=\"Int-List-Char\">\n",
       "                <td class=\"Int\">\n",
       "                    17\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    silver bullets\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-List-Char\">\n",
       "                <td class=\"Int\">\n",
       "                    42\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    lives\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-List-Char\">\n",
       "                <td class=\"Int\">\n",
       "                    -32768\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    overflows\n",
       "                </td>\n",
       "            </tr>\n",
       "        </tbody>\n",
       "    </table>\n",
       "</div>\n"
      ],
      "text/plain": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "}  .IHaskell-table td.Int {\n",
       "  text-align: right\n",
       "}  \n",
       "    </style>\n",
       "    <table class=\"List-Int-List-Char\">\n",
       "        <thead>\n",
       "            <tr class=\"Int-List-Char\">\n",
       "                <td class=\"List-Char\">\n",
       "                    Stuff\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    fuzz\n",
       "                </td>\n",
       "            </tr>\n",
       "        </thead>\n",
       "        <tbody>\n",
       "            <tr class=\"Int-List-Char\">\n",
       "                <td class=\"Int\">\n",
       "                    17\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    silver bullets\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-List-Char\">\n",
       "                <td class=\"Int\">\n",
       "                    42\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    lives\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-List-Char\">\n",
       "                <td class=\"Int\">\n",
       "                    -32768\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    overflows\n",
       "                </td>\n",
       "            </tr>\n",
       "        </tbody>\n",
       "    </table>\n",
       "</div>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "tableWithLegend\n",
    "    (\"Stuff\", \"fuzz\"          )\n",
    "  [ (     17, \"silver bullets\")\n",
    "  , (     42, \"lives\"         )\n",
    "  , ( -32768, \"overflows\"     ) ]  :: Table [(Int, String)]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "} .IHaskell-table td.Int {\n",
       "  text-align: right;\n",
       "  text-align: right;\n",
       "  text-align: right\n",
       "} \n",
       "    </style>\n",
       "    <table class=\"List-Int-Int-Int\">\n",
       "        <thead>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"List-Char\">\n",
       "                    k\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    n\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    k^n\n",
       "                </td>\n",
       "            </tr>\n",
       "        </thead>\n",
       "        <tbody>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    1\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    2\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    1\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    1\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    3\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    1\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    1\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    4\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    1\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    2\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    2\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    4\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    2\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    3\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    8\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    2\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    4\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    16\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    3\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    2\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    9\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    3\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    3\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    27\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    3\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    4\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    81\n",
       "                </td>\n",
       "            </tr>\n",
       "        </tbody>\n",
       "    </table>\n",
       "</div>\n"
      ],
      "text/plain": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "} .IHaskell-table td.Int {\n",
       "  text-align: right;\n",
       "  text-align: right;\n",
       "  text-align: right\n",
       "} \n",
       "    </style>\n",
       "    <table class=\"List-Int-Int-Int\">\n",
       "        <thead>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"List-Char\">\n",
       "                    k\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    n\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    k^n\n",
       "                </td>\n",
       "            </tr>\n",
       "        </thead>\n",
       "        <tbody>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    1\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    2\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    1\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    1\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    3\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    1\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    1\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    4\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    1\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    2\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    2\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    4\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    2\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    3\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    8\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    2\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    4\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    16\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    3\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    2\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    9\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    3\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    3\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    27\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Int-Int-Int\">\n",
       "                <td class=\"Int\">\n",
       "                    3\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    4\n",
       "                </td>\n",
       "                <td class=\"Int\">\n",
       "                    81\n",
       "                </td>\n",
       "            </tr>\n",
       "        </tbody>\n",
       "    </table>\n",
       "</div>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "tableWithLegend\n",
    "    ( (\"k\",\"n\"), \"k^n\" )\n",
    "  [ ( ( k , n ),  k^n  )\n",
    "  | k <- [1 .. 3 :: Int]\n",
    "  , n <- [2 .. 4 :: Int] ]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "} .IHaskell-table td.Int {\n",
       "  text-align: right;\n",
       "  text-align: right;\n",
       "  text-align: right\n",
       "} \n",
       "    </style>\n",
       "    <table class=\"List-List-Int-Int-Int\">\n",
       "        <thead>\n",
       "            <td class=\"List-Int-Int-Int\">\n",
       "                <table>\n",
       "                    <td class=\"List-Char\">\n",
       "                        k\n",
       "                    </td>\n",
       "                    <td class=\"List-Char\">\n",
       "                        n\n",
       "                    </td>\n",
       "                    <td class=\"List-Char\">\n",
       "                        k^n\n",
       "                    </td>\n",
       "                </table>\n",
       "            </td>\n",
       "        </thead>\n",
       "        <tbody>\n",
       "            <td class=\"List-Int-Int-Int\">\n",
       "                <table>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            1\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            2\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            1\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            2\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            2\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            4\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            3\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            2\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            9\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                </table>\n",
       "            </td>\n",
       "            <td class=\"List-Int-Int-Int\">\n",
       "                <table>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            1\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            3\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            1\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            2\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            3\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            8\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            3\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            3\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            27\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                </table>\n",
       "            </td>\n",
       "            <td class=\"List-Int-Int-Int\">\n",
       "                <table>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            1\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            4\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            1\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            2\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            4\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            16\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            3\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            4\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            81\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                </table>\n",
       "            </td>\n",
       "        </tbody>\n",
       "    </table>\n",
       "</div>\n"
      ],
      "text/plain": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "} .IHaskell-table td.Int {\n",
       "  text-align: right;\n",
       "  text-align: right;\n",
       "  text-align: right\n",
       "} \n",
       "    </style>\n",
       "    <table class=\"List-List-Int-Int-Int\">\n",
       "        <thead>\n",
       "            <td class=\"List-Int-Int-Int\">\n",
       "                <table>\n",
       "                    <td class=\"List-Char\">\n",
       "                        k\n",
       "                    </td>\n",
       "                    <td class=\"List-Char\">\n",
       "                        n\n",
       "                    </td>\n",
       "                    <td class=\"List-Char\">\n",
       "                        k^n\n",
       "                    </td>\n",
       "                </table>\n",
       "            </td>\n",
       "        </thead>\n",
       "        <tbody>\n",
       "            <td class=\"List-Int-Int-Int\">\n",
       "                <table>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            1\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            2\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            1\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            2\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            2\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            4\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            3\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            2\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            9\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                </table>\n",
       "            </td>\n",
       "            <td class=\"List-Int-Int-Int\">\n",
       "                <table>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            1\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            3\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            1\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            2\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            3\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            8\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            3\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            3\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            27\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                </table>\n",
       "            </td>\n",
       "            <td class=\"List-Int-Int-Int\">\n",
       "                <table>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            1\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            4\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            1\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            2\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            4\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            16\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                    <tr class=\"Int-Int-Int\">\n",
       "                        <td class=\"Int\">\n",
       "                            3\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            4\n",
       "                        </td>\n",
       "                        <td class=\"Int\">\n",
       "                            81\n",
       "                        </td>\n",
       "                    </tr>\n",
       "                </table>\n",
       "            </td>\n",
       "        </tbody>\n",
       "    </table>\n",
       "</div>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "tableWithLegend\n",
    "     ( (\"k\",\"n\"), \"k^n\" )\n",
    " [ [ ( ( k , n ),  k^n  )\n",
    "   | k <- [1 .. 3 :: Int] ]\n",
    " | n <- [2 .. 4 :: Int]     ]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "} .IHaskell-table td.Double {\n",
       "  text-align: left;\n",
       "  text-align: left\n",
       "} \n",
       "    </style>\n",
       "    <table class=\"List-Double-Double\">\n",
       "        <thead>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"List-Char\">\n",
       "                    n\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    eⁿ\n",
       "                </td>\n",
       "            </tr>\n",
       "        </thead>\n",
       "        <tbody>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;0.0\n",
       "                        </span>\n",
       "                        &ensp;0\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;1.0\n",
       "                        </span>\n",
       "                        &ensp;&ensp;1.0\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;0.2\n",
       "                        </span>\n",
       "                        &ensp;0.2\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;1.2214027581601699\n",
       "                        </span>\n",
       "                        &ensp;&ensp;1.22<span style=\"opacity:0.42\">1</span><span style=\"opacity:0.12\">4</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;0.4\n",
       "                        </span>\n",
       "                        &ensp;0.4\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;1.4918246976412703\n",
       "                        </span>\n",
       "                        &ensp;&ensp;1.49<span style=\"opacity:0.42\">1</span><span style=\"opacity:0.12\">8</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;0.6000000000000001\n",
       "                        </span>\n",
       "                        &ensp;0.6\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;1.822118800390509\n",
       "                        </span>\n",
       "                        &ensp;&ensp;1.82<span style=\"opacity:0.42\">2</span><span style=\"opacity:0.12\">1</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;0.8000000000000002\n",
       "                        </span>\n",
       "                        &ensp;0.8\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;2.225540928492468\n",
       "                        </span>\n",
       "                        &ensp;&ensp;2.22<span style=\"opacity:0.42\">5</span><span style=\"opacity:0.12\">5</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;1.0000000000000002\n",
       "                        </span>\n",
       "                        &ensp;1.0\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;2.718281828459046\n",
       "                        </span>\n",
       "                        &ensp;&ensp;2.71<span style=\"opacity:0.42\">8</span><span style=\"opacity:0.12\">3</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;1.2000000000000002\n",
       "                        </span>\n",
       "                        &ensp;1.2\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;3.320116922736548\n",
       "                        </span>\n",
       "                        &ensp;&ensp;3.32<span style=\"opacity:0.42\">0</span><span style=\"opacity:0.12\">1</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;1.4000000000000001\n",
       "                        </span>\n",
       "                        &ensp;1.4\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;4.055199966844675\n",
       "                        </span>\n",
       "                        &ensp;&ensp;4.0<span style=\"opacity:0.42\">5</span><span style=\"opacity:0.12\">5</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;1.6\n",
       "                        </span>\n",
       "                        &ensp;1.6\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;4.953032424395115\n",
       "                        </span>\n",
       "                        &ensp;&ensp;4.9<span style=\"opacity:0.42\">5</span><span style=\"opacity:0.12\">3</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;1.8\n",
       "                        </span>\n",
       "                        &ensp;1.8\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;6.0496474644129465\n",
       "                        </span>\n",
       "                        &ensp;&ensp;6.0<span style=\"opacity:0.42\">5</span><span style=\"opacity:0.12\">0</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;2.0\n",
       "                        </span>\n",
       "                        &ensp;2.0\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;7.38905609893065\n",
       "                        </span>\n",
       "                        &ensp;&ensp;7.3<span style=\"opacity:0.42\">8</span><span style=\"opacity:0.12\">9</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;2.2\n",
       "                        </span>\n",
       "                        &ensp;2.2\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;9.025013499434122\n",
       "                        </span>\n",
       "                        &ensp;&ensp;9.0<span style=\"opacity:0.42\">2</span><span style=\"opacity:0.12\">5</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;2.4000000000000004\n",
       "                        </span>\n",
       "                        &ensp;2.4\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;11.023176380641605\n",
       "                        </span>\n",
       "                        &ensp;11.0<span style=\"opacity:0.42\">2</span><span style=\"opacity:0.12\">3</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;2.6000000000000005\n",
       "                        </span>\n",
       "                        &ensp;2.6\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;13.463738035001697\n",
       "                        </span>\n",
       "                        &ensp;13.4<span style=\"opacity:0.42\">6</span><span style=\"opacity:0.12\">4</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;2.8000000000000007\n",
       "                        </span>\n",
       "                        &ensp;2.8\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;16.444646771097062\n",
       "                        </span>\n",
       "                        &ensp;16.4<span style=\"opacity:0.42\">4</span><span style=\"opacity:0.12\">5</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;3.000000000000001\n",
       "                        </span>\n",
       "                        &ensp;3.0\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;20.085536923187686\n",
       "                        </span>\n",
       "                        &ensp;20.0<span style=\"opacity:0.42\">8</span><span style=\"opacity:0.12\">6</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "        </tbody>\n",
       "    </table>\n",
       "</div>\n"
      ],
      "text/plain": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "} .IHaskell-table td.Double {\n",
       "  text-align: left;\n",
       "  text-align: left\n",
       "} \n",
       "    </style>\n",
       "    <table class=\"List-Double-Double\">\n",
       "        <thead>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"List-Char\">\n",
       "                    n\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    eⁿ\n",
       "                </td>\n",
       "            </tr>\n",
       "        </thead>\n",
       "        <tbody>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;0.0\n",
       "                        </span>\n",
       "                        &ensp;0\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;1.0\n",
       "                        </span>\n",
       "                        &ensp;&ensp;1.0\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;0.2\n",
       "                        </span>\n",
       "                        &ensp;0.2\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;1.2214027581601699\n",
       "                        </span>\n",
       "                        &ensp;&ensp;1.22<span style=\"opacity:0.42\">1</span><span style=\"opacity:0.12\">4</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;0.4\n",
       "                        </span>\n",
       "                        &ensp;0.4\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;1.4918246976412703\n",
       "                        </span>\n",
       "                        &ensp;&ensp;1.49<span style=\"opacity:0.42\">1</span><span style=\"opacity:0.12\">8</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;0.6000000000000001\n",
       "                        </span>\n",
       "                        &ensp;0.6\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;1.822118800390509\n",
       "                        </span>\n",
       "                        &ensp;&ensp;1.82<span style=\"opacity:0.42\">2</span><span style=\"opacity:0.12\">1</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;0.8000000000000002\n",
       "                        </span>\n",
       "                        &ensp;0.8\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;2.225540928492468\n",
       "                        </span>\n",
       "                        &ensp;&ensp;2.22<span style=\"opacity:0.42\">5</span><span style=\"opacity:0.12\">5</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;1.0000000000000002\n",
       "                        </span>\n",
       "                        &ensp;1.0\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;2.718281828459046\n",
       "                        </span>\n",
       "                        &ensp;&ensp;2.71<span style=\"opacity:0.42\">8</span><span style=\"opacity:0.12\">3</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;1.2000000000000002\n",
       "                        </span>\n",
       "                        &ensp;1.2\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;3.320116922736548\n",
       "                        </span>\n",
       "                        &ensp;&ensp;3.32<span style=\"opacity:0.42\">0</span><span style=\"opacity:0.12\">1</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;1.4000000000000001\n",
       "                        </span>\n",
       "                        &ensp;1.4\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;4.055199966844675\n",
       "                        </span>\n",
       "                        &ensp;&ensp;4.0<span style=\"opacity:0.42\">5</span><span style=\"opacity:0.12\">5</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;1.6\n",
       "                        </span>\n",
       "                        &ensp;1.6\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;4.953032424395115\n",
       "                        </span>\n",
       "                        &ensp;&ensp;4.9<span style=\"opacity:0.42\">5</span><span style=\"opacity:0.12\">3</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;1.8\n",
       "                        </span>\n",
       "                        &ensp;1.8\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;6.0496474644129465\n",
       "                        </span>\n",
       "                        &ensp;&ensp;6.0<span style=\"opacity:0.42\">5</span><span style=\"opacity:0.12\">0</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;2.0\n",
       "                        </span>\n",
       "                        &ensp;2.0\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;7.38905609893065\n",
       "                        </span>\n",
       "                        &ensp;&ensp;7.3<span style=\"opacity:0.42\">8</span><span style=\"opacity:0.12\">9</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;2.2\n",
       "                        </span>\n",
       "                        &ensp;2.2\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;&ensp;9.025013499434122\n",
       "                        </span>\n",
       "                        &ensp;&ensp;9.0<span style=\"opacity:0.42\">2</span><span style=\"opacity:0.12\">5</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;2.4000000000000004\n",
       "                        </span>\n",
       "                        &ensp;2.4\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;11.023176380641605\n",
       "                        </span>\n",
       "                        &ensp;11.0<span style=\"opacity:0.42\">2</span><span style=\"opacity:0.12\">3</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;2.6000000000000005\n",
       "                        </span>\n",
       "                        &ensp;2.6\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;13.463738035001697\n",
       "                        </span>\n",
       "                        &ensp;13.4<span style=\"opacity:0.42\">6</span><span style=\"opacity:0.12\">4</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;2.8000000000000007\n",
       "                        </span>\n",
       "                        &ensp;2.8\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;16.444646771097062\n",
       "                        </span>\n",
       "                        &ensp;16.4<span style=\"opacity:0.42\">4</span><span style=\"opacity:0.12\">5</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;3.000000000000001\n",
       "                        </span>\n",
       "                        &ensp;3.0\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;20.085536923187686\n",
       "                        </span>\n",
       "                        &ensp;20.0<span style=\"opacity:0.42\">8</span><span style=\"opacity:0.12\">6</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "        </tbody>\n",
       "    </table>\n",
       "</div>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "tableWithLegend\n",
    "      (\"n\", \"eⁿ\")\n",
    "    [ ( n, exp n)\n",
    "    | n <- [0, 0.2 .. 3]] :: Table [(Double,Double)]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "} .IHaskell-table td.Double {\n",
       "  text-align: left;\n",
       "  text-align: left\n",
       "} \n",
       "    </style>\n",
       "    <table class=\"List-Double-Double\">\n",
       "        <thead>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"List-Char\">\n",
       "                    n\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    ln (sin n)\n",
       "                </td>\n",
       "            </tr>\n",
       "        </thead>\n",
       "        <tbody>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            -0.5\n",
       "                        </span>\n",
       "                        -0.5\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;NaN\n",
       "                        </span>\n",
       "                        &ensp;NaN\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;0.0\n",
       "                        </span>\n",
       "                        &ensp;0\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            -Infinity\n",
       "                        </span>\n",
       "                        -Infinity\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;0.5\n",
       "                        </span>\n",
       "                        &ensp;0.5\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            -0.7351666863853142\n",
       "                        </span>\n",
       "                        -0.73<span style=\"opacity:0.42\">5</span><span style=\"opacity:0.12\">2</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;1.0\n",
       "                        </span>\n",
       "                        &ensp;1\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            -0.17260374626909167\n",
       "                        </span>\n",
       "                        -0.17<span style=\"opacity:0.42\">2</span><span style=\"opacity:0.12\">6</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;1.5\n",
       "                        </span>\n",
       "                        &ensp;1.5\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;-2.5081561915963877e-3\n",
       "                        </span>\n",
       "                        &ensp;-2.5<span style=\"opacity:0.42\">0</span><span style=\"opacity:0.12\">8</span>&middot;<sub>10</sub><sup>-3</sup>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;2.0\n",
       "                        </span>\n",
       "                        &ensp;2.0\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;-9.508303609516061e-2\n",
       "                        </span>\n",
       "                        &ensp;-9.5<span style=\"opacity:0.42\">0</span><span style=\"opacity:0.12\">8</span>&middot;<sub>10</sub><sup>-2</sup>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;2.5\n",
       "                        </span>\n",
       "                        &ensp;2.5\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            -0.5133752979177933\n",
       "                        </span>\n",
       "                        -0.51<span style=\"opacity:0.42\">3</span><span style=\"opacity:0.12\">4</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;3.0\n",
       "                        </span>\n",
       "                        &ensp;3\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            -1.958144629610086\n",
       "                        </span>\n",
       "                        -1.9<span style=\"opacity:0.42\">5</span><span style=\"opacity:0.12\">8</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "        </tbody>\n",
       "    </table>\n",
       "</div>\n"
      ],
      "text/plain": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "} .IHaskell-table td.Double {\n",
       "  text-align: left;\n",
       "  text-align: left\n",
       "} \n",
       "    </style>\n",
       "    <table class=\"List-Double-Double\">\n",
       "        <thead>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"List-Char\">\n",
       "                    n\n",
       "                </td>\n",
       "                <td class=\"List-Char\">\n",
       "                    ln (sin n)\n",
       "                </td>\n",
       "            </tr>\n",
       "        </thead>\n",
       "        <tbody>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            -0.5\n",
       "                        </span>\n",
       "                        -0.5\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;NaN\n",
       "                        </span>\n",
       "                        &ensp;NaN\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;0.0\n",
       "                        </span>\n",
       "                        &ensp;0\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            -Infinity\n",
       "                        </span>\n",
       "                        -Infinity\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;0.5\n",
       "                        </span>\n",
       "                        &ensp;0.5\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            -0.7351666863853142\n",
       "                        </span>\n",
       "                        -0.73<span style=\"opacity:0.42\">5</span><span style=\"opacity:0.12\">2</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;1.0\n",
       "                        </span>\n",
       "                        &ensp;1\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            -0.17260374626909167\n",
       "                        </span>\n",
       "                        -0.17<span style=\"opacity:0.42\">2</span><span style=\"opacity:0.12\">6</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;1.5\n",
       "                        </span>\n",
       "                        &ensp;1.5\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;-2.5081561915963877e-3\n",
       "                        </span>\n",
       "                        &ensp;-2.5<span style=\"opacity:0.42\">0</span><span style=\"opacity:0.12\">8</span>&middot;<sub>10</sub><sup>-3</sup>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;2.0\n",
       "                        </span>\n",
       "                        &ensp;2.0\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;-9.508303609516061e-2\n",
       "                        </span>\n",
       "                        &ensp;-9.5<span style=\"opacity:0.42\">0</span><span style=\"opacity:0.12\">8</span>&middot;<sub>10</sub><sup>-2</sup>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;2.5\n",
       "                        </span>\n",
       "                        &ensp;2.5\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            -0.5133752979177933\n",
       "                        </span>\n",
       "                        -0.51<span style=\"opacity:0.42\">3</span><span style=\"opacity:0.12\">4</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "            <tr class=\"Double-Double\">\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            &ensp;3.0\n",
       "                        </span>\n",
       "                        &ensp;3\n",
       "                    </div>\n",
       "                </td>\n",
       "                <td class=\"Double\">\n",
       "                    <div class=\"approxWithTooltip\">\n",
       "                        <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                            -1.958144629610086\n",
       "                        </span>\n",
       "                        -1.9<span style=\"opacity:0.42\">5</span><span style=\"opacity:0.12\">8</span>\n",
       "                    </div>\n",
       "                </td>\n",
       "            </tr>\n",
       "        </tbody>\n",
       "    </table>\n",
       "</div>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "tableWithLegend\n",
    "      (\"n\", \"ln (sin n)\")\n",
    "    [ ( n , log $ sin n)\n",
    "    | n <- [-0.5, 0 .. 3]] :: Table [(Double,Double)]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "} .IHaskell-table td.Double {\n",
       "  text-align: left\n",
       "} \n",
       "    </style>\n",
       "    <table class=\"Double\">\n",
       "        <div class=\"approxWithTooltip\">\n",
       "            <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                &ensp;3.141592653589793\n",
       "            </span>\n",
       "            &ensp;3.1<span style=\"opacity:0.42\">4</span><span style=\"opacity:0.12\">2</span>\n",
       "        </div>\n",
       "    </table>\n",
       "</div>\n"
      ],
      "text/plain": [
       "<div class=\"IHaskell-table\">\n",
       "    <style>\n",
       "        .IHaskell-table .approxWithTooltip .exactShowTooltip {\n",
       "  visibility: hidden;\n",
       "  position: absolute;\n",
       "  background-color: #ddd;\n",
       "  color: #111;\n",
       "  border: 1px solid #bbb;\n",
       "  border-radius: 3px;\n",
       "  z-index: 1\n",
       "} .IHaskell-table .approxWithTooltip:hover .exactShowTooltip {\n",
       "  visibility: visible !important\n",
       "} .IHaskell-table table {\n",
       "  border-style: none\n",
       "}\n",
       ".IHaskell-table table td {\n",
       "  border-style: none;\n",
       "  padding-left: 1.5em\n",
       "}\n",
       ".IHaskell-table table thead {\n",
       "  border-bottom-style: solid\n",
       "}\n",
       ".IHaskell-table table tr {\n",
       "  border-style: none\n",
       "} .IHaskell-table td.Double {\n",
       "  text-align: left\n",
       "} \n",
       "    </style>\n",
       "    <table class=\"Double\">\n",
       "        <div class=\"approxWithTooltip\">\n",
       "            <span class=\"exactShowTooltip\" style=\"position:absolute;visibility:hidden\">\n",
       "                &ensp;3.141592653589793\n",
       "            </span>\n",
       "            &ensp;3.1<span style=\"opacity:0.42\">4</span><span style=\"opacity:0.12\">2</span>\n",
       "        </div>\n",
       "    </table>\n",
       "</div>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "tabular pi"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {
    "collapsed": true
   },
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Haskell",
   "language": "haskell",
   "name": "haskell"
  },
  "language_info": {
   "codemirror_mode": "ihaskell",
   "file_extension": ".hs",
   "name": "haskell",
   "version": "7.10.2"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 0
}

About

Easy pretty-printing of tabular-like Haskell data in Jupyter

http://nbviewer.jupyter.org/github/leftaroundabout/IHaskell-tables/blob/master/README.ipynb


Languages

Language:Haskell 100.0%