Repository: napjon/krisk

Issue:
Consistent API parameters with Pandas and Matplotlib (BREAKING API)
This will break API change.

* Convert size to s
* Convert category to c

Discussion:
codecov-io: ## [Current coverage](https://codecov.io/gh/napjon/krisk/pull/37?src=pr) is 91.91% (diff: 81.57%)
> Merging [#37](https://codecov.io/gh/napjon/krisk/pull/37?src=pr) into [0.2-develop](https://codecov.io/gh/napjon/krisk/branch/0.2-develop?src=pr) will decrease coverage by **0.24%**

```diff
@@           0.2-develop        #37   diff @@
=============================================
  Files               10         10          
  Lines              332        297    -35   
  Methods              0          0          
  Messages             0          0          
  Branches            37         37          
=============================================
- Hits               306        273    -33   
+ Misses              12         11     -1   
+ Partials            14         13     -1   
```

> Powered by [Codecov](https://codecov.io?src=pr). Last update [7aeaac1...292c9f8](https://codecov.io/gh/napjon/krisk/compare/7aeaac1b566ffe71d7282c41eb09567845eecf01...292c9f8d2d28a9b46be33d521b2ca92b8a98c054?src=pr)

Patch:
diff --git a/krisk/chart.py b/krisk/chart.py
index 9517dff..44a75c6 100644
--- a/krisk/chart.py
+++ b/krisk/chart.py
@@ -152,11 +152,11 @@ class Chart(object):
             raise TypeError('Chart Type not supported')
         else:
             f_columns = []
-            for c in columns:
-                if isinstance(c, str):
-                    key, unit = c, ' '
-                elif isinstance(c, tuple):
-                    key, unit = c
+            for col in columns:
+                if isinstance(col, str):
+                    key, unit = col, ' '
+                elif isinstance(col, tuple):
+                    key, unit = col
                 else:
                     raise TypeError('Columns type not supported')
 
@@ -446,9 +446,9 @@ class Chart(object):
                 (self._get_resync_option_strings(self.option))
 
     def _get_duplicated(self):
-        c = deepcopy(self)
-        c._chartId = str(uuid.uuid4())
-        return c
+        chart = deepcopy(self)
+        chart._chartId = str(uuid.uuid4())
+        return chart
     # ----------------------------------------------------------------------
 
     # Saving chart option
diff --git a/krisk/plot/__init__.py b/krisk/plot/__init__.py
index f4e3be2..0ed9354 100644
--- a/krisk/plot/__init__.py
+++ b/krisk/plot/__init__.py
@@ -4,7 +4,7 @@ from krisk.plot.make_chart import make_chart
 def bar(df,
         x,
         y=None,
-        category=None,
+        c=None,
         how='count',
         stacked=False,
         annotate=None):
@@ -34,22 +34,15 @@ def bar(df,
     """
 
     # TODO: add optional argument trendline
-    kwargs = {}
-    kwargs['x'] = x
-    kwargs['y'] = y
-    kwargs['category'] = category
-    kwargs['how'] = how
-    kwargs['type'] = 'bar'
-    kwargs['stacked'] = stacked
-    kwargs['annotate'] = 'top' if annotate is True else annotate
 
-    return make_chart(df, **kwargs)
+    return make_chart(df,type='bar',x=x,y=y,c=c,how=how,stacked=stacked,
+                      annotate='top' if annotate == True else annotate)
 
 
 def line(df,
          x,
          y=None,
-         category=None,
+         c=None,
          how=None,
          stacked=False,
          area=False,
@@ -63,8 +56,8 @@ def line(df,
         columns to be used as category axis
     y: string, default to None
         if None, use count of category value. otherwise aggregate based on y columns
-    category: string, default to None
-        another grouping columns inside x-axis
+    c: string, default to None
+        category column inside x-axis
     how: string, default to None
         to be passed to pd.group_by(x).aggregate(how). Can be mean,median, or any 
         reduced operations.
@@ -78,22 +71,13 @@ def line(df,
     -------
     Chart Object
     """
-    kwargs = {}
-    kwargs['x'] = x
-    kwargs['y'] = y
-    kwargs['category'] = category
-    kwargs['how'] = how
-    kwargs['type'] = 'line'
-    kwargs['stacked'] = stacked
-    kwargs['area'] = area
-    kwargs['annotate'] = 'top' if annotate is True else annotate
-
-    return make_chart(df, **kwargs)
+    return make_chart(df,type='line',x=x,y=y,c=c,how=how,stacked=stacked,area=area,
+                      annotate='top' if annotate == True else annotate)
 
 
 def hist(df,
          x,
-         category=None,
+         c=None,
          bins=10,
          normed=False,
          stacked=False,
@@ -105,7 +89,7 @@ def hist(df,
         data to be used for the chart
     x: string
         columns to be used as category axis
-    category: string, default to None
+    c: string, default to None
         another grouping columns inside x-axis
     bins: int, default to 10
         Set number of bins in histogram
@@ -121,19 +105,11 @@ def hist(df,
     -------
     Chart Object
     """
-    kwargs = {}
-    kwargs['x'] = x
-    kwargs['category'] = category
-    kwargs['bins'] = bins
-    kwargs['type'] = 'hist'
-    kwargs['normed'] = normed
-    kwargs['stacked'] = stacked
-    kwargs['annotate'] = 'top' if annotate is True else annotate
-
-    return make_chart(df, **kwargs)
+    return make_chart(df,type='hist',x=x,c=c,bins=bins,normed=normed,stacked=stacked,
+                      annotate='top' if annotate == True else annotate)
+   
 
-
-def scatter(df, x, y, size=None, category=None, size_px=(10, 70)):
+def scatter(df, x, y, s=None, c=None, size_px=(10, 70)):
     """
     Parameters
     ----------
@@ -141,9 +117,9 @@ def scatter(df, x, y, size=None, category=None, size_px=(10, 70)):
         data to be used for the chart
     x,y: string, columns in pd.DataFrame
         Used as coordinate in scatter chart
-    size: string, columns in pd.DataFrame default to None
+    s: string, columns in pd.DataFrame default to None
         Used as sizing value of the scatter points
-    category: string, default to None
+    c: string, default to None
         column used as grouping color category
     size_px: tuple, default to (10,70)
         boundary size, lower and upper limit in pixel for min-max scatter points
@@ -152,14 +128,5 @@ def scatter(df, x, y, size=None, category=None, size_px=(10, 70)):
     -------
     Chart Object
     """
-
-    kwargs = {}
-    kwargs['x'] = x
-    kwargs['y'] = y
-    kwargs['category'] = category
-    kwargs['size'] = size
-    #kwargs['saturate'] = saturate #TODO: Fix saturate
-    kwargs['size_px'] = size_px
-    kwargs['type'] = 'scatter'
-
-    return make_chart(df, **kwargs)
+    #TODO add saturation
+    return make_chart(df,type='scatter',x=x,y=y,s=s,c=c,size_px=size_px)
diff --git a/krisk/plot/bar_line.py b/krisk/plot/bar_line.py
index e2e2f19..5884aa4 100644
--- a/krisk/plot/bar_line.py
+++ b/krisk/plot/bar_line.py
@@ -5,21 +5,22 @@ import pandas as pd
 from krisk.plot.make_chart import insert_series_data
 
 
-def set_bar_line_chart(chart, df, x, category, **kwargs):
+def set_bar_line_chart(chart, df, x, c, **kwargs):
+    """Construct Bar, Line, and Histogram"""
 
     data = None
     chart_type = kwargs['type']
 
     if chart_type in ['bar', 'line']:
-        data = get_bar_line_data(df, x, category, **kwargs)
+        data = get_bar_line_data(df, x, c, **kwargs)
         chart.option['xAxis']['data'] = data.index.values.tolist()
 
     elif chart_type == 'hist':
         chart_type = 'bar'
-        data, bins = get_hist_data(df, x, category, **kwargs)
+        data, bins = get_hist_data(df, x, c, **kwargs)
         chart.option['xAxis']['data'] = bins
 
-    if category:
+    if c:
         # append data for every category
         for cat in data.columns:
             insert_series_data(data[cat], x, chart_type, chart, cat)
@@ -31,9 +32,9 @@ def set_bar_line_chart(chart, df, x, category, **kwargs):
     ########Provide stacked,annotate, area for bar line hist#################
     d_annotate = {'normal': {'show': True, 'position': 'top'}}
 
-    if category and kwargs['stacked']:
+    if c and kwargs['stacked']:
         for s in series:
-            s['stack'] = category
+            s['stack'] = c
 
             if chart_type == 'line' and kwargs['area']:
                 s['areaStyle'] = {'normal': {}}
@@ -52,36 +53,36 @@ def set_bar_line_chart(chart, df, x, category, **kwargs):
     # TODO: make annotate receive all kinds supported in echarts.
 
 
-def get_bar_line_data(df, x, category, y, **kwargs):
-
-    if category:
-        if y is None:
-            data = pd.crosstab(df[x], df[category])
-        else:
-            data = df.pivot_table(
+def get_bar_line_data(df, x, c, y, **kwargs):
+    """Get Bar and Line manipulated data"""
+    
+    if c and y:
+        data = df.pivot_table(
                 index=x,
                 values=y,
-                columns=category,
+                columns=c,
                 aggfunc=kwargs['how'],
                 fill_value=0)
+    elif c and y is None:
+        data = pd.crosstab(df[x], df[c])
+    elif c is None and y:
+        data = df.groupby(x)[y].agg(kwargs['how'])
     else:
-        if y is None:
-            data = df[x].value_counts()
-        else:
-            raise AssertionError('Use y in category instead')
-
+        data = df[x].value_counts()
+            
     return data
 
 
-def get_hist_data(df, x, category, **kwargs):
+def get_hist_data(df, x, c, **kwargs):
+    """Get Histogram manipulated data"""
 
     y_val, x_val = np.histogram(
         df[x], bins=kwargs['bins'], normed=kwargs['normed'])
     bins = x_val.astype(int).tolist()
 
-    if category:
+    if c:
         data = pd.DataFrame()
-        for cat, sub in df.groupby(category):
+        for cat, sub in df.groupby(c):
             data[cat] = (pd.cut(sub[x], x_val).value_counts(
                 sort=False, normalize=kwargs['normed']))
     else:
diff --git a/krisk/plot/make_chart.py b/krisk/plot/make_chart.py
index 31f9980..ceab454 100644
--- a/krisk/plot/make_chart.py
+++ b/krisk/plot/make_chart.py
@@ -38,9 +38,6 @@ def make_chart(df, **kwargs):
 
     chart = Chart(**kwargs)
     chart._kwargs_chart_['data_columns'] = df.columns
-    x = kwargs['x']
-    y = kwargs.get('y')
-    category = kwargs['category']
 
     if kwargs['type'] in ['bar', 'line', 'hist']:
         set_bar_line_chart(chart, df, **kwargs)
diff --git a/krisk/plot/points.py b/krisk/plot/points.py
index 3eb7d3e..a646bf6 100644
--- a/krisk/plot/points.py
+++ b/krisk/plot/points.py
@@ -2,16 +2,16 @@ from copy import deepcopy
 from krisk.plot.make_chart import insert_series_data
 
 
-def set_scatter_chart(chart, df, x, y, category, **kwargs):
+def set_scatter_chart(chart, df, x, y, c, **kwargs):
 
     chart.option['xAxis'] = {'type': 'value', 'name': x, 'max': int(df[x].max())}
     chart.option['yAxis'] = {'type': 'value', 'name': y, 'max': int(df[y].max())}
     chart.option['visualMap'] = []
 
     cols = [x, y]
-    size = kwargs['size']
-    if size is not None:
-        cols.append(size)
+    s = kwargs['s']
+    if s is not None:
+        cols.append(s)
 
         vmap_template_size = {'show': False,
                               'dimension': 2,
@@ -21,8 +21,8 @@ def set_scatter_chart(chart, df, x, y, category, **kwargs):
                               'inRange': {'symbolSize': [10, 70]}}
 
         vmap_size = deepcopy(vmap_template_size)
-        vmap_size['min'] = df[size].min()
-        vmap_size['max'] = df[size].max()
+        vmap_size['min'] = df[s].min()
+        vmap_size['max'] = df[s].max()
         vmap_size['inRange']['symbolSize'] = list(kwargs['size_px'][:2])
         chart.option['visualMap'].append(vmap_size)
 
@@ -39,9 +39,9 @@ def set_scatter_chart(chart, df, x, y, category, **kwargs):
     columns = cols + df.columns.difference(cols).tolist()
     chart._kwargs_chart_['columns'] = columns
     data = df[columns]
-    if category:
+    if c:
         #Iterate and append Data for every category
-        for cat, subset in data.groupby(category):
+        for cat, subset in data.groupby(c):
             insert_series_data(subset, x, kwargs['type'], chart, cat)
     else:
         insert_series_data(data, x, kwargs['type'], chart)
diff --git a/notebooks/Intro.ipynb b/notebooks/Intro.ipynb
index 6d5333e..a850d7d 100644
--- a/notebooks/Intro.ipynb
+++ b/notebooks/Intro.ipynb
@@ -161,8 +161,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#9fcb27b2-feba-4fdd-9389-786b3f607b67').attr('id','9fcb27b2-feba-4fdd-9389-786b3f607b67'+'_old');\n",
-       "element.append('<div id=\"9fcb27b2-feba-4fdd-9389-786b3f607b67\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#3ccf5480-c67f-4d2d-a294-398da14c8f2c').attr('id','3ccf5480-c67f-4d2d-a294-398da14c8f2c'+'_old');\n",
+       "element.append('<div id=\"3ccf5480-c67f-4d2d-a294-398da14c8f2c\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -170,43 +170,43 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"9fcb27b2-feba-4fdd-9389-786b3f607b67\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"3ccf5480-c67f-4d2d-a294-398da14c8f2c\"),\"\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"title\": {\n",
-       "        \"text\": \"\"\n",
+       "    \"yAxis\": {},\n",
+       "    \"xAxis\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Americas\",\n",
+       "            \"Oceania\"\n",
+       "        ]\n",
        "    },\n",
        "    \"series\": [\n",
        "        {\n",
+       "            \"type\": \"bar\",\n",
+       "            \"name\": \"continent\",\n",
        "            \"data\": [\n",
        "                624,\n",
        "                396,\n",
        "                360,\n",
        "                300,\n",
        "                24\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"continent\"\n",
+       "            ]\n",
        "        }\n",
        "    ],\n",
-       "    \"tooltip\": {\n",
-       "        \"axisPointer\": {\n",
-       "            \"type\": \"\"\n",
-       "        }\n",
-       "    },\n",
-       "    \"xAxis\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\",\n",
-       "            \"Americas\",\n",
-       "            \"Oceania\"\n",
-       "        ]\n",
+       "    \"title\": {\n",
+       "        \"text\": \"\"\n",
        "    },\n",
        "    \"legend\": {\n",
        "        \"data\": []\n",
        "    },\n",
-       "    \"yAxis\": {}\n",
+       "    \"tooltip\": {\n",
+       "        \"axisPointer\": {\n",
+       "            \"type\": \"\"\n",
+       "        }\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -216,7 +216,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x104a52fd0>"
+       "<krisk.chart.Chart at 0x10493f160>"
       ]
      },
      "execution_count": 4,
@@ -228,6 +228,13 @@
     "kk.bar(df,'continent')"
    ]
   },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "Note that by default, the plot already used a tooltip. You can hover the plot to see the y-value."
+   ]
+  },
   {
    "cell_type": "markdown",
    "metadata": {},
@@ -237,7 +244,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 5,
+   "execution_count": 6,
    "metadata": {
     "collapsed": false
    },
@@ -246,8 +253,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#a6533f9b-4f23-4990-b858-2e60affcc1e1').attr('id','a6533f9b-4f23-4990-b858-2e60affcc1e1'+'_old');\n",
-       "element.append('<div id=\"a6533f9b-4f23-4990-b858-2e60affcc1e1\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#ee6ef362-832f-45a4-87a9-e62e0e214cc2').attr('id','ee6ef362-832f-45a4-87a9-e62e0e214cc2'+'_old');\n",
+       "element.append('<div id=\"ee6ef362-832f-45a4-87a9-e62e0e214cc2\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -255,43 +262,43 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"a6533f9b-4f23-4990-b858-2e60affcc1e1\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"ee6ef362-832f-45a4-87a9-e62e0e214cc2\"),\"\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"title\": {\n",
-       "        \"text\": \"\"\n",
+       "    \"yAxis\": {},\n",
+       "    \"xAxis\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ]\n",
        "    },\n",
        "    \"series\": [\n",
        "        {\n",
+       "            \"type\": \"bar\",\n",
+       "            \"name\": \"continent\",\n",
        "            \"data\": [\n",
        "                2193.755,\n",
        "                7136.11,\n",
        "                7902.15,\n",
        "                14469.476,\n",
        "                18621.609\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"continent\"\n",
+       "            ]\n",
        "        }\n",
        "    ],\n",
-       "    \"tooltip\": {\n",
-       "        \"axisPointer\": {\n",
-       "            \"type\": \"\"\n",
-       "        }\n",
-       "    },\n",
-       "    \"xAxis\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\",\n",
-       "            \"Oceania\"\n",
-       "        ]\n",
+       "    \"title\": {\n",
+       "        \"text\": \"\"\n",
        "    },\n",
        "    \"legend\": {\n",
        "        \"data\": []\n",
        "    },\n",
-       "    \"yAxis\": {}\n",
+       "    \"tooltip\": {\n",
+       "        \"axisPointer\": {\n",
+       "            \"type\": \"\"\n",
+       "        }\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -301,10 +308,10 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x10369ffd0>"
+       "<krisk.chart.Chart at 0x10676cf98>"
       ]
      },
-     "execution_count": 5,
+     "execution_count": 6,
      "metadata": {},
      "output_type": "execute_result"
     }
@@ -322,7 +329,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 6,
+   "execution_count": 7,
    "metadata": {
     "collapsed": false
    },
@@ -331,8 +338,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#308da64e-53be-49d3-8e78-1a0213d9cc08').attr('id','308da64e-53be-49d3-8e78-1a0213d9cc08'+'_old');\n",
-       "element.append('<div id=\"308da64e-53be-49d3-8e78-1a0213d9cc08\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#e68bfdf7-fff3-49b6-aadd-dd75abd1bcca').attr('id','e68bfdf7-fff3-49b6-aadd-dd75abd1bcca'+'_old');\n",
+       "element.append('<div id=\"e68bfdf7-fff3-49b6-aadd-dd75abd1bcca\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -340,14 +347,30 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"308da64e-53be-49d3-8e78-1a0213d9cc08\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"e68bfdf7-fff3-49b6-aadd-dd75abd1bcca\"),\"\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"title\": {\n",
-       "        \"text\": \"\"\n",
+       "    \"yAxis\": {},\n",
+       "    \"xAxis\": {\n",
+       "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
+       "            1972,\n",
+       "            1977,\n",
+       "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
+       "            1997,\n",
+       "            2002,\n",
+       "            2007\n",
+       "        ]\n",
        "    },\n",
        "    \"series\": [\n",
        "        {\n",
+       "            \"type\": \"bar\",\n",
+       "            \"name\": \"Africa\",\n",
        "            \"data\": [\n",
        "                1252.572,\n",
        "                1385.236,\n",
@@ -361,11 +384,11 @@
        "                2378.76,\n",
        "                2599.385,\n",
        "                3089.033\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
+       "            ]\n",
        "        },\n",
        "        {\n",
+       "            \"type\": \"bar\",\n",
+       "            \"name\": \"Americas\",\n",
        "            \"data\": [\n",
        "                4079.063,\n",
        "                4616.044,\n",
@@ -379,11 +402,11 @@
        "                8889.301,\n",
        "                9287.677,\n",
        "                11003.032\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
+       "            ]\n",
        "        },\n",
        "        {\n",
+       "            \"type\": \"bar\",\n",
+       "            \"name\": \"Asia\",\n",
        "            \"data\": [\n",
        "                5195.484,\n",
        "                5787.733,\n",
@@ -397,11 +420,11 @@
        "                9834.093,\n",
        "                10174.09,\n",
        "                12473.027\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
+       "            ]\n",
        "        },\n",
        "        {\n",
+       "            \"type\": \"bar\",\n",
+       "            \"name\": \"Europe\",\n",
        "            \"data\": [\n",
        "                5661.057,\n",
        "                6963.013,\n",
@@ -415,11 +438,11 @@
        "                19076.782,\n",
        "                21711.732,\n",
        "                25054.482\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
+       "            ]\n",
        "        },\n",
        "        {\n",
+       "            \"type\": \"bar\",\n",
+       "            \"name\": \"Oceania\",\n",
        "            \"data\": [\n",
        "                10298.086,\n",
        "                11598.522,\n",
@@ -433,31 +456,11 @@
        "                24024.175,\n",
        "                26938.778,\n",
        "                29810.188\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Oceania\"\n",
+       "            ]\n",
        "        }\n",
        "    ],\n",
-       "    \"tooltip\": {\n",
-       "        \"axisPointer\": {\n",
-       "            \"type\": \"\"\n",
-       "        }\n",
-       "    },\n",
-       "    \"xAxis\": {\n",
-       "        \"data\": [\n",
-       "            1952,\n",
-       "            1957,\n",
-       "            1962,\n",
-       "            1967,\n",
-       "            1972,\n",
-       "            1977,\n",
-       "            1982,\n",
-       "            1987,\n",
-       "            1992,\n",
-       "            1997,\n",
-       "            2002,\n",
-       "            2007\n",
-       "        ]\n",
+       "    \"title\": {\n",
+       "        \"text\": \"\"\n",
        "    },\n",
        "    \"legend\": {\n",
        "        \"data\": [\n",
@@ -468,7 +471,11 @@
        "            \"Oceania\"\n",
        "        ]\n",
        "    },\n",
-       "    \"yAxis\": {}\n",
+       "    \"tooltip\": {\n",
+       "        \"axisPointer\": {\n",
+       "            \"type\": \"\"\n",
+       "        }\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -478,16 +485,16 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x1036b3208>"
+       "<krisk.chart.Chart at 0x106784240>"
       ]
      },
-     "execution_count": 6,
+     "execution_count": 7,
      "metadata": {},
      "output_type": "execute_result"
     }
    ],
    "source": [
-    "kk.bar(df,'year',y='gdpPercap',category='continent',how='mean')"
+    "kk.bar(df,'year',y='gdpPercap',c='continent',how='mean')"
    ]
   },
   {
@@ -499,7 +506,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 7,
+   "execution_count": 8,
    "metadata": {
     "collapsed": false
    },
@@ -508,8 +515,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#ba21a86d-8828-4051-aa10-8535acd96a7f').attr('id','ba21a86d-8828-4051-aa10-8535acd96a7f'+'_old');\n",
-       "element.append('<div id=\"ba21a86d-8828-4051-aa10-8535acd96a7f\" style=\"width: 1000px;height:400px;\"></div>');\n",
+       "$('#67393873-1e86-4d53-b796-cc60d3a0a0ce').attr('id','67393873-1e86-4d53-b796-cc60d3a0a0ce'+'_old');\n",
+       "element.append('<div id=\"67393873-1e86-4d53-b796-cc60d3a0a0ce\" style=\"width: 1000px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -517,14 +524,31 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"ba21a86d-8828-4051-aa10-8535acd96a7f\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"67393873-1e86-4d53-b796-cc60d3a0a0ce\"),\"\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"title\": {\n",
-       "        \"text\": \"\"\n",
+       "    \"yAxis\": {},\n",
+       "    \"xAxis\": {\n",
+       "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
+       "            1972,\n",
+       "            1977,\n",
+       "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
+       "            1997,\n",
+       "            2002,\n",
+       "            2007\n",
+       "        ]\n",
        "    },\n",
        "    \"series\": [\n",
        "        {\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"name\": \"Africa\",\n",
        "            \"data\": [\n",
        "                1252.572,\n",
        "                1385.236,\n",
@@ -538,12 +562,12 @@
        "                2378.76,\n",
        "                2599.385,\n",
        "                3089.033\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\",\n",
-       "            \"stack\": \"continent\"\n",
+       "            ]\n",
        "        },\n",
        "        {\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"name\": \"Americas\",\n",
        "            \"data\": [\n",
        "                4079.063,\n",
        "                4616.044,\n",
@@ -557,12 +581,12 @@
        "                8889.301,\n",
        "                9287.677,\n",
        "                11003.032\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\",\n",
-       "            \"stack\": \"continent\"\n",
+       "            ]\n",
        "        },\n",
        "        {\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"name\": \"Asia\",\n",
        "            \"data\": [\n",
        "                5195.484,\n",
        "                5787.733,\n",
@@ -576,12 +600,12 @@
        "                9834.093,\n",
        "                10174.09,\n",
        "                12473.027\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\",\n",
-       "            \"stack\": \"continent\"\n",
+       "            ]\n",
        "        },\n",
        "        {\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"name\": \"Europe\",\n",
        "            \"data\": [\n",
        "                5661.057,\n",
        "                6963.013,\n",
@@ -595,18 +619,18 @@
        "                19076.782,\n",
        "                21711.732,\n",
        "                25054.482\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\",\n",
-       "            \"stack\": \"continent\"\n",
+       "            ]\n",
        "        },\n",
        "        {\n",
        "            \"label\": {\n",
        "                \"normal\": {\n",
-       "                    \"show\": true,\n",
-       "                    \"position\": \"top\"\n",
+       "                    \"position\": \"top\",\n",
+       "                    \"show\": true\n",
        "                }\n",
        "            },\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"name\": \"Oceania\",\n",
        "            \"data\": [\n",
        "                10298.086,\n",
        "                11598.522,\n",
@@ -620,32 +644,11 @@
        "                24024.175,\n",
        "                26938.778,\n",
        "                29810.188\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Oceania\",\n",
-       "            \"stack\": \"continent\"\n",
+       "            ]\n",
        "        }\n",
        "    ],\n",
-       "    \"tooltip\": {\n",
-       "        \"axisPointer\": {\n",
-       "            \"type\": \"\"\n",
-       "        }\n",
-       "    },\n",
-       "    \"xAxis\": {\n",
-       "        \"data\": [\n",
-       "            1952,\n",
-       "            1957,\n",
-       "            1962,\n",
-       "            1967,\n",
-       "            1972,\n",
-       "            1977,\n",
-       "            1982,\n",
-       "            1987,\n",
-       "            1992,\n",
-       "            1997,\n",
-       "            2002,\n",
-       "            2007\n",
-       "        ]\n",
+       "    \"title\": {\n",
+       "        \"text\": \"\"\n",
        "    },\n",
        "    \"legend\": {\n",
        "        \"data\": [\n",
@@ -656,7 +659,11 @@
        "            \"Oceania\"\n",
        "        ]\n",
        "    },\n",
-       "    \"yAxis\": {}\n",
+       "    \"tooltip\": {\n",
+       "        \"axisPointer\": {\n",
+       "            \"type\": \"\"\n",
+       "        }\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -666,16 +673,16 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x107005390>"
+       "<krisk.chart.Chart at 0x106784588>"
       ]
      },
-     "execution_count": 7,
+     "execution_count": 8,
      "metadata": {},
      "output_type": "execute_result"
     }
    ],
    "source": [
-    "(kk.bar(df,'year',y='gdpPercap',category='continent',how='mean',stacked=True,annotate=True)\n",
+    "(kk.bar(df,'year',y='gdpPercap',c='continent',how='mean',stacked=True,annotate=True)\n",
     " .set_size(width=1000))"
    ]
   },
@@ -688,7 +695,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 8,
+   "execution_count": 9,
    "metadata": {
     "collapsed": false
    },
@@ -697,8 +704,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#a5a0f6a1-991c-4e30-817e-a12af6c3c25d').attr('id','a5a0f6a1-991c-4e30-817e-a12af6c3c25d'+'_old');\n",
-       "element.append('<div id=\"a5a0f6a1-991c-4e30-817e-a12af6c3c25d\" style=\"width: 1000px;height:400px;\"></div>');\n",
+       "$('#20bbc738-2723-40a7-bf73-292596f9c486').attr('id','20bbc738-2723-40a7-bf73-292596f9c486'+'_old');\n",
+       "element.append('<div id=\"20bbc738-2723-40a7-bf73-292596f9c486\" style=\"width: 1000px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -706,14 +713,35 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"a5a0f6a1-991c-4e30-817e-a12af6c3c25d\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"20bbc738-2723-40a7-bf73-292596f9c486\"),\"\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"title\": {\n",
-       "        \"text\": \"\"\n",
+       "    \"yAxis\": {},\n",
+       "    \"xAxis\": {\n",
+       "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
+       "            1972,\n",
+       "            1977,\n",
+       "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
+       "            1997,\n",
+       "            2002,\n",
+       "            2007\n",
+       "        ]\n",
        "    },\n",
        "    \"series\": [\n",
        "        {\n",
+       "            \"label\": {\n",
+       "                \"normal\": {\n",
+       "                    \"position\": \"top\",\n",
+       "                    \"show\": true\n",
+       "                }\n",
+       "            },\n",
+       "            \"stack\": \"continent\",\n",
        "            \"data\": [\n",
        "                1252.572,\n",
        "                1385.236,\n",
@@ -728,20 +756,20 @@
        "                2599.385,\n",
        "                3089.033\n",
        "            ],\n",
+       "            \"areaStyle\": {\n",
+       "                \"normal\": {}\n",
+       "            },\n",
        "            \"type\": \"line\",\n",
-       "            \"name\": \"Africa\",\n",
+       "            \"name\": \"Africa\"\n",
+       "        },\n",
+       "        {\n",
        "            \"label\": {\n",
        "                \"normal\": {\n",
-       "                    \"show\": true,\n",
-       "                    \"position\": \"top\"\n",
+       "                    \"position\": \"top\",\n",
+       "                    \"show\": true\n",
        "                }\n",
        "            },\n",
        "            \"stack\": \"continent\",\n",
-       "            \"areaStyle\": {\n",
-       "                \"normal\": {}\n",
-       "            }\n",
-       "        },\n",
-       "        {\n",
        "            \"data\": [\n",
        "                4079.063,\n",
        "                4616.044,\n",
@@ -756,20 +784,20 @@
        "                9287.677,\n",
        "                11003.032\n",
        "            ],\n",
+       "            \"areaStyle\": {\n",
+       "                \"normal\": {}\n",
+       "            },\n",
        "            \"type\": \"line\",\n",
-       "            \"name\": \"Americas\",\n",
+       "            \"name\": \"Americas\"\n",
+       "        },\n",
+       "        {\n",
        "            \"label\": {\n",
        "                \"normal\": {\n",
-       "                    \"show\": true,\n",
-       "                    \"position\": \"top\"\n",
+       "                    \"position\": \"top\",\n",
+       "                    \"show\": true\n",
        "                }\n",
        "            },\n",
        "            \"stack\": \"continent\",\n",
-       "            \"areaStyle\": {\n",
-       "                \"normal\": {}\n",
-       "            }\n",
-       "        },\n",
-       "        {\n",
        "            \"data\": [\n",
        "                5195.484,\n",
        "                5787.733,\n",
@@ -784,20 +812,20 @@
        "                10174.09,\n",
        "                12473.027\n",
        "            ],\n",
+       "            \"areaStyle\": {\n",
+       "                \"normal\": {}\n",
+       "            },\n",
        "            \"type\": \"line\",\n",
-       "            \"name\": \"Asia\",\n",
+       "            \"name\": \"Asia\"\n",
+       "        },\n",
+       "        {\n",
        "            \"label\": {\n",
        "                \"normal\": {\n",
-       "                    \"show\": true,\n",
-       "                    \"position\": \"top\"\n",
+       "                    \"position\": \"top\",\n",
+       "                    \"show\": true\n",
        "                }\n",
        "            },\n",
        "            \"stack\": \"continent\",\n",
-       "            \"areaStyle\": {\n",
-       "                \"normal\": {}\n",
-       "            }\n",
-       "        },\n",
-       "        {\n",
        "            \"data\": [\n",
        "                5661.057,\n",
        "                6963.013,\n",
@@ -812,20 +840,20 @@
        "                21711.732,\n",
        "                25054.482\n",
        "            ],\n",
+       "            \"areaStyle\": {\n",
+       "                \"normal\": {}\n",
+       "            },\n",
        "            \"type\": \"line\",\n",
-       "            \"name\": \"Europe\",\n",
+       "            \"name\": \"Europe\"\n",
+       "        },\n",
+       "        {\n",
        "            \"label\": {\n",
        "                \"normal\": {\n",
-       "                    \"show\": true,\n",
-       "                    \"position\": \"top\"\n",
+       "                    \"position\": \"top\",\n",
+       "                    \"show\": true\n",
        "                }\n",
        "            },\n",
        "            \"stack\": \"continent\",\n",
-       "            \"areaStyle\": {\n",
-       "                \"normal\": {}\n",
-       "            }\n",
-       "        },\n",
-       "        {\n",
        "            \"data\": [\n",
        "                10298.086,\n",
        "                11598.522,\n",
@@ -840,45 +868,15 @@
        "                26938.778,\n",
        "                29810.188\n",
        "            ],\n",
-       "            \"type\": \"line\",\n",
-       "            \"name\": \"Oceania\",\n",
-       "            \"label\": {\n",
-       "                \"normal\": {\n",
-       "                    \"show\": true,\n",
-       "                    \"position\": \"top\"\n",
-       "                }\n",
-       "            },\n",
-       "            \"stack\": \"continent\",\n",
        "            \"areaStyle\": {\n",
        "                \"normal\": {}\n",
-       "            }\n",
+       "            },\n",
+       "            \"type\": \"line\",\n",
+       "            \"name\": \"Oceania\"\n",
        "        }\n",
        "    ],\n",
-       "    \"tooltip\": {\n",
-       "        \"trigger\": \"axis\",\n",
-       "        \"fontStyle\": \"normal\",\n",
-       "        \"fontFamily\": \"sans-serif\",\n",
-       "        \"fontSize\": 14,\n",
-       "        \"triggerOn\": \"mousemove\",\n",
-       "        \"axisPointer\": {\n",
-       "            \"type\": \"shadow\"\n",
-       "        }\n",
-       "    },\n",
-       "    \"xAxis\": {\n",
-       "        \"data\": [\n",
-       "            1952,\n",
-       "            1957,\n",
-       "            1962,\n",
-       "            1967,\n",
-       "            1972,\n",
-       "            1977,\n",
-       "            1982,\n",
-       "            1987,\n",
-       "            1992,\n",
-       "            1997,\n",
-       "            2002,\n",
-       "            2007\n",
-       "        ]\n",
+       "    \"title\": {\n",
+       "        \"text\": \"\"\n",
        "    },\n",
        "    \"legend\": {\n",
        "        \"data\": [\n",
@@ -889,7 +887,16 @@
        "            \"Oceania\"\n",
        "        ]\n",
        "    },\n",
-       "    \"yAxis\": {}\n",
+       "    \"tooltip\": {\n",
+       "        \"fontStyle\": \"normal\",\n",
+       "        \"triggerOn\": \"mousemove\",\n",
+       "        \"axisPointer\": {\n",
+       "            \"type\": \"shadow\"\n",
+       "        },\n",
+       "        \"trigger\": \"axis\",\n",
+       "        \"fontSize\": 14,\n",
+       "        \"fontFamily\": \"sans-serif\"\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -899,16 +906,16 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x1070054a8>"
+       "<krisk.chart.Chart at 0x106784b00>"
       ]
      },
-     "execution_count": 8,
+     "execution_count": 9,
      "metadata": {},
      "output_type": "execute_result"
     }
    ],
    "source": [
-    "p = kk.line(df,'year',y='gdpPercap',category='continent',how='mean',\n",
+    "p = kk.line(df,'year',y='gdpPercap',c='continent',how='mean',\n",
     "           stacked=True,annotate='all',area=True)\n",
     "p.set_tooltip_style(trigger='axis',axis_pointer='shadow')\n",
     "p.set_size(width=1000)"
@@ -923,7 +930,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 9,
+   "execution_count": 10,
    "metadata": {
     "collapsed": false
    },
@@ -932,8 +939,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#86022075-1dc6-45f2-9dfe-e9b05f0235d2').attr('id','86022075-1dc6-45f2-9dfe-e9b05f0235d2'+'_old');\n",
-       "element.append('<div id=\"86022075-1dc6-45f2-9dfe-e9b05f0235d2\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#e8b87d9e-fa08-4511-acb5-2146f1ba883e').attr('id','e8b87d9e-fa08-4511-acb5-2146f1ba883e'+'_old');\n",
+       "element.append('<div id=\"e8b87d9e-fa08-4511-acb5-2146f1ba883e\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -941,16 +948,120 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"86022075-1dc6-45f2-9dfe-e9b05f0235d2\"),\"vintage\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"e8b87d9e-fa08-4511-acb5-2146f1ba883e\"),\"vintage\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"title\": {\n",
-       "        \"text\": \"\"\n",
+       "    \"yAxis\": {},\n",
+       "    \"xAxis\": {\n",
+       "        \"data\": [\n",
+       "            23,\n",
+       "            24,\n",
+       "            24,\n",
+       "            25,\n",
+       "            25,\n",
+       "            26,\n",
+       "            27,\n",
+       "            27,\n",
+       "            28,\n",
+       "            28,\n",
+       "            29,\n",
+       "            30,\n",
+       "            30,\n",
+       "            31,\n",
+       "            31,\n",
+       "            32,\n",
+       "            33,\n",
+       "            33,\n",
+       "            34,\n",
+       "            34,\n",
+       "            35,\n",
+       "            35,\n",
+       "            36,\n",
+       "            37,\n",
+       "            37,\n",
+       "            38,\n",
+       "            38,\n",
+       "            39,\n",
+       "            40,\n",
+       "            40,\n",
+       "            41,\n",
+       "            41,\n",
+       "            42,\n",
+       "            43,\n",
+       "            43,\n",
+       "            44,\n",
+       "            44,\n",
+       "            45,\n",
+       "            46,\n",
+       "            46,\n",
+       "            47,\n",
+       "            47,\n",
+       "            48,\n",
+       "            48,\n",
+       "            49,\n",
+       "            50,\n",
+       "            50,\n",
+       "            51,\n",
+       "            51,\n",
+       "            52,\n",
+       "            53,\n",
+       "            53,\n",
+       "            54,\n",
+       "            54,\n",
+       "            55,\n",
+       "            56,\n",
+       "            56,\n",
+       "            57,\n",
+       "            57,\n",
+       "            58,\n",
+       "            59,\n",
+       "            59,\n",
+       "            60,\n",
+       "            60,\n",
+       "            61,\n",
+       "            61,\n",
+       "            62,\n",
+       "            63,\n",
+       "            63,\n",
+       "            64,\n",
+       "            64,\n",
+       "            65,\n",
+       "            66,\n",
+       "            66,\n",
+       "            67,\n",
+       "            67,\n",
+       "            68,\n",
+       "            69,\n",
+       "            69,\n",
+       "            70,\n",
+       "            70,\n",
+       "            71,\n",
+       "            71,\n",
+       "            72,\n",
+       "            73,\n",
+       "            73,\n",
+       "            74,\n",
+       "            74,\n",
+       "            75,\n",
+       "            76,\n",
+       "            76,\n",
+       "            77,\n",
+       "            77,\n",
+       "            78,\n",
+       "            79,\n",
+       "            79,\n",
+       "            80,\n",
+       "            80,\n",
+       "            81,\n",
+       "            82,\n",
+       "            82\n",
+       "        ]\n",
        "    },\n",
        "    \"series\": [\n",
        "        {\n",
+       "            \"type\": \"bar\",\n",
+       "            \"stack\": \"continent\",\n",
        "            \"data\": [\n",
-       "                1,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
@@ -961,317 +1072,317 @@
        "                0,\n",
        "                0,\n",
        "                0,\n",
+       "                2,\n",
+       "                1,\n",
        "                0,\n",
+       "                2,\n",
        "                3,\n",
-       "                0,\n",
-       "                1,\n",
        "                3,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
        "                6,\n",
        "                3,\n",
-       "                3,\n",
        "                4,\n",
        "                8,\n",
        "                5,\n",
-       "                7,\n",
        "                6,\n",
-       "                7,\n",
-       "                10,\n",
+       "                8,\n",
        "                9,\n",
-       "                15,\n",
-       "                13,\n",
-       "                16,\n",
        "                10,\n",
-       "                12,\n",
-       "                19,\n",
+       "                14,\n",
        "                15,\n",
-       "                12,\n",
        "                15,\n",
+       "                14,\n",
+       "                10,\n",
+       "                18,\n",
+       "                21,\n",
+       "                13,\n",
        "                18,\n",
+       "                19,\n",
+       "                19,\n",
+       "                15,\n",
        "                18,\n",
        "                14,\n",
+       "                16,\n",
+       "                19,\n",
+       "                15,\n",
        "                13,\n",
+       "                16,\n",
        "                17,\n",
-       "                9,\n",
-       "                18,\n",
-       "                18,\n",
-       "                11,\n",
        "                11,\n",
        "                17,\n",
-       "                13,\n",
-       "                14,\n",
-       "                14,\n",
-       "                10,\n",
-       "                12,\n",
        "                12,\n",
+       "                15,\n",
        "                10,\n",
-       "                6,\n",
-       "                9,\n",
+       "                7,\n",
+       "                11,\n",
        "                9,\n",
-       "                12,\n",
-       "                6,\n",
-       "                10,\n",
-       "                3,\n",
+       "                14,\n",
+       "                7,\n",
+       "                7,\n",
        "                8,\n",
-       "                12,\n",
-       "                6,\n",
-       "                5,\n",
-       "                5,\n",
        "                10,\n",
-       "                3,\n",
+       "                9,\n",
        "                5,\n",
-       "                4,\n",
-       "                3,\n",
        "                5,\n",
+       "                11,\n",
+       "                2,\n",
+       "                7,\n",
+       "                4,\n",
+       "                6,\n",
        "                3,\n",
        "                3,\n",
        "                1,\n",
-       "                2,\n",
        "                3,\n",
-       "                1,\n",
-       "                2,\n",
        "                2,\n",
+       "                1,\n",
+       "                4,\n",
        "                2,\n",
        "                0,\n",
        "                2,\n",
-       "                1,\n",
-       "                5,\n",
-       "                0,\n",
        "                2,\n",
+       "                4,\n",
+       "                1,\n",
        "                3,\n",
+       "                4,\n",
+       "                1,\n",
        "                3,\n",
-       "                2,\n",
-       "                2,\n",
        "                1,\n",
        "                2,\n",
        "                1,\n",
        "                0,\n",
        "                1,\n",
-       "                1\n",
+       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0\n",
        "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\",\n",
-       "            \"stack\": \"continent\"\n",
+       "            \"name\": \"Africa\"\n",
        "        },\n",
        "        {\n",
+       "            \"type\": \"bar\",\n",
+       "            \"stack\": \"continent\",\n",
        "            \"data\": [\n",
-       "                1,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
-       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
        "                1,\n",
        "                0,\n",
        "                0,\n",
-       "                4,\n",
        "                0,\n",
        "                0,\n",
        "                2,\n",
+       "                0,\n",
        "                1,\n",
-       "                1,\n",
-       "                1,\n",
+       "                3,\n",
+       "                0,\n",
+       "                2,\n",
        "                2,\n",
-       "                1,\n",
        "                1,\n",
        "                2,\n",
        "                2,\n",
-       "                0,\n",
-       "                0,\n",
        "                2,\n",
-       "                3,\n",
-       "                1,\n",
-       "                0,\n",
-       "                4,\n",
-       "                0,\n",
-       "                4,\n",
-       "                1,\n",
        "                2,\n",
-       "                1,\n",
-       "                1,\n",
        "                0,\n",
+       "                3,\n",
        "                2,\n",
+       "                1,\n",
        "                4,\n",
-       "                0,\n",
-       "                2,\n",
-       "                6,\n",
-       "                2,\n",
+       "                1,\n",
        "                3,\n",
+       "                4,\n",
+       "                1,\n",
        "                0,\n",
-       "                5,\n",
-       "                2,\n",
        "                3,\n",
-       "                6,\n",
        "                3,\n",
        "                2,\n",
-       "                4,\n",
+       "                7,\n",
        "                3,\n",
        "                2,\n",
+       "                5,\n",
+       "                4,\n",
+       "                7,\n",
        "                3,\n",
+       "                5,\n",
+       "                5,\n",
        "                2,\n",
        "                4,\n",
+       "                6,\n",
        "                5,\n",
        "                3,\n",
-       "                3,\n",
-       "                4,\n",
-       "                4,\n",
-       "                4,\n",
-       "                4,\n",
-       "                4,\n",
-       "                5,\n",
        "                6,\n",
        "                6,\n",
-       "                3,\n",
-       "                6,\n",
        "                5,\n",
-       "                2,\n",
-       "                14,\n",
        "                7,\n",
-       "                2,\n",
+       "                9,\n",
+       "                6,\n",
+       "                7,\n",
+       "                7,\n",
+       "                8,\n",
+       "                13,\n",
        "                10,\n",
        "                10,\n",
-       "                4,\n",
        "                10,\n",
+       "                9,\n",
+       "                10,\n",
+       "                11,\n",
        "                6,\n",
-       "                7,\n",
        "                9,\n",
-       "                8,\n",
-       "                1,\n",
-       "                8,\n",
-       "                4,\n",
-       "                4,\n",
-       "                8,\n",
-       "                2,\n",
+       "                7,\n",
+       "                7,\n",
        "                4,\n",
+       "                5,\n",
        "                3,\n",
-       "                1,\n",
-       "                3,\n",
-       "                2,\n",
-       "                3,\n",
+       "                4,\n",
        "                3,\n",
        "                4,\n",
+       "                4,\n",
        "                0,\n",
        "                1,\n",
+       "                1,\n",
+       "                0,\n",
        "                0,\n",
-       "                1\n",
+       "                0\n",
        "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\",\n",
-       "            \"stack\": \"continent\"\n",
+       "            \"name\": \"Americas\"\n",
        "        },\n",
        "        {\n",
+       "            \"type\": \"bar\",\n",
+       "            \"stack\": \"continent\",\n",
        "            \"data\": [\n",
-       "                1,\n",
        "                0,\n",
-       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
        "                0,\n",
        "                1,\n",
+       "                0,\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
        "                0,\n",
+       "                1,\n",
+       "                1,\n",
        "                0,\n",
        "                2,\n",
        "                0,\n",
        "                1,\n",
        "                0,\n",
        "                3,\n",
-       "                0,\n",
-       "                2,\n",
-       "                4,\n",
        "                1,\n",
+       "                5,\n",
        "                0,\n",
+       "                1,\n",
        "                3,\n",
        "                5,\n",
        "                3,\n",
-       "                1,\n",
+       "                2,\n",
        "                4,\n",
+       "                3,\n",
+       "                3,\n",
+       "                7,\n",
        "                4,\n",
        "                1,\n",
-       "                5,\n",
-       "                5,\n",
-       "                3,\n",
-       "                2,\n",
-       "                6,\n",
+       "                7,\n",
        "                6,\n",
        "                0,\n",
-       "                3,\n",
+       "                5,\n",
        "                3,\n",
        "                5,\n",
-       "                4,\n",
        "                2,\n",
-       "                3,\n",
-       "                6,\n",
-       "                3,\n",
        "                4,\n",
-       "                4,\n",
-       "                3,\n",
        "                5,\n",
-       "                1,\n",
-       "                8,\n",
+       "                4,\n",
+       "                4,\n",
+       "                4,\n",
+       "                4,\n",
+       "                6,\n",
        "                2,\n",
-       "                1,\n",
-       "                5,\n",
-       "                10,\n",
        "                7,\n",
-       "                4,\n",
+       "                2,\n",
+       "                2,\n",
+       "                9,\n",
+       "                9,\n",
        "                5,\n",
+       "                6,\n",
        "                8,\n",
        "                5,\n",
-       "                5,\n",
-       "                7,\n",
-       "                10,\n",
-       "                3,\n",
-       "                5,\n",
-       "                7,\n",
-       "                5,\n",
-       "                10,\n",
-       "                4,\n",
        "                7,\n",
        "                7,\n",
-       "                5,\n",
        "                9,\n",
        "                6,\n",
-       "                4,\n",
+       "                3,\n",
        "                8,\n",
        "                11,\n",
-       "                3,\n",
+       "                4,\n",
+       "                8,\n",
        "                7,\n",
        "                8,\n",
+       "                8,\n",
        "                5,\n",
-       "                14,\n",
+       "                6,\n",
+       "                11,\n",
+       "                5,\n",
+       "                8,\n",
+       "                10,\n",
+       "                5,\n",
+       "                15,\n",
        "                7,\n",
        "                7,\n",
+       "                9,\n",
        "                7,\n",
        "                5,\n",
-       "                8,\n",
-       "                3,\n",
        "                7,\n",
-       "                2,\n",
-       "                5,\n",
        "                3,\n",
+       "                4,\n",
+       "                4,\n",
        "                2,\n",
        "                6,\n",
        "                2,\n",
+       "                2,\n",
+       "                3,\n",
        "                1,\n",
-       "                4,\n",
-       "                1,\n",
-       "                1,\n",
+       "                3,\n",
        "                2,\n",
+       "                0,\n",
        "                2,\n",
-       "                1,\n",
-       "                1,\n",
        "                2\n",
        "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\",\n",
-       "            \"stack\": \"continent\"\n",
+       "            \"name\": \"Asia\"\n",
        "        },\n",
        "        {\n",
+       "            \"type\": \"bar\",\n",
+       "            \"stack\": \"continent\",\n",
        "            \"data\": [\n",
-       "                1,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
@@ -1282,7 +1393,6 @@
        "                0,\n",
        "                0,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
@@ -1293,117 +1403,109 @@
        "                0,\n",
        "                0,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
-       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
        "                0,\n",
        "                1,\n",
-       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
        "                0,\n",
        "                1,\n",
-       "                3,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
        "                1,\n",
        "                0,\n",
        "                0,\n",
-       "                2,\n",
-       "                4,\n",
        "                1,\n",
        "                1,\n",
+       "                1,\n",
+       "                0,\n",
        "                0,\n",
+       "                1,\n",
        "                0,\n",
        "                1,\n",
        "                1,\n",
-       "                2,\n",
        "                3,\n",
+       "                2,\n",
+       "                0,\n",
+       "                4,\n",
        "                4,\n",
        "                0,\n",
        "                1,\n",
+       "                0,\n",
        "                3,\n",
-       "                3,\n",
-       "                7,\n",
-       "                5,\n",
        "                6,\n",
+       "                1,\n",
+       "                4,\n",
        "                7,\n",
-       "                0,\n",
+       "                8,\n",
+       "                10,\n",
        "                3,\n",
-       "                7,\n",
-       "                15,\n",
-       "                12,\n",
        "                8,\n",
+       "                21,\n",
+       "                11,\n",
+       "                27,\n",
+       "                29,\n",
+       "                10,\n",
+       "                20,\n",
+       "                15,\n",
+       "                17,\n",
        "                16,\n",
-       "                22,\n",
+       "                18,\n",
        "                15,\n",
-       "                7,\n",
-       "                9,\n",
-       "                13,\n",
-       "                9,\n",
+       "                12,\n",
+       "                12,\n",
        "                10,\n",
        "                11,\n",
-       "                15,\n",
-       "                5,\n",
-       "                14,\n",
-       "                7,\n",
+       "                11,\n",
        "                10,\n",
-       "                6,\n",
-       "                9,\n",
        "                8,\n",
-       "                5,\n",
-       "                13,\n",
-       "                4,\n",
-       "                7,\n",
        "                6,\n",
-       "                7,\n",
-       "                6,\n",
-       "                5,\n",
-       "                2,\n",
-       "                3,\n",
        "                4,\n",
-       "                0,\n",
-       "                2\n",
+       "                2,\n",
+       "                2,\n",
+       "                0\n",
        "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\",\n",
-       "            \"stack\": \"continent\"\n",
+       "            \"name\": \"Europe\"\n",
        "        },\n",
        "        {\n",
+       "            \"type\": \"bar\",\n",
+       "            \"stack\": \"continent\",\n",
        "            \"data\": [\n",
-       "                1,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
-       "                2,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
-       "                1,\n",
-       "                1,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
        "                0,\n",
-       "                1,\n",
-       "                1,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
@@ -1414,17 +1516,13 @@
        "                0,\n",
        "                0,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
@@ -1437,7 +1535,6 @@
        "                0,\n",
        "                0,\n",
        "                0,\n",
-       "                2,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
@@ -1447,7 +1544,6 @@
        "                0,\n",
        "                0,\n",
        "                0,\n",
-       "                2,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
@@ -1458,9 +1554,7 @@
        "                0,\n",
        "                0,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
-       "                1,\n",
        "                0,\n",
        "                0,\n",
        "                0,\n",
@@ -1469,135 +1563,39 @@
        "                0,\n",
        "                0,\n",
        "                0,\n",
-       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                2,\n",
+       "                0,\n",
+       "                2,\n",
+       "                3,\n",
+       "                3,\n",
        "                1,\n",
        "                0,\n",
+       "                1,\n",
+       "                2,\n",
+       "                1,\n",
        "                0,\n",
        "                0,\n",
+       "                2,\n",
        "                0,\n",
+       "                2,\n",
        "                0,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
        "                0,\n",
-       "                1\n",
+       "                0\n",
        "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Oceania\",\n",
-       "            \"stack\": \"continent\"\n",
+       "            \"name\": \"Oceania\"\n",
        "        }\n",
        "    ],\n",
-       "    \"tooltip\": {\n",
-       "        \"trigger\": \"axis\",\n",
-       "        \"fontStyle\": \"normal\",\n",
-       "        \"fontSize\": 14,\n",
-       "        \"fontFamily\": \"sans-serif\",\n",
-       "        \"triggerOn\": \"mousemove\",\n",
-       "        \"axisPointer\": {\n",
-       "            \"type\": \"shadow\"\n",
-       "        }\n",
-       "    },\n",
-       "    \"xAxis\": {\n",
-       "        \"data\": [\n",
-       "            69,\n",
-       "            69,\n",
-       "            69,\n",
-       "            69,\n",
-       "            69,\n",
-       "            69,\n",
-       "            69,\n",
-       "            69,\n",
-       "            70,\n",
-       "            70,\n",
-       "            70,\n",
-       "            70,\n",
-       "            70,\n",
-       "            70,\n",
-       "            70,\n",
-       "            70,\n",
-       "            71,\n",
-       "            71,\n",
-       "            71,\n",
-       "            71,\n",
-       "            71,\n",
-       "            71,\n",
-       "            71,\n",
-       "            71,\n",
-       "            72,\n",
-       "            72,\n",
-       "            72,\n",
-       "            72,\n",
-       "            72,\n",
-       "            72,\n",
-       "            72,\n",
-       "            72,\n",
-       "            72,\n",
-       "            73,\n",
-       "            73,\n",
-       "            73,\n",
-       "            73,\n",
-       "            73,\n",
-       "            73,\n",
-       "            73,\n",
-       "            73,\n",
-       "            74,\n",
-       "            74,\n",
-       "            74,\n",
-       "            74,\n",
-       "            74,\n",
-       "            74,\n",
-       "            74,\n",
-       "            74,\n",
-       "            75,\n",
-       "            75,\n",
-       "            75,\n",
-       "            75,\n",
-       "            75,\n",
-       "            75,\n",
-       "            75,\n",
-       "            75,\n",
-       "            76,\n",
-       "            76,\n",
-       "            76,\n",
-       "            76,\n",
-       "            76,\n",
-       "            76,\n",
-       "            76,\n",
-       "            76,\n",
-       "            76,\n",
-       "            77,\n",
-       "            77,\n",
-       "            77,\n",
-       "            77,\n",
-       "            77,\n",
-       "            77,\n",
-       "            77,\n",
-       "            77,\n",
-       "            78,\n",
-       "            78,\n",
-       "            78,\n",
-       "            78,\n",
-       "            78,\n",
-       "            78,\n",
-       "            78,\n",
-       "            78,\n",
-       "            79,\n",
-       "            79,\n",
-       "            79,\n",
-       "            79,\n",
-       "            79,\n",
-       "            79,\n",
-       "            79,\n",
-       "            79,\n",
-       "            80,\n",
-       "            80,\n",
-       "            80,\n",
-       "            80,\n",
-       "            80,\n",
-       "            80,\n",
-       "            80,\n",
-       "            80,\n",
-       "            80,\n",
-       "            81,\n",
-       "            81\n",
-       "        ]\n",
+       "    \"title\": {\n",
+       "        \"text\": \"\"\n",
        "    },\n",
        "    \"legend\": {\n",
        "        \"data\": [\n",
@@ -1608,7 +1606,16 @@
        "            \"Oceania\"\n",
        "        ]\n",
        "    },\n",
-       "    \"yAxis\": {}\n",
+       "    \"tooltip\": {\n",
+       "        \"fontStyle\": \"normal\",\n",
+       "        \"triggerOn\": \"mousemove\",\n",
+       "        \"axisPointer\": {\n",
+       "            \"type\": \"shadow\"\n",
+       "        },\n",
+       "        \"trigger\": \"axis\",\n",
+       "        \"fontSize\": 14,\n",
+       "        \"fontFamily\": \"sans-serif\"\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -1618,16 +1625,16 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x107005240>"
+       "<krisk.chart.Chart at 0x106760710>"
       ]
      },
-     "execution_count": 9,
+     "execution_count": 10,
      "metadata": {},
      "output_type": "execute_result"
     }
    ],
    "source": [
-    "p = (kk.hist(df,x='lifeExp',category='continent',stacked=True,bins=100))\n",
+    "p = (kk.hist(df,x='lifeExp',c='continent',stacked=True,bins=100))\n",
     "p.set_tooltip_style(trigger='axis',axis_pointer='shadow')\n",
     "p.set_theme('vintage')"
    ]
@@ -1641,7 +1648,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 10,
+   "execution_count": 11,
    "metadata": {
     "collapsed": false
    },
@@ -1650,8 +1657,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#22b45fdb-7632-4501-9d94-bd643af6468e').attr('id','22b45fdb-7632-4501-9d94-bd643af6468e'+'_old');\n",
-       "element.append('<div id=\"22b45fdb-7632-4501-9d94-bd643af6468e\" style=\"width: 1000px;height:500px;\"></div>');\n",
+       "$('#63aab6de-0759-45ed-8abc-f5e2bb842534').attr('id','63aab6de-0759-45ed-8abc-f5e2bb842534'+'_old');\n",
+       "element.append('<div id=\"63aab6de-0759-45ed-8abc-f5e2bb842534\" style=\"width: 1000px;height:500px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -1659,16 +1666,43 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"22b45fdb-7632-4501-9d94-bd643af6468e\"),\"dark\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"63aab6de-0759-45ed-8abc-f5e2bb842534\"),\"dark\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"title\": {\n",
-       "        \"left\": \"center\",\n",
-       "        \"top\": \"5%\",\n",
-       "        \"text\": \"GapMinder of 2007\"\n",
+       "    \"toolbox\": {\n",
+       "        \"orient\": \"horizontal\",\n",
+       "        \"bottom\": \"auto\",\n",
+       "        \"left\": \"auto\",\n",
+       "        \"align\": \"auto\",\n",
+       "        \"feature\": {\n",
+       "            \"dataZoom\": {\n",
+       "                \"title\": \"Zoom\",\n",
+       "                \"show\": true\n",
+       "            },\n",
+       "            \"restore\": {\n",
+       "                \"title\": \"Reset\",\n",
+       "                \"show\": true\n",
+       "            },\n",
+       "            \"saveAsImage\": {\n",
+       "                \"title\": \"Download as Image\",\n",
+       "                \"type\": \"png\",\n",
+       "                \"show\": true\n",
+       "            }\n",
+       "        }\n",
+       "    },\n",
+       "    \"yAxis\": {\n",
+       "        \"max\": 49357,\n",
+       "        \"type\": \"value\",\n",
+       "        \"name\": \"gdpPercap\"\n",
+       "    },\n",
+       "    \"xAxis\": {\n",
+       "        \"max\": 82,\n",
+       "        \"type\": \"value\",\n",
+       "        \"name\": \"lifeExp\"\n",
        "    },\n",
        "    \"series\": [\n",
        "        {\n",
+       "            \"type\": \"scatter\",\n",
        "            \"data\": [\n",
        "                [\n",
        "                    72.301,\n",
@@ -2087,10 +2121,10 @@
        "                    2007\n",
        "                ]\n",
        "            ],\n",
-       "            \"type\": \"scatter\",\n",
        "            \"name\": \"Africa\"\n",
        "        },\n",
        "        {\n",
+       "            \"type\": \"scatter\",\n",
        "            \"data\": [\n",
        "                [\n",
        "                    75.32,\n",
@@ -2293,10 +2327,10 @@
        "                    2007\n",
        "                ]\n",
        "            ],\n",
-       "            \"type\": \"scatter\",\n",
        "            \"name\": \"Americas\"\n",
        "        },\n",
        "        {\n",
+       "            \"type\": \"scatter\",\n",
        "            \"data\": [\n",
        "                [\n",
        "                    43.828,\n",
@@ -2563,10 +2597,10 @@
        "                    2007\n",
        "                ]\n",
        "            ],\n",
-       "            \"type\": \"scatter\",\n",
        "            \"name\": \"Asia\"\n",
        "        },\n",
        "        {\n",
+       "            \"type\": \"scatter\",\n",
        "            \"data\": [\n",
        "                [\n",
        "                    76.423,\n",
@@ -2809,10 +2843,10 @@
        "                    2007\n",
        "                ]\n",
        "            ],\n",
-       "            \"type\": \"scatter\",\n",
        "            \"name\": \"Europe\"\n",
        "        },\n",
        "        {\n",
+       "            \"type\": \"scatter\",\n",
        "            \"data\": [\n",
        "                [\n",
        "                    81.235,\n",
@@ -2831,43 +2865,18 @@
        "                    2007\n",
        "                ]\n",
        "            ],\n",
-       "            \"type\": \"scatter\",\n",
        "            \"name\": \"Oceania\"\n",
        "        }\n",
        "    ],\n",
-       "    \"toolbox\": {\n",
-       "        \"feature\": {\n",
-       "            \"saveAsImage\": {\n",
-       "                \"title\": \"Download as Image\",\n",
-       "                \"show\": true,\n",
-       "                \"type\": \"png\"\n",
-       "            },\n",
-       "            \"restore\": {\n",
-       "                \"title\": \"Reset\",\n",
-       "                \"show\": true\n",
-       "            },\n",
-       "            \"dataZoom\": {\n",
-       "                \"title\": \"Zoom\",\n",
-       "                \"show\": true\n",
-       "            }\n",
-       "        },\n",
-       "        \"left\": \"auto\",\n",
-       "        \"align\": \"auto\",\n",
-       "        \"orient\": \"horizontal\",\n",
-       "        \"bottom\": \"auto\"\n",
-       "    },\n",
-       "    \"tooltip\": {\n",
-       "        \"formatter\": \"function (obj) {\\n                                    var value = obj.value;\\n                                    return 'country' + '\\uff1a' + value[4] + ' ' +'<br>'+'lifeExp' + '\\uff1a' + value[0] + ' ' +'<br>'+'gdpPercap' + '\\uff1a' + value[1] + ' ' +'<br>'+'pop' + '\\uff1a' + value[2] + ' ' +'<br>'+'continent' + '\\uff1a' + value[3] + ' ' +'<br>';\\n                                }\",\n",
-       "        \"axisPointer\": {\n",
-       "            \"type\": \"\"\n",
-       "        }\n",
-       "    },\n",
-       "    \"xAxis\": {\n",
-       "        \"max\": 82,\n",
-       "        \"type\": \"value\",\n",
-       "        \"name\": \"lifeExp\"\n",
+       "    \"title\": {\n",
+       "        \"left\": \"center\",\n",
+       "        \"text\": \"GapMinder of 2007\",\n",
+       "        \"top\": \"5%\"\n",
        "    },\n",
        "    \"legend\": {\n",
+       "        \"orient\": \"vertical\",\n",
+       "        \"top\": \"3%\",\n",
+       "        \"align\": \"auto\",\n",
        "        \"data\": [\n",
        "            \"Africa\",\n",
        "            \"Americas\",\n",
@@ -2875,18 +2884,13 @@
        "            \"Europe\",\n",
        "            \"Oceania\"\n",
        "        ],\n",
-       "        \"orient\": \"vertical\",\n",
-       "        \"right\": \"1%\",\n",
-       "        \"top\": \"3%\",\n",
-       "        \"align\": \"auto\"\n",
-       "    },\n",
-       "    \"yAxis\": {\n",
-       "        \"max\": 49357,\n",
-       "        \"type\": \"value\",\n",
-       "        \"name\": \"gdpPercap\"\n",
+       "        \"right\": \"1%\"\n",
        "    },\n",
        "    \"visualMap\": [\n",
        "        {\n",
+       "            \"max\": 1318683096.0,\n",
+       "            \"precision\": 0.1,\n",
+       "            \"min\": 199579.0,\n",
        "            \"show\": false,\n",
        "            \"inRange\": {\n",
        "                \"symbolSize\": [\n",
@@ -2894,12 +2898,15 @@
        "                    70\n",
        "                ]\n",
        "            },\n",
-       "            \"dimension\": 2,\n",
-       "            \"max\": 1318683096.0,\n",
-       "            \"precision\": 0.1,\n",
-       "            \"min\": 199579.0\n",
+       "            \"dimension\": 2\n",
        "        }\n",
-       "    ]\n",
+       "    ],\n",
+       "    \"tooltip\": {\n",
+       "        \"axisPointer\": {\n",
+       "            \"type\": \"\"\n",
+       "        },\n",
+       "        \"formatter\": \"function (obj) {\\n                                    var value = obj.value;\\n                                    return 'country' + '\\uff1a' + value[4] + ' ' +'<br>'+'lifeExp' + '\\uff1a' + value[0] + ' ' +'<br>'+'gdpPercap' + '\\uff1a' + value[1] + ' ' +'<br>'+'pop' + '\\uff1a' + value[2] + ' ' +'<br>'+'continent' + '\\uff1a' + value[3] + ' ' +'<br>';\\n                                }\"\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -2909,16 +2916,16 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x107029080>"
+       "<krisk.chart.Chart at 0x1067b9a90>"
       ]
      },
-     "execution_count": 10,
+     "execution_count": 11,
      "metadata": {},
      "output_type": "execute_result"
     }
    ],
    "source": [
-    "p = kk.scatter(df[df.year == 2007],'lifeExp','gdpPercap',size='pop',category='continent')\n",
+    "p = kk.scatter(df[df.year == 2007],'lifeExp','gdpPercap',s='pop',c='continent')\n",
     "p.set_size(width=1000, height=500)\n",
     "p.set_tooltip_format(['country','lifeExp','gdpPercap','pop','continent'])\n",
     "p.set_theme('dark')\n",
diff --git a/notebooks/legend-title-toolbox.ipynb b/notebooks/legend-title-toolbox.ipynb
index 64ae87b..47506b1 100644
--- a/notebooks/legend-title-toolbox.ipynb
+++ b/notebooks/legend-title-toolbox.ipynb
@@ -102,8 +102,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#94b7122b-a264-453c-aeed-15b105b6030a').attr('id','94b7122b-a264-453c-aeed-15b105b6030a'+'_old');\n",
-       "element.append('<div id=\"94b7122b-a264-453c-aeed-15b105b6030a\" style=\"width: 800px;height:400px;\"></div>');\n",
+       "$('#5156887a-9bf1-4b28-a050-fc4844b2be69').attr('id','5156887a-9bf1-4b28-a050-fc4844b2be69'+'_old');\n",
+       "element.append('<div id=\"5156887a-9bf1-4b28-a050-fc4844b2be69\" style=\"width: 800px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -111,9 +111,137 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"94b7122b-a264-453c-aeed-15b105b6030a\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"5156887a-9bf1-4b28-a050-fc4844b2be69\"),\"\");\n",
        "    \n",
        "    var option = {\n",
+       "    \"series\": [\n",
+       "        {\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                4570010,\n",
+       "                5093033,\n",
+       "                5702247,\n",
+       "                6447875,\n",
+       "                7305376,\n",
+       "                8328097,\n",
+       "                9602857,\n",
+       "                11054502,\n",
+       "                12674645,\n",
+       "                14304480,\n",
+       "                16033152,\n",
+       "                17875763\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                13806098,\n",
+       "                15478157,\n",
+       "                17330810,\n",
+       "                19229865,\n",
+       "                21175368,\n",
+       "                23122708,\n",
+       "                25211637,\n",
+       "                27310159,\n",
+       "                29570964,\n",
+       "                31876016,\n",
+       "                33990910,\n",
+       "                35954847\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                42283556,\n",
+       "                47356988,\n",
+       "                51404763,\n",
+       "                57747361,\n",
+       "                65180977,\n",
+       "                72257987,\n",
+       "                79095018,\n",
+       "                87006690,\n",
+       "                94948248,\n",
+       "                102523803,\n",
+       "                109145521,\n",
+       "                115513752\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                13937362,\n",
+       "                14596345,\n",
+       "                15345172,\n",
+       "                16039299,\n",
+       "                16687835,\n",
+       "                17238818,\n",
+       "                17708897,\n",
+       "                18103139,\n",
+       "                18604760,\n",
+       "                18964805,\n",
+       "                19274129,\n",
+       "                19536618\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                5343003,\n",
+       "                5970988,\n",
+       "                6641759,\n",
+       "                7300207,\n",
+       "                8053050,\n",
+       "                8619500,\n",
+       "                9197425,\n",
+       "                9787208,\n",
+       "                10459826,\n",
+       "                11120715,\n",
+       "                11727414,\n",
+       "                12274974\n",
+       "            ]\n",
+       "        }\n",
+       "    ],\n",
+       "    \"toolbox\": {\n",
+       "        \"orient\": \"horizontal\",\n",
+       "        \"feature\": {\n",
+       "            \"saveAsImage\": {\n",
+       "                \"show\": true,\n",
+       "                \"title\": \"Download as Image\",\n",
+       "                \"type\": \"png\"\n",
+       "            },\n",
+       "            \"restore\": {\n",
+       "                \"show\": true,\n",
+       "                \"title\": \"Reset\"\n",
+       "            },\n",
+       "            \"dataZoom\": {\n",
+       "                \"show\": false,\n",
+       "                \"title\": \"Zoom\"\n",
+       "            }\n",
+       "        },\n",
+       "        \"align\": \"auto\",\n",
+       "        \"bottom\": \"auto\",\n",
+       "        \"left\": \"auto\"\n",
+       "    },\n",
+       "    \"yAxis\": {},\n",
+       "    \"legend\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ]\n",
+       "    },\n",
+       "    \"title\": {\n",
+       "        \"text\": \"GapMinder Average Population Across Continent\",\n",
+       "        \"bottom\": \"auto\",\n",
+       "        \"left\": \"auto\"\n",
+       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
        "            1952,\n",
@@ -130,139 +258,11 @@
        "            2007\n",
        "        ]\n",
        "    },\n",
-       "    \"legend\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\",\n",
-       "            \"Oceania\"\n",
-       "        ]\n",
-       "    },\n",
        "    \"tooltip\": {\n",
        "        \"axisPointer\": {\n",
        "            \"type\": \"\"\n",
        "        }\n",
-       "    },\n",
-       "    \"yAxis\": {},\n",
-       "    \"title\": {\n",
-       "        \"text\": \"GapMinder Average Population Across Continent\",\n",
-       "        \"left\": \"auto\",\n",
-       "        \"bottom\": \"auto\"\n",
-       "    },\n",
-       "    \"toolbox\": {\n",
-       "        \"align\": \"auto\",\n",
-       "        \"bottom\": \"auto\",\n",
-       "        \"feature\": {\n",
-       "            \"saveAsImage\": {\n",
-       "                \"title\": \"Download as Image\",\n",
-       "                \"type\": \"png\",\n",
-       "                \"show\": true\n",
-       "            },\n",
-       "            \"restore\": {\n",
-       "                \"title\": \"Reset\",\n",
-       "                \"show\": true\n",
-       "            },\n",
-       "            \"dataZoom\": {\n",
-       "                \"title\": \"Zoom\",\n",
-       "                \"show\": false\n",
-       "            }\n",
-       "        },\n",
-       "        \"left\": \"auto\",\n",
-       "        \"orient\": \"horizontal\"\n",
-       "    },\n",
-       "    \"series\": [\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                4570009.635,\n",
-       "                5093033.423,\n",
-       "                5702247.404,\n",
-       "                6447874.788,\n",
-       "                7305375.788,\n",
-       "                8328096.558,\n",
-       "                9602857.442,\n",
-       "                11054502.115,\n",
-       "                12674644.558,\n",
-       "                14304480.462,\n",
-       "                16033152.231,\n",
-       "                17875763.308\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                13806097.84,\n",
-       "                15478156.64,\n",
-       "                17330810.16,\n",
-       "                19229864.92,\n",
-       "                21175368.4,\n",
-       "                23122707.96,\n",
-       "                25211636.8,\n",
-       "                27310158.84,\n",
-       "                29570964.16,\n",
-       "                31876016.4,\n",
-       "                33990910.48,\n",
-       "                35954847.36\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                42283556.121,\n",
-       "                47356987.848,\n",
-       "                51404763.091,\n",
-       "                57747360.606,\n",
-       "                65180977.212,\n",
-       "                72257986.545,\n",
-       "                79095017.636,\n",
-       "                87006689.758,\n",
-       "                94948248.212,\n",
-       "                102523803.03,\n",
-       "                109145521.303,\n",
-       "                115513752.333\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                13937361.533,\n",
-       "                14596345.033,\n",
-       "                15345171.833,\n",
-       "                16039298.6,\n",
-       "                16687835.3,\n",
-       "                17238817.7,\n",
-       "                17708896.7,\n",
-       "                18103138.667,\n",
-       "                18604759.9,\n",
-       "                18964804.933,\n",
-       "                19274128.967,\n",
-       "                19536617.633\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                5343003.0,\n",
-       "                5970988.0,\n",
-       "                6641759.0,\n",
-       "                7300207.0,\n",
-       "                8053050.0,\n",
-       "                8619500.0,\n",
-       "                9197425.0,\n",
-       "                9787207.5,\n",
-       "                10459825.5,\n",
-       "                11120715.0,\n",
-       "                11727414.5,\n",
-       "                12274973.5\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Oceania\"\n",
-       "        }\n",
-       "    ]\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -272,7 +272,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x106746d68>"
+       "<krisk.chart.Chart at 0x106858cc0>"
       ]
      },
      "execution_count": 4,
@@ -281,7 +281,7 @@
     }
    ],
    "source": [
-    "p = kk.bar(df,'year',y='pop',how='mean',category='continent')\n",
+    "p = kk.bar(df,'year',y='pop',how='mean',c='continent')\n",
     "p.set_size(width=800)\n",
     "p.set_title('GapMinder Average Population Across Continent')\n",
     "p.set_toolbox(save_format='png',restore=True)"
@@ -305,8 +305,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#a771ab53-5779-4227-b875-80e8382410b1').attr('id','a771ab53-5779-4227-b875-80e8382410b1'+'_old');\n",
-       "element.append('<div id=\"a771ab53-5779-4227-b875-80e8382410b1\" style=\"width: 800px;height:400px;\"></div>');\n",
+       "$('#16c6943e-43a5-4410-9c71-7a44ade43b48').attr('id','16c6943e-43a5-4410-9c71-7a44ade43b48'+'_old');\n",
+       "element.append('<div id=\"16c6943e-43a5-4410-9c71-7a44ade43b48\" style=\"width: 800px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -314,9 +314,138 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"a771ab53-5779-4227-b875-80e8382410b1\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"16c6943e-43a5-4410-9c71-7a44ade43b48\"),\"\");\n",
        "    \n",
        "    var option = {\n",
+       "    \"series\": [\n",
+       "        {\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                4570010,\n",
+       "                5093033,\n",
+       "                5702247,\n",
+       "                6447875,\n",
+       "                7305376,\n",
+       "                8328097,\n",
+       "                9602857,\n",
+       "                11054502,\n",
+       "                12674645,\n",
+       "                14304480,\n",
+       "                16033152,\n",
+       "                17875763\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                13806098,\n",
+       "                15478157,\n",
+       "                17330810,\n",
+       "                19229865,\n",
+       "                21175368,\n",
+       "                23122708,\n",
+       "                25211637,\n",
+       "                27310159,\n",
+       "                29570964,\n",
+       "                31876016,\n",
+       "                33990910,\n",
+       "                35954847\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                42283556,\n",
+       "                47356988,\n",
+       "                51404763,\n",
+       "                57747361,\n",
+       "                65180977,\n",
+       "                72257987,\n",
+       "                79095018,\n",
+       "                87006690,\n",
+       "                94948248,\n",
+       "                102523803,\n",
+       "                109145521,\n",
+       "                115513752\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                13937362,\n",
+       "                14596345,\n",
+       "                15345172,\n",
+       "                16039299,\n",
+       "                16687835,\n",
+       "                17238818,\n",
+       "                17708897,\n",
+       "                18103139,\n",
+       "                18604760,\n",
+       "                18964805,\n",
+       "                19274129,\n",
+       "                19536618\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                5343003,\n",
+       "                5970988,\n",
+       "                6641759,\n",
+       "                7300207,\n",
+       "                8053050,\n",
+       "                8619500,\n",
+       "                9197425,\n",
+       "                9787208,\n",
+       "                10459826,\n",
+       "                11120715,\n",
+       "                11727414,\n",
+       "                12274974\n",
+       "            ]\n",
+       "        }\n",
+       "    ],\n",
+       "    \"toolbox\": {\n",
+       "        \"orient\": \"horizontal\",\n",
+       "        \"feature\": {\n",
+       "            \"saveAsImage\": {\n",
+       "                \"show\": true,\n",
+       "                \"title\": \"Download as Image\",\n",
+       "                \"type\": \"png\"\n",
+       "            },\n",
+       "            \"restore\": {\n",
+       "                \"show\": true,\n",
+       "                \"title\": \"Reset\"\n",
+       "            },\n",
+       "            \"dataZoom\": {\n",
+       "                \"show\": false,\n",
+       "                \"title\": \"Zoom\"\n",
+       "            }\n",
+       "        },\n",
+       "        \"align\": \"auto\",\n",
+       "        \"bottom\": \"auto\",\n",
+       "        \"left\": \"auto\"\n",
+       "    },\n",
+       "    \"yAxis\": {},\n",
+       "    \"legend\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ]\n",
+       "    },\n",
+       "    \"title\": {\n",
+       "        \"top\": \"7%\",\n",
+       "        \"text\": \"GapMinder Average Population Across Continent\",\n",
+       "        \"bottom\": \"auto\",\n",
+       "        \"left\": \"auto\"\n",
+       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
        "            1952,\n",
@@ -333,140 +462,11 @@
        "            2007\n",
        "        ]\n",
        "    },\n",
-       "    \"legend\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\",\n",
-       "            \"Oceania\"\n",
-       "        ]\n",
-       "    },\n",
        "    \"tooltip\": {\n",
        "        \"axisPointer\": {\n",
        "            \"type\": \"\"\n",
        "        }\n",
-       "    },\n",
-       "    \"yAxis\": {},\n",
-       "    \"title\": {\n",
-       "        \"text\": \"GapMinder Average Population Across Continent\",\n",
-       "        \"left\": \"auto\",\n",
-       "        \"bottom\": \"auto\",\n",
-       "        \"top\": \"7%\"\n",
-       "    },\n",
-       "    \"toolbox\": {\n",
-       "        \"align\": \"auto\",\n",
-       "        \"bottom\": \"auto\",\n",
-       "        \"feature\": {\n",
-       "            \"saveAsImage\": {\n",
-       "                \"title\": \"Download as Image\",\n",
-       "                \"type\": \"png\",\n",
-       "                \"show\": true\n",
-       "            },\n",
-       "            \"restore\": {\n",
-       "                \"title\": \"Reset\",\n",
-       "                \"show\": true\n",
-       "            },\n",
-       "            \"dataZoom\": {\n",
-       "                \"title\": \"Zoom\",\n",
-       "                \"show\": false\n",
-       "            }\n",
-       "        },\n",
-       "        \"left\": \"auto\",\n",
-       "        \"orient\": \"horizontal\"\n",
-       "    },\n",
-       "    \"series\": [\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                4570009.635,\n",
-       "                5093033.423,\n",
-       "                5702247.404,\n",
-       "                6447874.788,\n",
-       "                7305375.788,\n",
-       "                8328096.558,\n",
-       "                9602857.442,\n",
-       "                11054502.115,\n",
-       "                12674644.558,\n",
-       "                14304480.462,\n",
-       "                16033152.231,\n",
-       "                17875763.308\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                13806097.84,\n",
-       "                15478156.64,\n",
-       "                17330810.16,\n",
-       "                19229864.92,\n",
-       "                21175368.4,\n",
-       "                23122707.96,\n",
-       "                25211636.8,\n",
-       "                27310158.84,\n",
-       "                29570964.16,\n",
-       "                31876016.4,\n",
-       "                33990910.48,\n",
-       "                35954847.36\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                42283556.121,\n",
-       "                47356987.848,\n",
-       "                51404763.091,\n",
-       "                57747360.606,\n",
-       "                65180977.212,\n",
-       "                72257986.545,\n",
-       "                79095017.636,\n",
-       "                87006689.758,\n",
-       "                94948248.212,\n",
-       "                102523803.03,\n",
-       "                109145521.303,\n",
-       "                115513752.333\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                13937361.533,\n",
-       "                14596345.033,\n",
-       "                15345171.833,\n",
-       "                16039298.6,\n",
-       "                16687835.3,\n",
-       "                17238817.7,\n",
-       "                17708896.7,\n",
-       "                18103138.667,\n",
-       "                18604759.9,\n",
-       "                18964804.933,\n",
-       "                19274128.967,\n",
-       "                19536617.633\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                5343003.0,\n",
-       "                5970988.0,\n",
-       "                6641759.0,\n",
-       "                7300207.0,\n",
-       "                8053050.0,\n",
-       "                8619500.0,\n",
-       "                9197425.0,\n",
-       "                9787207.5,\n",
-       "                10459825.5,\n",
-       "                11120715.0,\n",
-       "                11727414.5,\n",
-       "                12274973.5\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Oceania\"\n",
-       "        }\n",
-       "    ]\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -476,7 +476,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x106746400>"
+       "<krisk.chart.Chart at 0x1068580b8>"
       ]
      },
      "execution_count": 5,
@@ -523,8 +523,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#3b624e51-9604-4241-8d69-862dc0453f03').attr('id','3b624e51-9604-4241-8d69-862dc0453f03'+'_old');\n",
-       "element.append('<div id=\"3b624e51-9604-4241-8d69-862dc0453f03\" style=\"width: 800px;height:400px;\"></div>');\n",
+       "$('#cc166926-f8d3-42fc-aa58-888075c77f0c').attr('id','cc166926-f8d3-42fc-aa58-888075c77f0c'+'_old');\n",
+       "element.append('<div id=\"cc166926-f8d3-42fc-aa58-888075c77f0c\" style=\"width: 800px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -532,163 +532,163 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"3b624e51-9604-4241-8d69-862dc0453f03\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"cc166926-f8d3-42fc-aa58-888075c77f0c\"),\"\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"xAxis\": {\n",
-       "        \"data\": [\n",
-       "            1952,\n",
-       "            1957,\n",
-       "            1962,\n",
-       "            1967,\n",
-       "            1972,\n",
-       "            1977,\n",
-       "            1982,\n",
-       "            1987,\n",
-       "            1992,\n",
-       "            1997,\n",
-       "            2002,\n",
-       "            2007\n",
-       "        ]\n",
-       "    },\n",
-       "    \"legend\": {\n",
-       "        \"align\": \"auto\",\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\",\n",
-       "            \"Oceania\"\n",
-       "        ],\n",
-       "        \"left\": \"12%\",\n",
-       "        \"orient\": \"vertical\",\n",
-       "        \"top\": \"16%\"\n",
-       "    },\n",
-       "    \"tooltip\": {\n",
-       "        \"axisPointer\": {\n",
-       "            \"type\": \"\"\n",
-       "        }\n",
-       "    },\n",
-       "    \"yAxis\": {},\n",
-       "    \"title\": {\n",
-       "        \"text\": \"GapMinder Average Population Across Continent\",\n",
-       "        \"left\": \"auto\",\n",
-       "        \"bottom\": \"auto\",\n",
-       "        \"top\": \"7%\"\n",
-       "    },\n",
-       "    \"toolbox\": {\n",
-       "        \"align\": \"auto\",\n",
-       "        \"bottom\": \"auto\",\n",
-       "        \"feature\": {\n",
-       "            \"saveAsImage\": {\n",
-       "                \"title\": \"Download as Image\",\n",
-       "                \"type\": \"png\",\n",
-       "                \"show\": true\n",
-       "            },\n",
-       "            \"restore\": {\n",
-       "                \"title\": \"Reset\",\n",
-       "                \"show\": true\n",
-       "            },\n",
-       "            \"dataZoom\": {\n",
-       "                \"title\": \"Zoom\",\n",
-       "                \"show\": false\n",
-       "            }\n",
-       "        },\n",
-       "        \"left\": \"auto\",\n",
-       "        \"orient\": \"horizontal\"\n",
-       "    },\n",
        "    \"series\": [\n",
        "        {\n",
-       "            \"data\": [\n",
-       "                4570009.635,\n",
-       "                5093033.423,\n",
-       "                5702247.404,\n",
-       "                6447874.788,\n",
-       "                7305375.788,\n",
-       "                8328096.558,\n",
-       "                9602857.442,\n",
-       "                11054502.115,\n",
-       "                12674644.558,\n",
-       "                14304480.462,\n",
-       "                16033152.231,\n",
-       "                17875763.308\n",
-       "            ],\n",
+       "            \"name\": \"Africa\",\n",
        "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
+       "            \"data\": [\n",
+       "                4570010,\n",
+       "                5093033,\n",
+       "                5702247,\n",
+       "                6447875,\n",
+       "                7305376,\n",
+       "                8328097,\n",
+       "                9602857,\n",
+       "                11054502,\n",
+       "                12674645,\n",
+       "                14304480,\n",
+       "                16033152,\n",
+       "                17875763\n",
+       "            ]\n",
        "        },\n",
        "        {\n",
-       "            \"data\": [\n",
-       "                13806097.84,\n",
-       "                15478156.64,\n",
-       "                17330810.16,\n",
-       "                19229864.92,\n",
-       "                21175368.4,\n",
-       "                23122707.96,\n",
-       "                25211636.8,\n",
-       "                27310158.84,\n",
-       "                29570964.16,\n",
-       "                31876016.4,\n",
-       "                33990910.48,\n",
-       "                35954847.36\n",
-       "            ],\n",
+       "            \"name\": \"Americas\",\n",
        "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
+       "            \"data\": [\n",
+       "                13806098,\n",
+       "                15478157,\n",
+       "                17330810,\n",
+       "                19229865,\n",
+       "                21175368,\n",
+       "                23122708,\n",
+       "                25211637,\n",
+       "                27310159,\n",
+       "                29570964,\n",
+       "                31876016,\n",
+       "                33990910,\n",
+       "                35954847\n",
+       "            ]\n",
        "        },\n",
        "        {\n",
-       "            \"data\": [\n",
-       "                42283556.121,\n",
-       "                47356987.848,\n",
-       "                51404763.091,\n",
-       "                57747360.606,\n",
-       "                65180977.212,\n",
-       "                72257986.545,\n",
-       "                79095017.636,\n",
-       "                87006689.758,\n",
-       "                94948248.212,\n",
-       "                102523803.03,\n",
-       "                109145521.303,\n",
-       "                115513752.333\n",
-       "            ],\n",
+       "            \"name\": \"Asia\",\n",
        "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
+       "            \"data\": [\n",
+       "                42283556,\n",
+       "                47356988,\n",
+       "                51404763,\n",
+       "                57747361,\n",
+       "                65180977,\n",
+       "                72257987,\n",
+       "                79095018,\n",
+       "                87006690,\n",
+       "                94948248,\n",
+       "                102523803,\n",
+       "                109145521,\n",
+       "                115513752\n",
+       "            ]\n",
        "        },\n",
        "        {\n",
-       "            \"data\": [\n",
-       "                13937361.533,\n",
-       "                14596345.033,\n",
-       "                15345171.833,\n",
-       "                16039298.6,\n",
-       "                16687835.3,\n",
-       "                17238817.7,\n",
-       "                17708896.7,\n",
-       "                18103138.667,\n",
-       "                18604759.9,\n",
-       "                18964804.933,\n",
-       "                19274128.967,\n",
-       "                19536617.633\n",
-       "            ],\n",
+       "            \"name\": \"Europe\",\n",
        "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
+       "            \"data\": [\n",
+       "                13937362,\n",
+       "                14596345,\n",
+       "                15345172,\n",
+       "                16039299,\n",
+       "                16687835,\n",
+       "                17238818,\n",
+       "                17708897,\n",
+       "                18103139,\n",
+       "                18604760,\n",
+       "                18964805,\n",
+       "                19274129,\n",
+       "                19536618\n",
+       "            ]\n",
        "        },\n",
        "        {\n",
-       "            \"data\": [\n",
-       "                5343003.0,\n",
-       "                5970988.0,\n",
-       "                6641759.0,\n",
-       "                7300207.0,\n",
-       "                8053050.0,\n",
-       "                8619500.0,\n",
-       "                9197425.0,\n",
-       "                9787207.5,\n",
-       "                10459825.5,\n",
-       "                11120715.0,\n",
-       "                11727414.5,\n",
-       "                12274973.5\n",
-       "            ],\n",
+       "            \"name\": \"Oceania\",\n",
        "            \"type\": \"bar\",\n",
-       "            \"name\": \"Oceania\"\n",
+       "            \"data\": [\n",
+       "                5343003,\n",
+       "                5970988,\n",
+       "                6641759,\n",
+       "                7300207,\n",
+       "                8053050,\n",
+       "                8619500,\n",
+       "                9197425,\n",
+       "                9787208,\n",
+       "                10459826,\n",
+       "                11120715,\n",
+       "                11727414,\n",
+       "                12274974\n",
+       "            ]\n",
        "        }\n",
-       "    ]\n",
+       "    ],\n",
+       "    \"toolbox\": {\n",
+       "        \"orient\": \"horizontal\",\n",
+       "        \"feature\": {\n",
+       "            \"saveAsImage\": {\n",
+       "                \"show\": true,\n",
+       "                \"title\": \"Download as Image\",\n",
+       "                \"type\": \"png\"\n",
+       "            },\n",
+       "            \"restore\": {\n",
+       "                \"show\": true,\n",
+       "                \"title\": \"Reset\"\n",
+       "            },\n",
+       "            \"dataZoom\": {\n",
+       "                \"show\": false,\n",
+       "                \"title\": \"Zoom\"\n",
+       "            }\n",
+       "        },\n",
+       "        \"align\": \"auto\",\n",
+       "        \"bottom\": \"auto\",\n",
+       "        \"left\": \"auto\"\n",
+       "    },\n",
+       "    \"yAxis\": {},\n",
+       "    \"legend\": {\n",
+       "        \"top\": \"16%\",\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ],\n",
+       "        \"align\": \"auto\",\n",
+       "        \"orient\": \"vertical\",\n",
+       "        \"left\": \"12%\"\n",
+       "    },\n",
+       "    \"title\": {\n",
+       "        \"top\": \"7%\",\n",
+       "        \"text\": \"GapMinder Average Population Across Continent\",\n",
+       "        \"bottom\": \"auto\",\n",
+       "        \"left\": \"auto\"\n",
+       "    },\n",
+       "    \"xAxis\": {\n",
+       "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
+       "            1972,\n",
+       "            1977,\n",
+       "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
+       "            1997,\n",
+       "            2002,\n",
+       "            2007\n",
+       "        ]\n",
+       "    },\n",
+       "    \"tooltip\": {\n",
+       "        \"axisPointer\": {\n",
+       "            \"type\": \"\"\n",
+       "        }\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -698,7 +698,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x106746630>"
+       "<krisk.chart.Chart at 0x106858390>"
       ]
      },
      "execution_count": 6,
@@ -778,7 +778,6 @@
       "    \n",
       "    Parameters\n",
       "    ----------\n",
-      "    \n",
       "    align: str, {'auto','left','right'}, default to 'auto'\n",
       "    orient: str, {'horizontal','vertical'} default to 'horizontal'\n",
       "    x_pos: str, {'auto', left', 'center', 'right', 'i%'}, default to 'auto'\n",
@@ -827,8 +826,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#ab0751f1-0ab2-4668-be72-5a98bbc07068').attr('id','ab0751f1-0ab2-4668-be72-5a98bbc07068'+'_old');\n",
-       "element.append('<div id=\"ab0751f1-0ab2-4668-be72-5a98bbc07068\" style=\"width: 800px;height:400px;\"></div>');\n",
+       "$('#de51a035-9a63-4069-aa06-7b34c21cf19d').attr('id','de51a035-9a63-4069-aa06-7b34c21cf19d'+'_old');\n",
+       "element.append('<div id=\"de51a035-9a63-4069-aa06-7b34c21cf19d\" style=\"width: 800px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -836,9 +835,142 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"ab0751f1-0ab2-4668-be72-5a98bbc07068\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"de51a035-9a63-4069-aa06-7b34c21cf19d\"),\"\");\n",
        "    \n",
        "    var option = {\n",
+       "    \"series\": [\n",
+       "        {\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                4570010,\n",
+       "                5093033,\n",
+       "                5702247,\n",
+       "                6447875,\n",
+       "                7305376,\n",
+       "                8328097,\n",
+       "                9602857,\n",
+       "                11054502,\n",
+       "                12674645,\n",
+       "                14304480,\n",
+       "                16033152,\n",
+       "                17875763\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                13806098,\n",
+       "                15478157,\n",
+       "                17330810,\n",
+       "                19229865,\n",
+       "                21175368,\n",
+       "                23122708,\n",
+       "                25211637,\n",
+       "                27310159,\n",
+       "                29570964,\n",
+       "                31876016,\n",
+       "                33990910,\n",
+       "                35954847\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                42283556,\n",
+       "                47356988,\n",
+       "                51404763,\n",
+       "                57747361,\n",
+       "                65180977,\n",
+       "                72257987,\n",
+       "                79095018,\n",
+       "                87006690,\n",
+       "                94948248,\n",
+       "                102523803,\n",
+       "                109145521,\n",
+       "                115513752\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                13937362,\n",
+       "                14596345,\n",
+       "                15345172,\n",
+       "                16039299,\n",
+       "                16687835,\n",
+       "                17238818,\n",
+       "                17708897,\n",
+       "                18103139,\n",
+       "                18604760,\n",
+       "                18964805,\n",
+       "                19274129,\n",
+       "                19536618\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                5343003,\n",
+       "                5970988,\n",
+       "                6641759,\n",
+       "                7300207,\n",
+       "                8053050,\n",
+       "                8619500,\n",
+       "                9197425,\n",
+       "                9787208,\n",
+       "                10459826,\n",
+       "                11120715,\n",
+       "                11727414,\n",
+       "                12274974\n",
+       "            ]\n",
+       "        }\n",
+       "    ],\n",
+       "    \"toolbox\": {\n",
+       "        \"orient\": \"horizontal\",\n",
+       "        \"feature\": {\n",
+       "            \"saveAsImage\": {\n",
+       "                \"show\": true,\n",
+       "                \"title\": \"Download as Image\",\n",
+       "                \"type\": \"png\"\n",
+       "            },\n",
+       "            \"restore\": {\n",
+       "                \"show\": true,\n",
+       "                \"title\": \"Reset\"\n",
+       "            },\n",
+       "            \"dataZoom\": {\n",
+       "                \"show\": true,\n",
+       "                \"title\": \"Zoom\"\n",
+       "            }\n",
+       "        },\n",
+       "        \"align\": \"auto\",\n",
+       "        \"bottom\": \"auto\",\n",
+       "        \"left\": \"auto\"\n",
+       "    },\n",
+       "    \"yAxis\": {},\n",
+       "    \"legend\": {\n",
+       "        \"top\": \"16%\",\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ],\n",
+       "        \"align\": \"auto\",\n",
+       "        \"orient\": \"vertical\",\n",
+       "        \"left\": \"12%\"\n",
+       "    },\n",
+       "    \"title\": {\n",
+       "        \"top\": \"7%\",\n",
+       "        \"text\": \"GapMinder Average Population Across Continent\",\n",
+       "        \"bottom\": \"auto\",\n",
+       "        \"left\": \"auto\"\n",
+       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
        "            1952,\n",
@@ -855,144 +987,11 @@
        "            2007\n",
        "        ]\n",
        "    },\n",
-       "    \"legend\": {\n",
-       "        \"align\": \"auto\",\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\",\n",
-       "            \"Oceania\"\n",
-       "        ],\n",
-       "        \"left\": \"12%\",\n",
-       "        \"orient\": \"vertical\",\n",
-       "        \"top\": \"16%\"\n",
-       "    },\n",
        "    \"tooltip\": {\n",
        "        \"axisPointer\": {\n",
        "            \"type\": \"\"\n",
        "        }\n",
-       "    },\n",
-       "    \"yAxis\": {},\n",
-       "    \"title\": {\n",
-       "        \"text\": \"GapMinder Average Population Across Continent\",\n",
-       "        \"left\": \"auto\",\n",
-       "        \"bottom\": \"auto\",\n",
-       "        \"top\": \"7%\"\n",
-       "    },\n",
-       "    \"toolbox\": {\n",
-       "        \"align\": \"auto\",\n",
-       "        \"bottom\": \"auto\",\n",
-       "        \"feature\": {\n",
-       "            \"saveAsImage\": {\n",
-       "                \"title\": \"Download as Image\",\n",
-       "                \"type\": \"png\",\n",
-       "                \"show\": true\n",
-       "            },\n",
-       "            \"restore\": {\n",
-       "                \"title\": \"Reset\",\n",
-       "                \"show\": true\n",
-       "            },\n",
-       "            \"dataZoom\": {\n",
-       "                \"title\": \"Zoom\",\n",
-       "                \"show\": true\n",
-       "            }\n",
-       "        },\n",
-       "        \"left\": \"auto\",\n",
-       "        \"orient\": \"horizontal\"\n",
-       "    },\n",
-       "    \"series\": [\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                4570009.635,\n",
-       "                5093033.423,\n",
-       "                5702247.404,\n",
-       "                6447874.788,\n",
-       "                7305375.788,\n",
-       "                8328096.558,\n",
-       "                9602857.442,\n",
-       "                11054502.115,\n",
-       "                12674644.558,\n",
-       "                14304480.462,\n",
-       "                16033152.231,\n",
-       "                17875763.308\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                13806097.84,\n",
-       "                15478156.64,\n",
-       "                17330810.16,\n",
-       "                19229864.92,\n",
-       "                21175368.4,\n",
-       "                23122707.96,\n",
-       "                25211636.8,\n",
-       "                27310158.84,\n",
-       "                29570964.16,\n",
-       "                31876016.4,\n",
-       "                33990910.48,\n",
-       "                35954847.36\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                42283556.121,\n",
-       "                47356987.848,\n",
-       "                51404763.091,\n",
-       "                57747360.606,\n",
-       "                65180977.212,\n",
-       "                72257986.545,\n",
-       "                79095017.636,\n",
-       "                87006689.758,\n",
-       "                94948248.212,\n",
-       "                102523803.03,\n",
-       "                109145521.303,\n",
-       "                115513752.333\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                13937361.533,\n",
-       "                14596345.033,\n",
-       "                15345171.833,\n",
-       "                16039298.6,\n",
-       "                16687835.3,\n",
-       "                17238817.7,\n",
-       "                17708896.7,\n",
-       "                18103138.667,\n",
-       "                18604759.9,\n",
-       "                18964804.933,\n",
-       "                19274128.967,\n",
-       "                19536617.633\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                5343003.0,\n",
-       "                5970988.0,\n",
-       "                6641759.0,\n",
-       "                7300207.0,\n",
-       "                8053050.0,\n",
-       "                8619500.0,\n",
-       "                9197425.0,\n",
-       "                9787207.5,\n",
-       "                10459825.5,\n",
-       "                11120715.0,\n",
-       "                11727414.5,\n",
-       "                12274973.5\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Oceania\"\n",
-       "        }\n",
-       "    ]\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -1002,7 +1001,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x106746748>"
+       "<krisk.chart.Chart at 0x106858cf8>"
       ]
      },
      "execution_count": 9,
@@ -1039,8 +1038,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#146dd336-6569-4a4b-932f-0b203ba39ead').attr('id','146dd336-6569-4a4b-932f-0b203ba39ead'+'_old');\n",
-       "element.append('<div id=\"146dd336-6569-4a4b-932f-0b203ba39ead\" style=\"width: 800px;height:400px;\"></div>');\n",
+       "$('#cab7e27d-a392-457b-8ee7-09d52f96ed8c').attr('id','cab7e27d-a392-457b-8ee7-09d52f96ed8c'+'_old');\n",
+       "element.append('<div id=\"cab7e27d-a392-457b-8ee7-09d52f96ed8c\" style=\"width: 800px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -1048,9 +1047,147 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"146dd336-6569-4a4b-932f-0b203ba39ead\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"cab7e27d-a392-457b-8ee7-09d52f96ed8c\"),\"\");\n",
        "    \n",
        "    var option = {\n",
+       "    \"series\": [\n",
+       "        {\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                4570010,\n",
+       "                5093033,\n",
+       "                5702247,\n",
+       "                6447875,\n",
+       "                7305376,\n",
+       "                8328097,\n",
+       "                9602857,\n",
+       "                11054502,\n",
+       "                12674645,\n",
+       "                14304480,\n",
+       "                16033152,\n",
+       "                17875763\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                13806098,\n",
+       "                15478157,\n",
+       "                17330810,\n",
+       "                19229865,\n",
+       "                21175368,\n",
+       "                23122708,\n",
+       "                25211637,\n",
+       "                27310159,\n",
+       "                29570964,\n",
+       "                31876016,\n",
+       "                33990910,\n",
+       "                35954847\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                42283556,\n",
+       "                47356988,\n",
+       "                51404763,\n",
+       "                57747361,\n",
+       "                65180977,\n",
+       "                72257987,\n",
+       "                79095018,\n",
+       "                87006690,\n",
+       "                94948248,\n",
+       "                102523803,\n",
+       "                109145521,\n",
+       "                115513752\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                13937362,\n",
+       "                14596345,\n",
+       "                15345172,\n",
+       "                16039299,\n",
+       "                16687835,\n",
+       "                17238818,\n",
+       "                17708897,\n",
+       "                18103139,\n",
+       "                18604760,\n",
+       "                18964805,\n",
+       "                19274129,\n",
+       "                19536618\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                5343003,\n",
+       "                5970988,\n",
+       "                6641759,\n",
+       "                7300207,\n",
+       "                8053050,\n",
+       "                8619500,\n",
+       "                9197425,\n",
+       "                9787208,\n",
+       "                10459826,\n",
+       "                11120715,\n",
+       "                11727414,\n",
+       "                12274974\n",
+       "            ]\n",
+       "        }\n",
+       "    ],\n",
+       "    \"toolbox\": {\n",
+       "        \"bottom\": \"auto\",\n",
+       "        \"feature\": {\n",
+       "            \"dataView\": {\n",
+       "                \"show\": true,\n",
+       "                \"readOnly\": false,\n",
+       "                \"title\": \"Table View\",\n",
+       "                \"lang\": [\n",
+       "                    \"Table View\",\n",
+       "                    \"Back\",\n",
+       "                    \"Modify\"\n",
+       "                ]\n",
+       "            },\n",
+       "            \"restore\": {\n",
+       "                \"show\": true,\n",
+       "                \"title\": \"Reset\"\n",
+       "            },\n",
+       "            \"dataZoom\": {\n",
+       "                \"show\": false,\n",
+       "                \"title\": \"Zoom\"\n",
+       "            }\n",
+       "        },\n",
+       "        \"align\": \"auto\",\n",
+       "        \"orient\": \"horizontal\",\n",
+       "        \"left\": \"auto\"\n",
+       "    },\n",
+       "    \"yAxis\": {},\n",
+       "    \"legend\": {\n",
+       "        \"top\": \"16%\",\n",
+       "        \"orient\": \"vertical\",\n",
+       "        \"align\": \"auto\",\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ],\n",
+       "        \"left\": \"12%\"\n",
+       "    },\n",
+       "    \"title\": {\n",
+       "        \"top\": \"7%\",\n",
+       "        \"text\": \"GapMinder Average Population Across Continent\",\n",
+       "        \"bottom\": \"auto\",\n",
+       "        \"left\": \"auto\"\n",
+       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
        "            1952,\n",
@@ -1067,149 +1204,11 @@
        "            2007\n",
        "        ]\n",
        "    },\n",
-       "    \"legend\": {\n",
-       "        \"align\": \"auto\",\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\",\n",
-       "            \"Oceania\"\n",
-       "        ],\n",
-       "        \"left\": \"12%\",\n",
-       "        \"top\": \"16%\",\n",
-       "        \"orient\": \"vertical\"\n",
-       "    },\n",
        "    \"tooltip\": {\n",
        "        \"axisPointer\": {\n",
        "            \"type\": \"\"\n",
        "        }\n",
-       "    },\n",
-       "    \"title\": {\n",
-       "        \"text\": \"GapMinder Average Population Across Continent\",\n",
-       "        \"left\": \"auto\",\n",
-       "        \"bottom\": \"auto\",\n",
-       "        \"top\": \"7%\"\n",
-       "    },\n",
-       "    \"yAxis\": {},\n",
-       "    \"toolbox\": {\n",
-       "        \"align\": \"auto\",\n",
-       "        \"bottom\": \"auto\",\n",
-       "        \"feature\": {\n",
-       "            \"dataZoom\": {\n",
-       "                \"show\": false,\n",
-       "                \"title\": \"Zoom\"\n",
-       "            },\n",
-       "            \"restore\": {\n",
-       "                \"show\": true,\n",
-       "                \"title\": \"Reset\"\n",
-       "            },\n",
-       "            \"dataView\": {\n",
-       "                \"lang\": [\n",
-       "                    \"Table View\",\n",
-       "                    \"Back\",\n",
-       "                    \"Modify\"\n",
-       "                ],\n",
-       "                \"show\": true,\n",
-       "                \"readOnly\": false,\n",
-       "                \"title\": \"Table View\"\n",
-       "            }\n",
-       "        },\n",
-       "        \"left\": \"auto\",\n",
-       "        \"orient\": \"horizontal\"\n",
-       "    },\n",
-       "    \"series\": [\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                4570009.635,\n",
-       "                5093033.423,\n",
-       "                5702247.404,\n",
-       "                6447874.788,\n",
-       "                7305375.788,\n",
-       "                8328096.558,\n",
-       "                9602857.442,\n",
-       "                11054502.115,\n",
-       "                12674644.558,\n",
-       "                14304480.462,\n",
-       "                16033152.231,\n",
-       "                17875763.308\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                13806097.84,\n",
-       "                15478156.64,\n",
-       "                17330810.16,\n",
-       "                19229864.92,\n",
-       "                21175368.4,\n",
-       "                23122707.96,\n",
-       "                25211636.8,\n",
-       "                27310158.84,\n",
-       "                29570964.16,\n",
-       "                31876016.4,\n",
-       "                33990910.48,\n",
-       "                35954847.36\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                42283556.121,\n",
-       "                47356987.848,\n",
-       "                51404763.091,\n",
-       "                57747360.606,\n",
-       "                65180977.212,\n",
-       "                72257986.545,\n",
-       "                79095017.636,\n",
-       "                87006689.758,\n",
-       "                94948248.212,\n",
-       "                102523803.03,\n",
-       "                109145521.303,\n",
-       "                115513752.333\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                13937361.533,\n",
-       "                14596345.033,\n",
-       "                15345171.833,\n",
-       "                16039298.6,\n",
-       "                16687835.3,\n",
-       "                17238817.7,\n",
-       "                17708896.7,\n",
-       "                18103138.667,\n",
-       "                18604759.9,\n",
-       "                18964804.933,\n",
-       "                19274128.967,\n",
-       "                19536617.633\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                5343003.0,\n",
-       "                5970988.0,\n",
-       "                6641759.0,\n",
-       "                7300207.0,\n",
-       "                8053050.0,\n",
-       "                8619500.0,\n",
-       "                9197425.0,\n",
-       "                9787207.5,\n",
-       "                10459825.5,\n",
-       "                11120715.0,\n",
-       "                11727414.5,\n",
-       "                12274973.5\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Oceania\"\n",
-       "        }\n",
-       "    ]\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -1219,7 +1218,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x106746978>"
+       "<krisk.chart.Chart at 0x106858630>"
       ]
      },
      "execution_count": 10,
@@ -1257,8 +1256,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#9d6d791b-d5b6-4774-b514-c8ba01bb247e').attr('id','9d6d791b-d5b6-4774-b514-c8ba01bb247e'+'_old');\n",
-       "element.append('<div id=\"9d6d791b-d5b6-4774-b514-c8ba01bb247e\" style=\"width: 800px;height:400px;\"></div>');\n",
+       "$('#de5a7cd8-7b69-4645-a044-c1f27610e3ce').attr('id','de5a7cd8-7b69-4645-a044-c1f27610e3ce'+'_old');\n",
+       "element.append('<div id=\"de5a7cd8-7b69-4645-a044-c1f27610e3ce\" style=\"width: 800px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -1266,9 +1265,145 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"9d6d791b-d5b6-4774-b514-c8ba01bb247e\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"de5a7cd8-7b69-4645-a044-c1f27610e3ce\"),\"\");\n",
        "    \n",
        "    var option = {\n",
+       "    \"series\": [\n",
+       "        {\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                4570010,\n",
+       "                5093033,\n",
+       "                5702247,\n",
+       "                6447875,\n",
+       "                7305376,\n",
+       "                8328097,\n",
+       "                9602857,\n",
+       "                11054502,\n",
+       "                12674645,\n",
+       "                14304480,\n",
+       "                16033152,\n",
+       "                17875763\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                13806098,\n",
+       "                15478157,\n",
+       "                17330810,\n",
+       "                19229865,\n",
+       "                21175368,\n",
+       "                23122708,\n",
+       "                25211637,\n",
+       "                27310159,\n",
+       "                29570964,\n",
+       "                31876016,\n",
+       "                33990910,\n",
+       "                35954847\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                42283556,\n",
+       "                47356988,\n",
+       "                51404763,\n",
+       "                57747361,\n",
+       "                65180977,\n",
+       "                72257987,\n",
+       "                79095018,\n",
+       "                87006690,\n",
+       "                94948248,\n",
+       "                102523803,\n",
+       "                109145521,\n",
+       "                115513752\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                13937362,\n",
+       "                14596345,\n",
+       "                15345172,\n",
+       "                16039299,\n",
+       "                16687835,\n",
+       "                17238818,\n",
+       "                17708897,\n",
+       "                18103139,\n",
+       "                18604760,\n",
+       "                18964805,\n",
+       "                19274129,\n",
+       "                19536618\n",
+       "            ]\n",
+       "        },\n",
+       "        {\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\",\n",
+       "            \"data\": [\n",
+       "                5343003,\n",
+       "                5970988,\n",
+       "                6641759,\n",
+       "                7300207,\n",
+       "                8053050,\n",
+       "                8619500,\n",
+       "                9197425,\n",
+       "                9787208,\n",
+       "                10459826,\n",
+       "                11120715,\n",
+       "                11727414,\n",
+       "                12274974\n",
+       "            ]\n",
+       "        }\n",
+       "    ],\n",
+       "    \"toolbox\": {\n",
+       "        \"orient\": \"horizontal\",\n",
+       "        \"feature\": {\n",
+       "            \"magicType\": {\n",
+       "                \"show\": true,\n",
+       "                \"title\": \"Chart Options\",\n",
+       "                \"type\": [\n",
+       "                    \"line\",\n",
+       "                    \"bar\"\n",
+       "                ]\n",
+       "            },\n",
+       "            \"restore\": {\n",
+       "                \"show\": true,\n",
+       "                \"title\": \"Reset\"\n",
+       "            },\n",
+       "            \"dataZoom\": {\n",
+       "                \"show\": false,\n",
+       "                \"title\": \"Zoom\"\n",
+       "            }\n",
+       "        },\n",
+       "        \"align\": \"auto\",\n",
+       "        \"bottom\": \"auto\",\n",
+       "        \"left\": \"auto\"\n",
+       "    },\n",
+       "    \"yAxis\": {},\n",
+       "    \"legend\": {\n",
+       "        \"top\": \"16%\",\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ],\n",
+       "        \"align\": \"auto\",\n",
+       "        \"orient\": \"vertical\",\n",
+       "        \"left\": \"12%\"\n",
+       "    },\n",
+       "    \"title\": {\n",
+       "        \"top\": \"7%\",\n",
+       "        \"text\": \"GapMinder Average Population Across Continent\",\n",
+       "        \"bottom\": \"auto\",\n",
+       "        \"left\": \"auto\"\n",
+       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
        "            1952,\n",
@@ -1285,147 +1420,11 @@
        "            2007\n",
        "        ]\n",
        "    },\n",
-       "    \"legend\": {\n",
-       "        \"align\": \"auto\",\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\",\n",
-       "            \"Oceania\"\n",
-       "        ],\n",
-       "        \"left\": \"12%\",\n",
-       "        \"orient\": \"vertical\",\n",
-       "        \"top\": \"16%\"\n",
-       "    },\n",
        "    \"tooltip\": {\n",
        "        \"axisPointer\": {\n",
        "            \"type\": \"\"\n",
        "        }\n",
-       "    },\n",
-       "    \"yAxis\": {},\n",
-       "    \"title\": {\n",
-       "        \"text\": \"GapMinder Average Population Across Continent\",\n",
-       "        \"left\": \"auto\",\n",
-       "        \"bottom\": \"auto\",\n",
-       "        \"top\": \"7%\"\n",
-       "    },\n",
-       "    \"toolbox\": {\n",
-       "        \"align\": \"auto\",\n",
-       "        \"bottom\": \"auto\",\n",
-       "        \"feature\": {\n",
-       "            \"magicType\": {\n",
-       "                \"title\": \"Chart Options\",\n",
-       "                \"type\": [\n",
-       "                    \"line\",\n",
-       "                    \"bar\"\n",
-       "                ],\n",
-       "                \"show\": true\n",
-       "            },\n",
-       "            \"dataZoom\": {\n",
-       "                \"title\": \"Zoom\",\n",
-       "                \"show\": false\n",
-       "            },\n",
-       "            \"restore\": {\n",
-       "                \"title\": \"Reset\",\n",
-       "                \"show\": true\n",
-       "            }\n",
-       "        },\n",
-       "        \"left\": \"auto\",\n",
-       "        \"orient\": \"horizontal\"\n",
-       "    },\n",
-       "    \"series\": [\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                4570009.635,\n",
-       "                5093033.423,\n",
-       "                5702247.404,\n",
-       "                6447874.788,\n",
-       "                7305375.788,\n",
-       "                8328096.558,\n",
-       "                9602857.442,\n",
-       "                11054502.115,\n",
-       "                12674644.558,\n",
-       "                14304480.462,\n",
-       "                16033152.231,\n",
-       "                17875763.308\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                13806097.84,\n",
-       "                15478156.64,\n",
-       "                17330810.16,\n",
-       "                19229864.92,\n",
-       "                21175368.4,\n",
-       "                23122707.96,\n",
-       "                25211636.8,\n",
-       "                27310158.84,\n",
-       "                29570964.16,\n",
-       "                31876016.4,\n",
-       "                33990910.48,\n",
-       "                35954847.36\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                42283556.121,\n",
-       "                47356987.848,\n",
-       "                51404763.091,\n",
-       "                57747360.606,\n",
-       "                65180977.212,\n",
-       "                72257986.545,\n",
-       "                79095017.636,\n",
-       "                87006689.758,\n",
-       "                94948248.212,\n",
-       "                102523803.03,\n",
-       "                109145521.303,\n",
-       "                115513752.333\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                13937361.533,\n",
-       "                14596345.033,\n",
-       "                15345171.833,\n",
-       "                16039298.6,\n",
-       "                16687835.3,\n",
-       "                17238817.7,\n",
-       "                17708896.7,\n",
-       "                18103138.667,\n",
-       "                18604759.9,\n",
-       "                18964804.933,\n",
-       "                19274128.967,\n",
-       "                19536617.633\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
-       "        },\n",
-       "        {\n",
-       "            \"data\": [\n",
-       "                5343003.0,\n",
-       "                5970988.0,\n",
-       "                6641759.0,\n",
-       "                7300207.0,\n",
-       "                8053050.0,\n",
-       "                8619500.0,\n",
-       "                9197425.0,\n",
-       "                9787207.5,\n",
-       "                10459825.5,\n",
-       "                11120715.0,\n",
-       "                11727414.5,\n",
-       "                12274973.5\n",
-       "            ],\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Oceania\"\n",
-       "        }\n",
-       "    ]\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -1435,7 +1434,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x106746c18>"
+       "<krisk.chart.Chart at 0x1068586a0>"
       ]
      },
      "execution_count": 11,
diff --git a/notebooks/resync-reproducible.ipynb b/notebooks/resync-reproducible.ipynb
index cdeb6e8..e55050a 100644
--- a/notebooks/resync-reproducible.ipynb
+++ b/notebooks/resync-reproducible.ipynb
@@ -66,8 +66,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#ad4b9f2d-ae20-483b-a2cd-fb9ebe7e2e6d').attr('id','ad4b9f2d-ae20-483b-a2cd-fb9ebe7e2e6d'+'_old');\n",
-       "element.append('<div id=\"ad4b9f2d-ae20-483b-a2cd-fb9ebe7e2e6d\" style=\"width: 800px;height:400px;\"></div>');\n",
+       "$('#e067b491-63a2-4efc-8f72-680f0f3ea7b3').attr('id','e067b491-63a2-4efc-8f72-680f0f3ea7b3'+'_old');\n",
+       "element.append('<div id=\"e067b491-63a2-4efc-8f72-680f0f3ea7b3\" style=\"width: 800px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -75,17 +75,9 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"ad4b9f2d-ae20-483b-a2cd-fb9ebe7e2e6d\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"e067b491-63a2-4efc-8f72-680f0f3ea7b3\"),\"\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": []\n",
-       "    },\n",
-       "    \"tooltip\": {\n",
-       "        \"axisPointer\": {\n",
-       "            \"type\": \"\"\n",
-       "        }\n",
-       "    },\n",
        "    \"series\": [\n",
        "        {\n",
        "            \"data\": [\n",
@@ -99,10 +91,11 @@
        "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
-       "    \"title\": {\n",
-       "        \"text\": \"\"\n",
+       "    \"tooltip\": {\n",
+       "        \"axisPointer\": {\n",
+       "            \"type\": \"\"\n",
+       "        }\n",
        "    },\n",
-       "    \"yAxis\": {},\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
        "            \"Africa\",\n",
@@ -111,6 +104,13 @@
        "            \"Europe\",\n",
        "            \"Oceania\"\n",
        "        ]\n",
+       "    },\n",
+       "    \"legend\": {\n",
+       "        \"data\": []\n",
+       "    },\n",
+       "    \"yAxis\": {},\n",
+       "    \"title\": {\n",
+       "        \"text\": \"\"\n",
        "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
@@ -121,7 +121,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x106748748>"
+       "<krisk.chart.Chart at 0x106741438>"
       ]
      },
      "execution_count": 4,
@@ -159,17 +159,9 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"ad4b9f2d-ae20-483b-a2cd-fb9ebe7e2e6d\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"e067b491-63a2-4efc-8f72-680f0f3ea7b3\"),\"\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": []\n",
-       "    },\n",
-       "    \"tooltip\": {\n",
-       "        \"axisPointer\": {\n",
-       "            \"type\": \"\"\n",
-       "        }\n",
-       "    },\n",
        "    \"series\": [\n",
        "        {\n",
        "            \"data\": [\n",
@@ -183,10 +175,11 @@
        "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
-       "    \"title\": {\n",
-       "        \"text\": \"\"\n",
+       "    \"tooltip\": {\n",
+       "        \"axisPointer\": {\n",
+       "            \"type\": \"\"\n",
+       "        }\n",
        "    },\n",
-       "    \"yAxis\": {},\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
        "            \"Africa\",\n",
@@ -195,6 +188,13 @@
        "            \"Europe\",\n",
        "            \"Oceania\"\n",
        "        ]\n",
+       "    },\n",
+       "    \"legend\": {\n",
+       "        \"data\": []\n",
+       "    },\n",
+       "    \"yAxis\": {},\n",
+       "    \"title\": {\n",
+       "        \"text\": \"\"\n",
        "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
@@ -242,17 +242,9 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"ad4b9f2d-ae20-483b-a2cd-fb9ebe7e2e6d\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"e067b491-63a2-4efc-8f72-680f0f3ea7b3\"),\"\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": []\n",
-       "    },\n",
-       "    \"tooltip\": {\n",
-       "        \"axisPointer\": {\n",
-       "            \"type\": \"\"\n",
-       "        }\n",
-       "    },\n",
        "    \"series\": [\n",
        "        {\n",
        "            \"data\": [\n",
@@ -266,10 +258,11 @@
        "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
-       "    \"title\": {\n",
-       "        \"text\": \"\"\n",
+       "    \"tooltip\": {\n",
+       "        \"axisPointer\": {\n",
+       "            \"type\": \"\"\n",
+       "        }\n",
        "    },\n",
-       "    \"yAxis\": {},\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
        "            \"Africa\",\n",
@@ -278,6 +271,13 @@
        "            \"Europe\",\n",
        "            \"Oceania\"\n",
        "        ]\n",
+       "    },\n",
+       "    \"legend\": {\n",
+       "        \"data\": []\n",
+       "    },\n",
+       "    \"yAxis\": {},\n",
+       "    \"title\": {\n",
+       "        \"text\": \"\"\n",
        "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
@@ -338,17 +338,9 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"ad4b9f2d-ae20-483b-a2cd-fb9ebe7e2e6d\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"e067b491-63a2-4efc-8f72-680f0f3ea7b3\"),\"\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": []\n",
-       "    },\n",
-       "    \"tooltip\": {\n",
-       "        \"axisPointer\": {\n",
-       "            \"type\": \"\"\n",
-       "        }\n",
-       "    },\n",
        "    \"series\": [\n",
        "        {\n",
        "            \"data\": [\n",
@@ -362,10 +354,11 @@
        "            \"type\": \"line\"\n",
        "        }\n",
        "    ],\n",
-       "    \"title\": {\n",
-       "        \"text\": \"\"\n",
+       "    \"tooltip\": {\n",
+       "        \"axisPointer\": {\n",
+       "            \"type\": \"\"\n",
+       "        }\n",
        "    },\n",
-       "    \"yAxis\": {},\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
        "            \"Africa\",\n",
@@ -374,6 +367,13 @@
        "            \"Americas\",\n",
        "            \"Oceania\"\n",
        "        ]\n",
+       "    },\n",
+       "    \"legend\": {\n",
+       "        \"data\": []\n",
+       "    },\n",
+       "    \"yAxis\": {},\n",
+       "    \"title\": {\n",
+       "        \"text\": \"\"\n",
        "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
@@ -414,8 +414,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#dc33e2ab-79ec-433f-936f-51ba74baa8d5').attr('id','dc33e2ab-79ec-433f-936f-51ba74baa8d5'+'_old');\n",
-       "element.append('<div id=\"dc33e2ab-79ec-433f-936f-51ba74baa8d5\" style=\"width: 800px;height:400px;\"></div>');\n",
+       "$('#11cd0150-0990-4a3b-a3ed-c1312a2e4bdc').attr('id','11cd0150-0990-4a3b-a3ed-c1312a2e4bdc'+'_old');\n",
+       "element.append('<div id=\"11cd0150-0990-4a3b-a3ed-c1312a2e4bdc\" style=\"width: 800px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -423,17 +423,9 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"dc33e2ab-79ec-433f-936f-51ba74baa8d5\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"11cd0150-0990-4a3b-a3ed-c1312a2e4bdc\"),\"\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": []\n",
-       "    },\n",
-       "    \"tooltip\": {\n",
-       "        \"axisPointer\": {\n",
-       "            \"type\": \"\"\n",
-       "        }\n",
-       "    },\n",
        "    \"series\": [\n",
        "        {\n",
        "            \"data\": [\n",
@@ -447,10 +439,11 @@
        "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
-       "    \"title\": {\n",
-       "        \"text\": \"\"\n",
+       "    \"tooltip\": {\n",
+       "        \"axisPointer\": {\n",
+       "            \"type\": \"\"\n",
+       "        }\n",
        "    },\n",
-       "    \"yAxis\": {},\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
        "            \"Africa\",\n",
@@ -459,6 +452,13 @@
        "            \"Europe\",\n",
        "            \"Oceania\"\n",
        "        ]\n",
+       "    },\n",
+       "    \"legend\": {\n",
+       "        \"data\": []\n",
+       "    },\n",
+       "    \"yAxis\": {},\n",
+       "    \"title\": {\n",
+       "        \"text\": \"\"\n",
        "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
@@ -469,7 +469,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x1067488d0>"
+       "<krisk.chart.Chart at 0x1067412e8>"
       ]
      },
      "execution_count": 8,
@@ -502,7 +502,7 @@
   },
   "widgets": {
    "state": {
-    "caa1cce065a74f4d9f560aa724b160b4": {
+    "ddb923a981b74375b404f8c0b8884759": {
      "views": [
       {
        "cell_index": 8
diff --git a/notebooks/themes-colors.ipynb b/notebooks/themes-colors.ipynb
index a1157c8..14d9b26 100644
--- a/notebooks/themes-colors.ipynb
+++ b/notebooks/themes-colors.ipynb
@@ -87,8 +87,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#e28f22b2-5a1c-4749-b7fa-f0e4537ca0b0').attr('id','e28f22b2-5a1c-4749-b7fa-f0e4537ca0b0'+'_old');\n",
-       "element.append('<div id=\"e28f22b2-5a1c-4749-b7fa-f0e4537ca0b0\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#262a0900-7288-46fa-9d19-b051dfdabbaf').attr('id','262a0900-7288-46fa-9d19-b051dfdabbaf'+'_old');\n",
+       "element.append('<div id=\"262a0900-7288-46fa-9d19-b051dfdabbaf\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -96,27 +96,23 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"e28f22b2-5a1c-4749-b7fa-f0e4537ca0b0\"),\"\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"262a0900-7288-46fa-9d19-b051dfdabbaf\"),\"\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\"\n",
-       "        ]\n",
-       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
        "            1972,\n",
+       "            1977,\n",
        "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
        "            1997,\n",
-       "            1957,\n",
-       "            1952,\n",
-       "            1962,\n",
-       "            2007,\n",
-       "            2002\n",
+       "            2002,\n",
+       "            2007\n",
        "        ]\n",
        "    },\n",
        "    \"tooltip\": {\n",
@@ -124,64 +120,110 @@
        "            \"type\": \"\"\n",
        "        }\n",
        "    },\n",
+       "    \"legend\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ]\n",
+       "    },\n",
        "    \"series\": [\n",
        "        {\n",
-       "            \"type\": \"bar\",\n",
-       "            \"stack\": \"continent\",\n",
        "            \"data\": [\n",
        "                2,\n",
        "                2,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                1\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
-       "            \"name\": \"Africa\"\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
-       "            \"type\": \"bar\",\n",
-       "            \"stack\": \"continent\",\n",
        "            \"data\": [\n",
+       "                1,\n",
        "                2,\n",
+       "                0,\n",
        "                2,\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                3,\n",
        "                1,\n",
-       "                1\n",
+       "                0\n",
        "            ],\n",
-       "            \"name\": \"Americas\"\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
-       "            \"type\": \"bar\",\n",
-       "            \"stack\": \"continent\",\n",
        "            \"data\": [\n",
        "                2,\n",
+       "                1,\n",
+       "                0,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
        "                1,\n",
-       "                1\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
-       "            \"name\": \"Asia\"\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
-       "            \"type\": \"bar\",\n",
-       "            \"stack\": \"continent\",\n",
        "            \"data\": [\n",
-       "                4,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
+       "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                1,\n",
+       "                2,\n",
+       "                1,\n",
+       "                0,\n",
+       "                2,\n",
+       "                0,\n",
+       "                3,\n",
        "                1\n",
        "            ],\n",
-       "            \"name\": \"Europe\"\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
        "    \"yAxis\": {},\n",
@@ -197,7 +239,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x10663ae80>"
+       "<krisk.chart.Chart at 0x10672ed30>"
       ]
      },
      "execution_count": 4,
@@ -206,7 +248,7 @@
     }
    ],
    "source": [
-    "p = kk.bar(df,'year',category='continent',stacked=True)\n",
+    "p = kk.bar(df,'year',c='continent',stacked=True)\n",
     "p"
    ]
   },
@@ -228,8 +270,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#dde73bb9-a07d-4198-a77b-3575c41f6de5').attr('id','dde73bb9-a07d-4198-a77b-3575c41f6de5'+'_old');\n",
-       "element.append('<div id=\"dde73bb9-a07d-4198-a77b-3575c41f6de5\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#324b1171-1c61-4c60-adea-bb2da0b444fe').attr('id','324b1171-1c61-4c60-adea-bb2da0b444fe'+'_old');\n",
+       "element.append('<div id=\"324b1171-1c61-4c60-adea-bb2da0b444fe\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -237,27 +279,23 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"dde73bb9-a07d-4198-a77b-3575c41f6de5\"),\"vintage\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"324b1171-1c61-4c60-adea-bb2da0b444fe\"),\"vintage\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\"\n",
-       "        ]\n",
-       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
        "            1972,\n",
+       "            1977,\n",
        "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
        "            1997,\n",
-       "            1957,\n",
-       "            1952,\n",
-       "            1962,\n",
-       "            2007,\n",
-       "            2002\n",
+       "            2002,\n",
+       "            2007\n",
        "        ]\n",
        "    },\n",
        "    \"tooltip\": {\n",
@@ -265,70 +303,116 @@
        "            \"type\": \"\"\n",
        "        }\n",
        "    },\n",
+       "    \"legend\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ]\n",
+       "    },\n",
        "    \"series\": [\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
        "                2,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                1\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
+       "                1,\n",
        "                2,\n",
+       "                0,\n",
        "                2,\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                3,\n",
        "                1,\n",
-       "                1\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
+       "                1,\n",
+       "                0,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
        "                1,\n",
-       "                1\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
-       "                4,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
+       "                1,\n",
+       "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                2,\n",
+       "                1,\n",
+       "                0,\n",
+       "                2,\n",
+       "                0,\n",
+       "                3,\n",
        "                1\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
+       "    \"yAxis\": {},\n",
        "    \"title\": {\n",
        "        \"text\": \"\"\n",
-       "    },\n",
-       "    \"yAxis\": {}\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -338,7 +422,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x104a770b8>"
+       "<krisk.chart.Chart at 0x104b54e80>"
       ]
      },
      "execution_count": 5,
@@ -368,8 +452,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#3116446b-1db2-4910-8da2-9a5c4daebced').attr('id','3116446b-1db2-4910-8da2-9a5c4daebced'+'_old');\n",
-       "element.append('<div id=\"3116446b-1db2-4910-8da2-9a5c4daebced\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#3dc7ef0d-3d2e-4c55-8ece-7a7b5ab138fb').attr('id','3dc7ef0d-3d2e-4c55-8ece-7a7b5ab138fb'+'_old');\n",
+       "element.append('<div id=\"3dc7ef0d-3d2e-4c55-8ece-7a7b5ab138fb\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -377,27 +461,23 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"3116446b-1db2-4910-8da2-9a5c4daebced\"),\"dark\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"3dc7ef0d-3d2e-4c55-8ece-7a7b5ab138fb\"),\"dark\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\"\n",
-       "        ]\n",
-       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
        "            1972,\n",
+       "            1977,\n",
        "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
        "            1997,\n",
-       "            1957,\n",
-       "            1952,\n",
-       "            1962,\n",
-       "            2007,\n",
-       "            2002\n",
+       "            2002,\n",
+       "            2007\n",
        "        ]\n",
        "    },\n",
        "    \"tooltip\": {\n",
@@ -405,70 +485,116 @@
        "            \"type\": \"\"\n",
        "        }\n",
        "    },\n",
+       "    \"legend\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ]\n",
+       "    },\n",
        "    \"series\": [\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
        "                2,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                1\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
+       "                1,\n",
        "                2,\n",
+       "                0,\n",
        "                2,\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                3,\n",
        "                1,\n",
-       "                1\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
+       "                1,\n",
+       "                0,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
        "                1,\n",
-       "                1\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
-       "                4,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
+       "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                1,\n",
+       "                2,\n",
+       "                1,\n",
+       "                0,\n",
+       "                2,\n",
+       "                0,\n",
+       "                3,\n",
        "                1\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
+       "    \"yAxis\": {},\n",
        "    \"title\": {\n",
        "        \"text\": \"\"\n",
-       "    },\n",
-       "    \"yAxis\": {}\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -478,7 +604,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x10663af28>"
+       "<krisk.chart.Chart at 0x10671ef28>"
       ]
      },
      "execution_count": 6,
@@ -508,8 +634,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#38385714-f42d-49c0-8952-1144029d82da').attr('id','38385714-f42d-49c0-8952-1144029d82da'+'_old');\n",
-       "element.append('<div id=\"38385714-f42d-49c0-8952-1144029d82da\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#c7a8812b-9114-4932-860f-46817912dad7').attr('id','c7a8812b-9114-4932-860f-46817912dad7'+'_old');\n",
+       "element.append('<div id=\"c7a8812b-9114-4932-860f-46817912dad7\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -517,27 +643,23 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"38385714-f42d-49c0-8952-1144029d82da\"),\"macarons\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"c7a8812b-9114-4932-860f-46817912dad7\"),\"macarons\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\"\n",
-       "        ]\n",
-       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
        "            1972,\n",
+       "            1977,\n",
        "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
        "            1997,\n",
-       "            1957,\n",
-       "            1952,\n",
-       "            1962,\n",
-       "            2007,\n",
-       "            2002\n",
+       "            2002,\n",
+       "            2007\n",
        "        ]\n",
        "    },\n",
        "    \"tooltip\": {\n",
@@ -545,70 +667,116 @@
        "            \"type\": \"\"\n",
        "        }\n",
        "    },\n",
+       "    \"legend\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ]\n",
+       "    },\n",
        "    \"series\": [\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
        "                2,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                1\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
+       "                1,\n",
        "                2,\n",
+       "                0,\n",
        "                2,\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                3,\n",
        "                1,\n",
-       "                1\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
+       "                1,\n",
+       "                0,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
        "                1,\n",
-       "                1\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
-       "                4,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                2,\n",
+       "                1,\n",
+       "                0,\n",
+       "                2,\n",
+       "                0,\n",
+       "                3,\n",
        "                1\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
+       "    \"yAxis\": {},\n",
        "    \"title\": {\n",
        "        \"text\": \"\"\n",
-       "    },\n",
-       "    \"yAxis\": {}\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -618,7 +786,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x10663a940>"
+       "<krisk.chart.Chart at 0x104b54ac8>"
       ]
      },
      "execution_count": 7,
@@ -648,8 +816,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#989c4732-bb6a-46bd-8e4f-fa3f8550aa39').attr('id','989c4732-bb6a-46bd-8e4f-fa3f8550aa39'+'_old');\n",
-       "element.append('<div id=\"989c4732-bb6a-46bd-8e4f-fa3f8550aa39\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#d9c88487-12b1-4b04-b87b-844f0f342f2d').attr('id','d9c88487-12b1-4b04-b87b-844f0f342f2d'+'_old');\n",
+       "element.append('<div id=\"d9c88487-12b1-4b04-b87b-844f0f342f2d\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -657,27 +825,23 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"989c4732-bb6a-46bd-8e4f-fa3f8550aa39\"),\"infographic\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"d9c88487-12b1-4b04-b87b-844f0f342f2d\"),\"infographic\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\"\n",
-       "        ]\n",
-       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
        "            1972,\n",
+       "            1977,\n",
        "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
        "            1997,\n",
-       "            1957,\n",
-       "            1952,\n",
-       "            1962,\n",
-       "            2007,\n",
-       "            2002\n",
+       "            2002,\n",
+       "            2007\n",
        "        ]\n",
        "    },\n",
        "    \"tooltip\": {\n",
@@ -685,70 +849,116 @@
        "            \"type\": \"\"\n",
        "        }\n",
        "    },\n",
+       "    \"legend\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ]\n",
+       "    },\n",
        "    \"series\": [\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
        "                2,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                1\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
+       "                1,\n",
        "                2,\n",
+       "                0,\n",
        "                2,\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                3,\n",
        "                1,\n",
-       "                1\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
+       "                1,\n",
+       "                0,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
        "                1,\n",
-       "                1\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
-       "                4,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
+       "                1,\n",
+       "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                2,\n",
+       "                1,\n",
+       "                0,\n",
+       "                2,\n",
+       "                0,\n",
+       "                3,\n",
        "                1\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
+       "    \"yAxis\": {},\n",
        "    \"title\": {\n",
        "        \"text\": \"\"\n",
-       "    },\n",
-       "    \"yAxis\": {}\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -758,7 +968,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x10663aa58>"
+       "<krisk.chart.Chart at 0x10672e7f0>"
       ]
      },
      "execution_count": 8,
@@ -788,8 +998,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#2926812a-ca84-48e7-af59-88806870dadb').attr('id','2926812a-ca84-48e7-af59-88806870dadb'+'_old');\n",
-       "element.append('<div id=\"2926812a-ca84-48e7-af59-88806870dadb\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#b4476886-0522-4e04-82dd-969cd176b1ce').attr('id','b4476886-0522-4e04-82dd-969cd176b1ce'+'_old');\n",
+       "element.append('<div id=\"b4476886-0522-4e04-82dd-969cd176b1ce\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -797,27 +1007,23 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"2926812a-ca84-48e7-af59-88806870dadb\"),\"roma\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"b4476886-0522-4e04-82dd-969cd176b1ce\"),\"roma\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\"\n",
-       "        ]\n",
-       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
        "            1972,\n",
+       "            1977,\n",
        "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
        "            1997,\n",
-       "            1957,\n",
-       "            1952,\n",
-       "            1962,\n",
-       "            2007,\n",
-       "            2002\n",
+       "            2002,\n",
+       "            2007\n",
        "        ]\n",
        "    },\n",
        "    \"tooltip\": {\n",
@@ -825,70 +1031,116 @@
        "            \"type\": \"\"\n",
        "        }\n",
        "    },\n",
+       "    \"legend\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ]\n",
+       "    },\n",
        "    \"series\": [\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
        "                2,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                1\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
+       "                1,\n",
        "                2,\n",
+       "                0,\n",
        "                2,\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                3,\n",
        "                1,\n",
-       "                1\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
+       "                1,\n",
+       "                0,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
        "                1,\n",
-       "                1\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
-       "                4,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
+       "                1,\n",
+       "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                2,\n",
+       "                1,\n",
+       "                0,\n",
+       "                2,\n",
+       "                0,\n",
+       "                3,\n",
        "                1\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
+       "    \"yAxis\": {},\n",
        "    \"title\": {\n",
        "        \"text\": \"\"\n",
-       "    },\n",
-       "    \"yAxis\": {}\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -898,7 +1150,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x10663a4e0>"
+       "<krisk.chart.Chart at 0x10672e668>"
       ]
      },
      "execution_count": 9,
@@ -928,8 +1180,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#7f519025-714e-449b-b8e3-0d33ed377229').attr('id','7f519025-714e-449b-b8e3-0d33ed377229'+'_old');\n",
-       "element.append('<div id=\"7f519025-714e-449b-b8e3-0d33ed377229\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#47ee0a64-eaf4-49e3-9308-760ac3782467').attr('id','47ee0a64-eaf4-49e3-9308-760ac3782467'+'_old');\n",
+       "element.append('<div id=\"47ee0a64-eaf4-49e3-9308-760ac3782467\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -937,27 +1189,23 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"7f519025-714e-449b-b8e3-0d33ed377229\"),\"shine\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"47ee0a64-eaf4-49e3-9308-760ac3782467\"),\"shine\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\"\n",
-       "        ]\n",
-       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
        "            1972,\n",
+       "            1977,\n",
        "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
        "            1997,\n",
-       "            1957,\n",
-       "            1952,\n",
-       "            1962,\n",
-       "            2007,\n",
-       "            2002\n",
+       "            2002,\n",
+       "            2007\n",
        "        ]\n",
        "    },\n",
        "    \"tooltip\": {\n",
@@ -965,70 +1213,322 @@
        "            \"type\": \"\"\n",
        "        }\n",
        "    },\n",
+       "    \"legend\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ]\n",
+       "    },\n",
        "    \"series\": [\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
        "                2,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
+       "                1,\n",
        "                2,\n",
+       "                0,\n",
        "                2,\n",
-       "                1\n",
+       "                0,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                3,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
+       "                1,\n",
+       "                0,\n",
        "                2,\n",
+       "                0,\n",
        "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
        "                1,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                1,\n",
+       "                2,\n",
+       "                1,\n",
+       "                0,\n",
+       "                2,\n",
+       "                0,\n",
+       "                3,\n",
        "                1\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\"\n",
+       "        }\n",
+       "    ],\n",
+       "    \"yAxis\": {},\n",
+       "    \"title\": {\n",
+       "        \"text\": \"\"\n",
+       "    }\n",
+       "};\n",
+       "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
+       "    myChart.setOption(option);\n",
+       "    \n",
+       "    \n",
+       "    \n",
+       "});\n"
+      ],
+      "text/plain": [
+       "<krisk.chart.Chart at 0x10672e6a0>"
+      ]
+     },
+     "execution_count": 10,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "p.set_theme('shine')"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# Colors (Palette and Background)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "Krisk doesn't have existing based colormap. But you can feed CSS Color Codes, hex, or RGB colors manually."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 48,
+   "metadata": {
+    "collapsed": false
+   },
+   "outputs": [
+    {
+     "data": {
+      "application/javascript": [
+       "\n",
+       "$('#7f221661-12e3-4fdc-86c4-4d47f53c4b59').attr('id','7f221661-12e3-4fdc-86c4-4d47f53c4b59'+'_old');\n",
+       "element.append('<div id=\"7f221661-12e3-4fdc-86c4-4d47f53c4b59\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
+       "function(echarts){\n",
+       "    \n",
+       "    function parseFunction(str){\n",
+       "        return eval('(' + str + ')');\n",
+       "    }\n",
+       "    \n",
+       "    var myChart = echarts.init(document.getElementById(\"7f221661-12e3-4fdc-86c4-4d47f53c4b59\"),\"shine\");\n",
+       "    \n",
+       "    var option = {\n",
+       "    \"xAxis\": {\n",
+       "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
+       "            1972,\n",
+       "            1977,\n",
+       "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
+       "            1997,\n",
+       "            2002,\n",
+       "            2007\n",
+       "        ]\n",
+       "    },\n",
+       "    \"tooltip\": {\n",
+       "        \"axisPointer\": {\n",
+       "            \"type\": \"\"\n",
+       "        }\n",
+       "    },\n",
+       "    \"legend\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
+       "        ]\n",
+       "    },\n",
+       "    \"series\": [\n",
+       "        {\n",
+       "            \"data\": [\n",
        "                2,\n",
        "                2,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
        "                1,\n",
-       "                1\n",
+       "                2,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
-       "                4,\n",
+       "                1,\n",
        "                2,\n",
+       "                0,\n",
        "                2,\n",
+       "                0,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                3,\n",
+       "                1,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
        "                2,\n",
+       "                1,\n",
+       "                0,\n",
        "                2,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                2,\n",
+       "                1,\n",
+       "                0,\n",
+       "                2,\n",
+       "                0,\n",
+       "                3,\n",
        "                1\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
+       "    \"yAxis\": {},\n",
        "    \"title\": {\n",
        "        \"text\": \"\"\n",
        "    },\n",
-       "    \"yAxis\": {}\n",
+       "    \"color\": [\n",
+       "        \"Navy\",\n",
+       "        \"#FF0000\",\n",
+       "        \"rgb(205,92,92)\",\n",
+       "        \"#65c3bf\",\n",
+       "        \"hsl(60, 100%, 87%)\"\n",
+       "    ],\n",
+       "    \"graph\": {\n",
+       "        \"color\": [\n",
+       "            \"Navy\",\n",
+       "            \"#FF0000\",\n",
+       "            \"rgb(205,92,92)\",\n",
+       "            \"#65c3bf\",\n",
+       "            \"hsl(60, 100%, 87%)\"\n",
+       "        ]\n",
+       "    },\n",
+       "    \"backgroundColor\": \"Aqua\"\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -1038,30 +1538,24 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x10663a160>"
+       "<krisk.chart.Chart at 0x10cb5ccc0>"
       ]
      },
-     "execution_count": 10,
+     "execution_count": 48,
      "metadata": {},
      "output_type": "execute_result"
     }
    ],
    "source": [
-    "p.set_theme('shine')"
+    "pallete = ['Navy','#FF0000','rgb(205,92,92)', '#65c3bf','hsl(60, 100%, 87%)']\n",
+    "p.set_color(background='Aqua', palette=pallete)"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# Colors (Palette and Background)"
-   ]
-  },
-  {
-   "cell_type": "markdown",
-   "metadata": {},
-   "source": [
-    "Krisk doesn't have existing based colormap. Fortunately, you can feed hex and RGB colors manually, or using existing palettes provided by visualization libraries you already know. Here I will use libraries like Seaborn, Colorlover, and Bokeh."
+    "You also can using existing palettes provided by visualization libraries you already know. Here I will use libraries like Seaborn, Colorlover, and Bokeh."
    ]
   },
   {
@@ -1084,18 +1578,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 12,
-   "metadata": {
-    "collapsed": false
-   },
-   "outputs": [],
-   "source": [
-    "palette_sns1 = sns.color_palette('muted').as_hex()"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 13,
+   "execution_count": 47,
    "metadata": {
     "collapsed": false
    },
@@ -1104,8 +1587,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#619be6b4-6809-42dd-aaff-b80401b45bd2').attr('id','619be6b4-6809-42dd-aaff-b80401b45bd2'+'_old');\n",
-       "element.append('<div id=\"619be6b4-6809-42dd-aaff-b80401b45bd2\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#d47ef872-e06a-407b-bd47-659a7a533c9b').attr('id','d47ef872-e06a-407b-bd47-659a7a533c9b'+'_old');\n",
+       "element.append('<div id=\"d47ef872-e06a-407b-bd47-659a7a533c9b\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -1113,27 +1596,23 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"619be6b4-6809-42dd-aaff-b80401b45bd2\"),\"shine\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"d47ef872-e06a-407b-bd47-659a7a533c9b\"),\"shine\");\n",
        "    \n",
-       "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\"\n",
-       "        ]\n",
-       "    },\n",
+       "    var option = {\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
        "            1972,\n",
+       "            1977,\n",
        "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
        "            1997,\n",
-       "            1957,\n",
-       "            1952,\n",
-       "            1962,\n",
-       "            2007,\n",
-       "            2002\n",
+       "            2002,\n",
+       "            2007\n",
        "        ]\n",
        "    },\n",
        "    \"tooltip\": {\n",
@@ -1141,14 +1620,13 @@
        "            \"type\": \"\"\n",
        "        }\n",
        "    },\n",
-       "    \"graph\": {\n",
-       "        \"color\": [\n",
-       "            \"#4878cf\",\n",
-       "            \"#6acc65\",\n",
-       "            \"#d65f5f\",\n",
-       "            \"#b47cc7\",\n",
-       "            \"#c4ad66\",\n",
-       "            \"#77bedb\"\n",
+       "    \"legend\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
        "        ]\n",
        "    },\n",
        "    \"series\": [\n",
@@ -1157,60 +1635,98 @@
        "                2,\n",
        "                2,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                1\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
+       "                1,\n",
        "                2,\n",
+       "                0,\n",
        "                2,\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                3,\n",
        "                1,\n",
-       "                1\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
+       "                1,\n",
+       "                0,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
        "                1,\n",
-       "                1\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
-       "                4,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                2,\n",
+       "                1,\n",
+       "                0,\n",
+       "                2,\n",
+       "                0,\n",
+       "                3,\n",
        "                1\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
+       "    \"yAxis\": {},\n",
        "    \"title\": {\n",
        "        \"text\": \"\"\n",
        "    },\n",
@@ -1222,7 +1738,16 @@
        "        \"#c4ad66\",\n",
        "        \"#77bedb\"\n",
        "    ],\n",
-       "    \"yAxis\": {}\n",
+       "    \"graph\": {\n",
+       "        \"color\": [\n",
+       "            \"#4878cf\",\n",
+       "            \"#6acc65\",\n",
+       "            \"#d65f5f\",\n",
+       "            \"#b47cc7\",\n",
+       "            \"#c4ad66\",\n",
+       "            \"#77bedb\"\n",
+       "        ]\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -1232,15 +1757,16 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x10c3960b8>"
+       "<krisk.chart.Chart at 0x10cb5c5f8>"
       ]
      },
-     "execution_count": 13,
+     "execution_count": 47,
      "metadata": {},
      "output_type": "execute_result"
     }
    ],
    "source": [
+    "palette_sns1 = sns.color_palette('muted').as_hex()\n",
     "p.set_color(palette=palette_sns1)"
    ]
   },
@@ -1262,8 +1788,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#5fb3b959-afe4-4db1-99ce-b88a99013781').attr('id','5fb3b959-afe4-4db1-99ce-b88a99013781'+'_old');\n",
-       "element.append('<div id=\"5fb3b959-afe4-4db1-99ce-b88a99013781\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#bc669975-f836-4efe-8e82-c6eca3391c79').attr('id','bc669975-f836-4efe-8e82-c6eca3391c79'+'_old');\n",
+       "element.append('<div id=\"bc669975-f836-4efe-8e82-c6eca3391c79\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -1271,27 +1797,23 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"5fb3b959-afe4-4db1-99ce-b88a99013781\"),\"shine\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"bc669975-f836-4efe-8e82-c6eca3391c79\"),\"shine\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\"\n",
-       "        ]\n",
-       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
        "            1972,\n",
+       "            1977,\n",
        "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
        "            1997,\n",
-       "            1957,\n",
-       "            1952,\n",
-       "            1962,\n",
-       "            2007,\n",
-       "            2002\n",
+       "            2002,\n",
+       "            2007\n",
        "        ]\n",
        "    },\n",
        "    \"tooltip\": {\n",
@@ -1299,14 +1821,13 @@
        "            \"type\": \"\"\n",
        "        }\n",
        "    },\n",
-       "    \"graph\": {\n",
-       "        \"color\": [\n",
-       "            \"#e8f6b1\",\n",
-       "            \"#b2e1b6\",\n",
-       "            \"#65c3bf\",\n",
-       "            \"#2ca1c2\",\n",
-       "            \"#216daf\",\n",
-       "            \"#253997\"\n",
+       "    \"legend\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
        "        ]\n",
        "    },\n",
        "    \"series\": [\n",
@@ -1315,60 +1836,98 @@
        "                2,\n",
        "                2,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                1\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
+       "                1,\n",
        "                2,\n",
+       "                0,\n",
        "                2,\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                3,\n",
        "                1,\n",
-       "                1\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
+       "                1,\n",
+       "                0,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
        "                1,\n",
-       "                1\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
-       "                4,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
+       "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                1,\n",
+       "                2,\n",
+       "                1,\n",
+       "                0,\n",
+       "                2,\n",
+       "                0,\n",
+       "                3,\n",
        "                1\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
+       "    \"yAxis\": {},\n",
        "    \"title\": {\n",
        "        \"text\": \"\"\n",
        "    },\n",
@@ -1380,7 +1939,16 @@
        "        \"#216daf\",\n",
        "        \"#253997\"\n",
        "    ],\n",
-       "    \"yAxis\": {}\n",
+       "    \"graph\": {\n",
+       "        \"color\": [\n",
+       "            \"#e8f6b1\",\n",
+       "            \"#b2e1b6\",\n",
+       "            \"#65c3bf\",\n",
+       "            \"#2ca1c2\",\n",
+       "            \"#216daf\",\n",
+       "            \"#253997\"\n",
+       "        ]\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -1390,7 +1958,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x10c3b8e80>"
+       "<krisk.chart.Chart at 0x10cabf1d0>"
       ]
      },
      "execution_count": 14,
@@ -1432,8 +2000,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#0e0ddc3f-0788-4a0f-aa0d-2359d18092a9').attr('id','0e0ddc3f-0788-4a0f-aa0d-2359d18092a9'+'_old');\n",
-       "element.append('<div id=\"0e0ddc3f-0788-4a0f-aa0d-2359d18092a9\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#4c538264-615c-491e-8357-685f8c80e4bb').attr('id','4c538264-615c-491e-8357-685f8c80e4bb'+'_old');\n",
+       "element.append('<div id=\"4c538264-615c-491e-8357-685f8c80e4bb\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -1441,27 +2009,23 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"0e0ddc3f-0788-4a0f-aa0d-2359d18092a9\"),\"shine\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"4c538264-615c-491e-8357-685f8c80e4bb\"),\"shine\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\"\n",
-       "        ]\n",
-       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
        "            1972,\n",
+       "            1977,\n",
        "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
        "            1997,\n",
-       "            1957,\n",
-       "            1952,\n",
-       "            1962,\n",
-       "            2007,\n",
-       "            2002\n",
+       "            2002,\n",
+       "            2007\n",
        "        ]\n",
        "    },\n",
        "    \"tooltip\": {\n",
@@ -1469,11 +2033,13 @@
        "            \"type\": \"\"\n",
        "        }\n",
        "    },\n",
-       "    \"graph\": {\n",
-       "        \"color\": [\n",
-       "            \"hsl(19, 96%, 67%)\",\n",
-       "            \"hsl(60, 100%, 87%)\",\n",
-       "            \"hsl(203, 51%, 71%)\"\n",
+       "    \"legend\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
        "        ]\n",
        "    },\n",
        "    \"series\": [\n",
@@ -1482,60 +2048,98 @@
        "                2,\n",
        "                2,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                1\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
+       "                1,\n",
        "                2,\n",
+       "                0,\n",
        "                2,\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                3,\n",
        "                1,\n",
-       "                1\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
+       "                1,\n",
+       "                0,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
        "                1,\n",
-       "                1\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
-       "                4,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
+       "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                1,\n",
+       "                2,\n",
+       "                1,\n",
+       "                0,\n",
+       "                2,\n",
+       "                0,\n",
+       "                3,\n",
        "                1\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
+       "    \"yAxis\": {},\n",
        "    \"title\": {\n",
        "        \"text\": \"\"\n",
        "    },\n",
@@ -1544,7 +2148,13 @@
        "        \"hsl(60, 100%, 87%)\",\n",
        "        \"hsl(203, 51%, 71%)\"\n",
        "    ],\n",
-       "    \"yAxis\": {}\n",
+       "    \"graph\": {\n",
+       "        \"color\": [\n",
+       "            \"hsl(19, 96%, 67%)\",\n",
+       "            \"hsl(60, 100%, 87%)\",\n",
+       "            \"hsl(203, 51%, 71%)\"\n",
+       "        ]\n",
+       "    }\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -1554,7 +2164,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x10c406be0>"
+       "<krisk.chart.Chart at 0x10cabfe80>"
       ]
      },
      "execution_count": 16,
@@ -1598,8 +2208,8 @@
      "data": {
       "application/javascript": [
        "\n",
-       "$('#27924755-af14-41b8-9e7c-8d1509eea87f').attr('id','27924755-af14-41b8-9e7c-8d1509eea87f'+'_old');\n",
-       "element.append('<div id=\"27924755-af14-41b8-9e7c-8d1509eea87f\" style=\"width: 600px;height:400px;\"></div>');\n",
+       "$('#2d033a74-89bc-4946-898b-59601b3c38d2').attr('id','2d033a74-89bc-4946-898b-59601b3c38d2'+'_old');\n",
+       "element.append('<div id=\"2d033a74-89bc-4946-898b-59601b3c38d2\" style=\"width: 600px;height:400px;\"></div>');\n",
        "require(['echarts', 'dark', 'vintage', 'roma', 'shine', 'infographic', 'macarons'],\n",
        "function(echarts){\n",
        "    \n",
@@ -1607,27 +2217,23 @@
        "        return eval('(' + str + ')');\n",
        "    }\n",
        "    \n",
-       "    var myChart = echarts.init(document.getElementById(\"27924755-af14-41b8-9e7c-8d1509eea87f\"),\"shine\");\n",
+       "    var myChart = echarts.init(document.getElementById(\"2d033a74-89bc-4946-898b-59601b3c38d2\"),\"shine\");\n",
        "    \n",
        "    var option = {\n",
-       "    \"legend\": {\n",
-       "        \"data\": [\n",
-       "            \"Africa\",\n",
-       "            \"Americas\",\n",
-       "            \"Asia\",\n",
-       "            \"Europe\"\n",
-       "        ]\n",
-       "    },\n",
        "    \"xAxis\": {\n",
        "        \"data\": [\n",
+       "            1952,\n",
+       "            1957,\n",
+       "            1962,\n",
+       "            1967,\n",
        "            1972,\n",
+       "            1977,\n",
        "            1982,\n",
+       "            1987,\n",
+       "            1992,\n",
        "            1997,\n",
-       "            1957,\n",
-       "            1952,\n",
-       "            1962,\n",
-       "            2007,\n",
-       "            2002\n",
+       "            2002,\n",
+       "            2007\n",
        "        ]\n",
        "    },\n",
        "    \"tooltip\": {\n",
@@ -1635,14 +2241,13 @@
        "            \"type\": \"\"\n",
        "        }\n",
        "    },\n",
-       "    \"graph\": {\n",
-       "        \"color\": [\n",
-       "            \"#016c59\",\n",
-       "            \"#1c9099\",\n",
-       "            \"#67a9cf\",\n",
-       "            \"#a6bddb\",\n",
-       "            \"#d0d1e6\",\n",
-       "            \"#f6eff7\"\n",
+       "    \"legend\": {\n",
+       "        \"data\": [\n",
+       "            \"Africa\",\n",
+       "            \"Americas\",\n",
+       "            \"Asia\",\n",
+       "            \"Europe\",\n",
+       "            \"Oceania\"\n",
        "        ]\n",
        "    },\n",
        "    \"series\": [\n",
@@ -1651,61 +2256,98 @@
        "                2,\n",
        "                2,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
+       "                1,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                1\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Africa\"\n",
+       "            \"name\": \"Africa\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
+       "                1,\n",
        "                2,\n",
+       "                0,\n",
        "                2,\n",
+       "                0,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                3,\n",
        "                1,\n",
-       "                1\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Americas\"\n",
+       "            \"name\": \"Americas\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
        "                2,\n",
+       "                1,\n",
+       "                0,\n",
        "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
        "                1,\n",
-       "                1\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Asia\"\n",
+       "            \"name\": \"Asia\",\n",
+       "            \"type\": \"bar\"\n",
        "        },\n",
        "        {\n",
        "            \"data\": [\n",
-       "                4,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
-       "                2,\n",
+       "                0,\n",
+       "                1,\n",
        "                1,\n",
        "                1,\n",
+       "                1,\n",
+       "                2,\n",
+       "                1,\n",
+       "                0,\n",
+       "                2,\n",
+       "                0,\n",
+       "                3,\n",
        "                1\n",
        "            ],\n",
        "            \"stack\": \"continent\",\n",
-       "            \"type\": \"bar\",\n",
-       "            \"name\": \"Europe\"\n",
+       "            \"name\": \"Europe\",\n",
+       "            \"type\": \"bar\"\n",
+       "        },\n",
+       "        {\n",
+       "            \"data\": [\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                1,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0,\n",
+       "                0\n",
+       "            ],\n",
+       "            \"stack\": \"continent\",\n",
+       "            \"name\": \"Oceania\",\n",
+       "            \"type\": \"bar\"\n",
        "        }\n",
        "    ],\n",
-       "    \"backgroundColor\": \"#F0F8FF\",\n",
+       "    \"yAxis\": {},\n",
        "    \"title\": {\n",
        "        \"text\": \"\"\n",
        "    },\n",
@@ -1717,7 +2359,17 @@
        "        \"#d0d1e6\",\n",
        "        \"#f6eff7\"\n",
        "    ],\n",
-       "    \"yAxis\": {}\n",
+       "    \"graph\": {\n",
+       "        \"color\": [\n",
+       "            \"#016c59\",\n",
+       "            \"#1c9099\",\n",
+       "            \"#67a9cf\",\n",
+       "            \"#a6bddb\",\n",
+       "            \"#d0d1e6\",\n",
+       "            \"#f6eff7\"\n",
+       "        ]\n",
+       "    },\n",
+       "    \"backgroundColor\": \"#F0F8FF\"\n",
        "};\n",
        "    option['tooltip']['formatter'] = parseFunction(option['tooltip']['formatter']);\n",
        "    myChart.setOption(option);\n",
@@ -1727,7 +2379,7 @@
        "});\n"
       ],
       "text/plain": [
-       "<krisk.chart.Chart at 0x10c444da0>"
+       "<krisk.chart.Chart at 0x10cb3a0f0>"
       ]
      },
      "execution_count": 18,


Test patch:
diff --git a/krisk/tests/conftest.py b/krisk/tests/conftest.py
index a1c5f29..4d132f1 100644
--- a/krisk/tests/conftest.py
+++ b/krisk/tests/conftest.py
@@ -28,8 +28,8 @@ def gap_chart(gapminder):
         gapminder[gapminder.year == 2007],
         'lifeExp',
         'gdpPercap',
-        size='pop',
-        category='continent')
+        s='pop',
+        c='continent')
     p.set_size(width=1000, height=500)
     p.set_tooltip_format(
         ['country', 'lifeExp', 'gdpPercap', 'pop', 'continent'])
diff --git a/krisk/tests/test_plot.py b/krisk/tests/test_plot.py
index 5b01429..2fecdff 100644
--- a/krisk/tests/test_plot.py
+++ b/krisk/tests/test_plot.py
@@ -11,7 +11,7 @@ def test_bar(gapminder):
     p = kk.bar(gapminder,
                'year',
                y='pop',
-               category='continent',
+               c='continent',
                how='mean',
                stacked=True,
                annotate=True)
@@ -22,12 +22,23 @@ def test_bar(gapminder):
     p = kk.bar(gapminder,
                'year',
                y='pop',
-               category='continent',
+               c='continent',
                how='mean',
                stacked=True,
                annotate='all')
     assert p.get_option() == true_option
 
+    p = kk.bar(gapminder,'continent',y='gdpPercap',how='mean')
+    assert p.get_option() == {'legend': {'data': []},
+                             'series': [{'data': [4426.026, 8955.554, 802.675, 3255.367, 19980.596],
+                               'name': 'continent',
+                               'type': 'bar'}],
+                             'title': {'text': ''},
+                             'tooltip': {'axisPointer': {'type': ''}},
+                             'xAxis': {'data': ['Africa', 'Americas', 'Asia', 'Europe', 'Oceania']},
+                             'yAxis': {}}
+
+
 
 def test_line(gapminder):
 
@@ -36,7 +47,7 @@ def test_line(gapminder):
         gapminder,
         'year',
         y='lifeExp',
-        category='continent',
+        c='continent',
         how='mean',
         stacked=True,
         area=True,
@@ -51,7 +62,7 @@ def test_hist(gapminder):
     p = kk.hist(
         gapminder,
         'lifeExp',
-        category='continent',
+        c='continent',
         bins=20,
         normed=True,
         stacked=True)
@@ -67,12 +78,12 @@ def test_scatter(gapminder):
         gapminder[gapminder.year == 1952],
         'lifeExp',
         'gdpPercap',
-        size='pop',
-        category='continent')
+        s='pop',
+        c='continent')
     assert p.get_option() == true_option
 
     # Scatter
     true_option = json.load(open(DATA_DIR + '/scatter_single.json', 'r'))
     p = kk.scatter(
-        gapminder[gapminder.year == 1952], 'lifeExp', 'gdpPercap', size='pop')
+        gapminder[gapminder.year == 1952], 'lifeExp', 'gdpPercap', s='pop')
     assert p.get_option() == true_option