diff --git a/.babelrc b/.babelrc
index 2c67ccf..2e0b3c8 100644
--- a/.babelrc
+++ b/.babelrc
@@ -1,7 +1,7 @@
 {
   "presets": [
     ["latest", {
-      "env": {
+      "es2015": {
         "modules": false
       }
     }]
diff --git a/README.md b/README.md
index 0083a6f..cdc9199 100644
--- a/README.md
+++ b/README.md
@@ -41,7 +41,7 @@
 * ...or include within your HTML
 
   ```html
-    <script src="https://unpkg.com/frappe-charts@0.0.3/dist/frappe-charts.min.iife.js"></script>
+    <script src="https://unpkg.com/frappe-charts@0.0.4/dist/frappe-charts.min.iife.js"></script>
   ```
 
 #### Usage
diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js
index ba74cd7..b4c93a0 100644
--- a/dist/frappe-charts.min.cjs.js
+++ b/dist/frappe-charts.min.cjs.js
@@ -3235,6 +3235,14 @@ var Heatmap = function (_BaseChart) {
 	return Heatmap;
 }(BaseChart);
 
+// if ("development" !== 'production') {
+// 	// Enable LiveReload
+// 	document.write(
+// 		'<script src="http://' + (location.host || 'localhost').split(':')[0] +
+// 		':35729/livereload.js?snipver=1"></' + 'script>'
+// 	);
+// }
+
 var chartTypes = {
 	line: LineChart,
 	bar: BarChart,
diff --git a/dist/frappe-charts.min.esm.js b/dist/frappe-charts.min.esm.js
index bd3e119..8de96bd 100644
--- a/dist/frappe-charts.min.esm.js
+++ b/dist/frappe-charts.min.esm.js
@@ -3233,6 +3233,14 @@ var Heatmap = function (_BaseChart) {
 	return Heatmap;
 }(BaseChart);
 
+// if ("development" !== 'production') {
+// 	// Enable LiveReload
+// 	document.write(
+// 		'<script src="http://' + (location.host || 'localhost').split(':')[0] +
+// 		':35729/livereload.js?snipver=1"></' + 'script>'
+// 	);
+// }
+
 var chartTypes = {
 	line: LineChart,
 	bar: BarChart,
diff --git a/docs/assets/js/index.js b/docs/assets/js/index.js
index a377abe..1fd8382 100755
--- a/docs/assets/js/index.js
+++ b/docs/assets/js/index.js
@@ -90,7 +90,7 @@ let type_chart = new Chart({
 	data: type_data,
 	type: 'bar',
 	height: 250,
-	// is_series: 1
+	is_series: 1
 });
 
 Array.prototype.slice.call(
diff --git a/docs/index.html b/docs/index.html
index fa2c0ec..e7d8a42 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -96,6 +96,10 @@
               <p class="text-muted">
                 <a target="_blank" href="http://www.storytellingwithdata.com/blog/2011/07/death-to-pie-charts">Why Percentage?</a>
               </p>
+
+              <pre><code class="hljs javascript margin-vertical-px">  // colors: 'green', 'blue', 'violet', 'red', 'orange',
+  //         'yellow', 'light-blue', 'light-green', 'purple',
+  //         'magenta', 'grey', 'dark-grey'</code></pre>
             </div>
           </div>
 
@@ -193,7 +197,12 @@
                   </div>
                 </div>
               </div>
-              <pre><code class="hljs javascript margin-vertical-px">  chart.parent.addEventListener('data-select', (e) => {
+              <pre><code class="hljs javascript margin-vertical-px">  ...
+    type: 'bar',     // Bar Chart specific properties:
+    is_navigable: 1, // Navigate across bars; default 0
+  ...
+
+  chart.parent.addEventListener('data-select', (e) => {
     update_moon_data(e.index); // e contains index and value of current datapoint
   });</code></pre>
             </div>
diff --git a/package.json b/package.json
index 56e601c..5363a47 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "frappe-charts",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "https://frappe.github.io/charts",
   "main": "dist/frappe-charts.min.cjs.js",
   "module": "dist/frappe-charts.min.esm.js",