From 8332c28f9720c79f852098d87a2ebb48ef33c4b4 Mon Sep 17 00:00:00 2001
From: Eric Rowell <erowell83@gmail.com>
Date: Sun, 22 Jun 2014 00:19:05 -0700
Subject: [PATCH] refactored examples.  integrated new charts data structure
 which powers examples, tests, and chart wizard

---
 Gruntfile.js                                  |   63 +-
 examples/chart.html                           |   24 +-
 examples/data/bar-dual-series-data.js         |   67 +
 examples/data/bar-series-data.js              |   47 +
 examples/data/bar-series-data.json            |   47 -
 examples/data/bar-series-dual-data.json       |   67 -
 examples/data/line-series-data.js             |   19 +
 examples/data/line-series-data.json           |   19 -
 examples/index.html                           |    8 +-
 .../src/bar-chart-dual-with-right-legend.js   |   64 -
 .../src/bar-chart-dual-with-top-legend.js     |   64 -
 examples/src/bar-chart-dual.js                |   55 -
 examples/src/bar-chart-spark.js               |   26 -
 examples/src/bar-chart-with-right-legend.js   |   62 +
 examples/src/bar-chart-with-top-legend.js     |   62 +
 examples/src/bar-chart.js                     |  102 +-
 examples/src/bar-dual-chart.js                |   53 +
 examples/src/bar-spark-chart.js               |   24 +
 examples/src/charts.js                        |    2 +
 examples/src/line-chart-with-bottom-slider.js |   92 +-
 examples/src/line-chart-with-grid.js          |  105 +-
 .../src/line-chart-with-horizontal-lines.js   |   87 +-
 examples/src/line-chart-with-right-legend.js  |   96 +-
 examples/src/line-chart-with-title.js         |   85 +-
 examples/src/line-chart-with-top-legend.js    |   89 +-
 .../src/line-chart-with-vertical-lines.js     |   90 +-
 examples/src/line-chart.js                    |   76 +-
 examples/src/line-spark-chart.js              |   44 +-
 lib/underscore.js                             | 1343 +++++++++++++++++
 29 files changed, 2164 insertions(+), 818 deletions(-)
 create mode 100644 examples/data/bar-dual-series-data.js
 create mode 100644 examples/data/bar-series-data.js
 delete mode 100644 examples/data/bar-series-data.json
 delete mode 100644 examples/data/bar-series-dual-data.json
 create mode 100644 examples/data/line-series-data.js
 delete mode 100644 examples/data/line-series-data.json
 delete mode 100644 examples/src/bar-chart-dual-with-right-legend.js
 delete mode 100644 examples/src/bar-chart-dual-with-top-legend.js
 delete mode 100644 examples/src/bar-chart-dual.js
 delete mode 100644 examples/src/bar-chart-spark.js
 create mode 100644 examples/src/bar-chart-with-right-legend.js
 create mode 100644 examples/src/bar-chart-with-top-legend.js
 create mode 100644 examples/src/bar-dual-chart.js
 create mode 100644 examples/src/bar-spark-chart.js
 create mode 100644 examples/src/charts.js
 create mode 100644 lib/underscore.js

diff --git a/Gruntfile.js b/Gruntfile.js
index a63c79d..eee3b33 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -47,6 +47,33 @@ module.exports = function(grunt) {
     'src/Formatter.js'
   ];
 
+  var allChartFiles = [
+    'examples/src/charts.js',
+
+    // data
+    'examples/data/line-series-data.js',
+    'examples/data/bar-series-data.js',
+    'examples/data/bar-dual-series-data.js',
+
+    // line charts
+    'examples/src/line-chart.js',
+    'examples/src/line-spark-chart.js',
+    'examples/src/line-chart-with-top-legend.js',
+    'examples/src/line-chart-with-right-legend.js',
+    'examples/src/line-chart-with-title.js',
+    'examples/src/line-chart-with-grid.js',
+    'examples/src/line-chart-with-horizontal-lines.js',
+    'examples/src/line-chart-with-vertical-lines.js',
+    'examples/src/line-chart-with-bottom-slider.js',
+
+    // bar charts
+    'examples/src/bar-chart.js',
+    'examples/src/bar-spark-chart.js',
+    'examples/src/bar-dual-chart.js',
+    'examples/src/bar-chart-with-top-legend.js',
+    'examples/src/bar-chart-with-right-legend.js'
+  ];
+
   // Project configuration.
   var config = {
     pkg: grunt.file.readJSON('package.json'),
@@ -73,7 +100,11 @@ module.exports = function(grunt) {
       prodMinLicense: {
         src: ['license.js', 'dist/meteorcharts-v<%= pkg.version %>.min.js'],
         dest: 'dist/meteorcharts-v<%= pkg.version %>.min.js'
-      }
+      },
+      examples: {
+        src: allChartFiles,
+        dest: 'examples/dist/all-charts.js'
+      },
     },
     uglify: {
       build: {
@@ -107,22 +138,6 @@ module.exports = function(grunt) {
           dest: 'dist/meteorcharts-dev.js'
         }]
       },
-      examples: {
-        options: {
-          variables: {
-            LINE_SERIES_DATA: grunt.file.read('examples/data/line-series-data.json'),
-            BAR_SERIES_DATA: grunt.file.read('examples/data/bar-series-data.json'),
-            BAR_SERIES_DUAL_DATA: grunt.file.read('examples/data/bar-series-dual-data.json')
-          },
-          prefix: '@@'
-        },
-
-        files: [{
-          expand: true, flatten: true,
-          src: ['examples/src/*.js'],
-          dest: 'examples/dist/'
-        }]
-      },
       prodSrcLicense: {
         options: {
           variables: {
@@ -165,20 +180,12 @@ module.exports = function(grunt) {
     },
     watch: {
       src: {
-        files: ['src/**/*.js'],
-        tasks: ['dev'],
+        files: ['src/**/*.js', 'examples/**/*.js'],
+        tasks: ['dev', 'examples'],
         options: {
           spawn: false,
         },
       }
-    },
-    copy: {
-      examples: {
-        flatten: true,
-        expand: true,
-        src: ['examples/src/*'],
-        dest: 'examples/dist/',
-      }
     }
   };
 
@@ -196,7 +203,7 @@ module.exports = function(grunt) {
 
   // Tasks
   grunt.registerTask('dev', ['clean:dist', 'concat:dev', 'concat:dev2', 'replace:dev']);
-  grunt.registerTask('examples', ['clean:examples', 'copy:examples:', 'replace:examples']);
+  grunt.registerTask('examples', ['clean:examples', 'concat:examples']);
   grunt.registerTask('full', ['clean:dist', 'concat:prodSrc', 'uglify', 'concat:prodSrcLicense', 'concat:prodMinLicense', 'replace:prodSrcLicense', 'replace:prodMinLicense']);
   grunt.registerTask('test', ['simplemocha']);
   grunt.registerTask('devtest', ['dev', 'test']);
diff --git a/examples/chart.html b/examples/chart.html
index 0d86b67..5733d9a 100644
--- a/examples/chart.html
+++ b/examples/chart.html
@@ -15,11 +15,9 @@
 
     <script src="../../../lib/three.min.js"></script>
     <script src="../../../lib/moment.min.js"></script>
+    <script src="../../../lib/underscore.js"></script>
     <script src="../../../dist/meteorcharts-dev.js"></script>
-
-    <script>
-      var CHARTS = [];
-    </script>
+    <script src="dist/all-charts.js"></script>
 
     <script type="text/javascript">
       var QUERY_STRING = function () {
@@ -46,10 +44,20 @@
       } ();
 
 
-      var js = document.createElement('script');
-      js.type = 'text/javascript';
-      js.src = 'dist/' + QUERY_STRING.chart + '.js';
-      document.body.appendChild(js);
+
+      // QUERY_STRING.chart
+      for (var n=0; n<CHARTS.length; n++) {
+        if (CHARTS[n].id === QUERY_STRING.chart) {
+          var config = _.clone(CHARTS[n].config);
+          config.container = 'container';
+          config.width = 445;
+          config.height = 250;
+          config.theme = MeteorChart.Themes.CoteAzur;
+
+          var chart = new MeteorChart(config);
+          break;
+        }
+      }
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/examples/data/bar-dual-series-data.js b/examples/data/bar-dual-series-data.js
new file mode 100644
index 0000000..61e2008
--- /dev/null
+++ b/examples/data/bar-dual-series-data.js
@@ -0,0 +1,67 @@
+DATA.BAR_DUAL_SERIES = [
+  {
+    title: 'Califonia',
+    bars: [
+      {
+        title: 'Republicans',
+        value: 5
+      },
+      {
+        title: 'Democrats',
+        value: 95
+      }
+    ]
+  },
+  {
+    title: 'New York',
+    bars: [
+      {
+        title: 'Republicans',
+        value: 15
+      },
+      {
+        title: 'Democrats',
+        value: 85
+      }
+    ]
+  },
+  {
+    title: 'Colorado',
+    bars: [
+      {
+        title: 'Republicans',
+        value: 25
+      },
+      {
+        title: 'Democrats',
+        value: 75
+      }
+    ]
+  },
+  {
+    title: 'Florida',
+    bars: [
+      {
+        title: 'Republicans',
+        value: 45
+      },
+      {
+        title: 'Democrats',
+        value: 55
+      }
+    ]
+  },
+  {
+    title: 'Texas',
+    bars: [
+      {
+        title: 'Republicans',
+        value: 85
+      },
+      {
+        title: 'Democrats',
+        value: 15
+      }
+    ]
+  }
+]
\ No newline at end of file
diff --git a/examples/data/bar-series-data.js b/examples/data/bar-series-data.js
new file mode 100644
index 0000000..ea3caec
--- /dev/null
+++ b/examples/data/bar-series-data.js
@@ -0,0 +1,47 @@
+DATA.BAR_SERIES = [
+  {
+    title: 'Califonia',
+    bars: [
+      {
+        title: 'Republicans',
+        value: 10
+      }
+    ]
+  },
+  {
+    title: 'New York',
+    bars: [
+      {
+        title: 'Republicans',
+        value: 15
+      }
+    ]
+  },
+  {
+    title: 'Colorado',
+    bars: [
+      {
+        title: 'Republicans',
+        value: 25
+      }
+    ]
+  },
+  {
+    title: 'Florida',
+    bars: [
+      {
+        title: 'Republicans',
+        value: 45
+      }
+    ]
+  },
+  {
+    title: 'Texas',
+    bars: [
+      {
+        title: 'Republicans',
+        value: 85
+      }
+    ]
+  }
+]
\ No newline at end of file
diff --git a/examples/data/bar-series-data.json b/examples/data/bar-series-data.json
deleted file mode 100644
index bc4ef67..0000000
--- a/examples/data/bar-series-data.json
+++ /dev/null
@@ -1,47 +0,0 @@
-[
-        {
-          title: 'Califonia',
-          bars: [
-            {
-              title: 'Republicans',
-              value: 10
-            }
-          ]
-        },
-        {
-          title: 'New York',
-          bars: [
-            {
-              title: 'Republicans',
-              value: 15
-            }
-          ]
-        },
-        {
-          title: 'Colorado',
-          bars: [
-            {
-              title: 'Republicans',
-              value: 25
-            }
-          ]
-        },
-        {
-          title: 'Florida',
-          bars: [
-            {
-              title: 'Republicans',
-              value: 45
-            }
-          ]
-        },
-        {
-          title: 'Texas',
-          bars: [
-            {
-              title: 'Republicans',
-              value: 85
-            }
-          ]
-        }
-      ]
\ No newline at end of file
diff --git a/examples/data/bar-series-dual-data.json b/examples/data/bar-series-dual-data.json
deleted file mode 100644
index 076143b..0000000
--- a/examples/data/bar-series-dual-data.json
+++ /dev/null
@@ -1,67 +0,0 @@
-[
-        {
-          title: 'Califonia',
-          bars: [
-            {
-              title: 'Republicans',
-              value: 5
-            },
-            {
-              title: 'Democrats',
-              value: 95
-            }
-          ]
-        },
-        {
-          title: 'New York',
-          bars: [
-            {
-              title: 'Republicans',
-              value: 15
-            },
-            {
-              title: 'Democrats',
-              value: 85
-            }
-          ]
-        },
-        {
-          title: 'Colorado',
-          bars: [
-            {
-              title: 'Republicans',
-              value: 25
-            },
-            {
-              title: 'Democrats',
-              value: 75
-            }
-          ]
-        },
-        {
-          title: 'Florida',
-          bars: [
-            {
-              title: 'Republicans',
-              value: 45
-            },
-            {
-              title: 'Democrats',
-              value: 55
-            }
-          ]
-        },
-        {
-          title: 'Texas',
-          bars: [
-            {
-              title: 'Republicans',
-              value: 85
-            },
-            {
-              title: 'Democrats',
-              value: 15
-            }
-          ]
-        }
-      ]
\ No newline at end of file
diff --git a/examples/data/line-series-data.js b/examples/data/line-series-data.js
new file mode 100644
index 0000000..d166df5
--- /dev/null
+++ b/examples/data/line-series-data.js
@@ -0,0 +1,19 @@
+DATA.LINE_SERIES = [
+  {
+    title: 'Series 1',
+    points: [
+      -100, -100,
+      100, 100,
+      200, 50
+    ]
+  },
+  {
+    title: 'Series 2',
+    points: [
+      0, 100,
+      100, 200,
+      200, 150,
+      300, 200
+    ]
+  }
+];
\ No newline at end of file
diff --git a/examples/data/line-series-data.json b/examples/data/line-series-data.json
deleted file mode 100644
index 37fc737..0000000
--- a/examples/data/line-series-data.json
+++ /dev/null
@@ -1,19 +0,0 @@
-[
-        {
-          title: 'Series 1',
-          points: [
-            -100, -100,
-            100, 100,
-            200, 50
-          ]
-        },
-        {
-          title: 'Series 2',
-          points: [
-            0, 100,
-            100, 200,
-            200, 150,
-            300, 200
-          ]
-        }
-      ]
\ No newline at end of file
diff --git a/examples/index.html b/examples/index.html
index a412939..e56710e 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -16,10 +16,10 @@ <h2>Line Charts</h2>
   <h2>Bar Charts</h2>
   <ul>
     <li><a href="chart.html?chart=bar-chart">Bar Chart</a></li>
-    <li><a href="chart.html?chart=bar-chart-dual">Bar Chart Dual</a></li>
-    <li><a href="chart.html?chart=bar-chart-dual-with-top-legend">Bar Chart Dual with Top Legend</a></li>
-    <li><a href="chart.html?chart=bar-chart-dual-with-right-legend">Bar Chart Dual with Right Legend</a></li>
-    <li><a href="chart.html?chart=bar-chart-spark">Bar Chart Spark</a></li>
+    <li><a href="chart.html?chart=bar-dual-chart">Bar Dual Chart</a></li>
+    <li><a href="chart.html?chart=bar-chart-with-top-legend">Bar Chart with Top Legend</a></li>
+    <li><a href="chart.html?chart=bar-chart-with-right-legend">Bar Chart with Right Legend</a></li>
+    <li><a href="chart.html?chart=bar-spark-chart">Bar Spark Chart</a></li>
 
 
 
diff --git a/examples/src/bar-chart-dual-with-right-legend.js b/examples/src/bar-chart-dual-with-right-legend.js
deleted file mode 100644
index a440949..0000000
--- a/examples/src/bar-chart-dual-with-right-legend.js
+++ /dev/null
@@ -1,64 +0,0 @@
-var chart = new MeteorChart({
-  container: 'container',
-  width: 445,
-  height: 250,
-
-  theme: MeteorChart.Themes.CoteAzur,
-  layout: MeteorChart.Layouts.L4_C,
-
-  components: [
-    {
-      slot: 3,
-      type: 'Legend',
-      id: 'legend',
-      orientation: 'vertical',
-      data: function() {
-        return ['Republicans', 'Democrats'];
-      }
-    },
-    {
-      slot: 0,
-      type: 'Axis',
-      id: 'yAxis',
-      data: function() {
-        return [0, 20, 40, 60, 80, 100]
-      }
-    },
-    {
-      slot: 1,
-      type: 'GridLines',
-      id: 'horizontalGridLines',
-      data: function() {
-        return this.chart.components.yAxis.getLabelInfo();
-      }
-    },
-    {
-      slot: 1,
-      type: 'BarSeries',
-      id: 'barSeries',
-      viewport: {
-        min: 0,
-        max: 100
-      },
-      data: @@BAR_SERIES_DUAL_DATA,
-      style: function() {
-        return {
-          barWidth: (this.get('width') / 12)
-        };
-      }
-    },
-    {
-      slot: 2,
-      type: 'Axis',
-      id: 'xAxis',
-      data: function() {
-        return ['California', 'New York', 'Colorado', 'Florida', 'Texas']
-      },
-      style: function() {
-        return {
-          padding: this.chart.components.barSeries.get('style').barWidth
-        };
-      }
-    }
-  ]
-});
\ No newline at end of file
diff --git a/examples/src/bar-chart-dual-with-top-legend.js b/examples/src/bar-chart-dual-with-top-legend.js
deleted file mode 100644
index d54c49a..0000000
--- a/examples/src/bar-chart-dual-with-top-legend.js
+++ /dev/null
@@ -1,64 +0,0 @@
-var chart = new MeteorChart({
-  container: 'container',
-  width: 445,
-  height: 250,
-
-  theme: MeteorChart.Themes.CoteAzur,
-  layout: MeteorChart.Layouts.L4_B,
-
-  components: [
-    {
-      slot: 0,
-      type: 'Legend',
-      id: 'legend',
-      align: 'right',
-      data: function() {
-        return ['Republicans', 'Democrats'];
-      }
-    },
-    {
-      slot: 1,
-      type: 'Axis',
-      id: 'yAxis',
-      data: function() {
-        return [0, 20, 40, 60, 80, 100]
-      }
-    },
-    {
-      slot: 2,
-      type: 'GridLines',
-      id: 'horizontalGridLines',
-      data: function() {
-        return this.chart.components.yAxis.getLabelInfo();
-      }
-    },
-    {
-      slot: 2,
-      type: 'BarSeries',
-      id: 'barSeries',
-      viewport: {
-        min: 0,
-        max: 100
-      },
-      data: @@BAR_SERIES_DUAL_DATA,
-      style: function() {
-        return {
-          barWidth: (this.get('width') / 12)
-        };
-      }
-    },
-    {
-      slot: 3,
-      type: 'Axis',
-      id: 'xAxis',
-      data: function() {
-        return ['California', 'New York', 'Colorado', 'Florida', 'Texas']
-      },
-      style: function() {
-        return {
-          padding: this.chart.components.barSeries.get('style').barWidth
-        };
-      }
-    }
-  ]
-});
\ No newline at end of file
diff --git a/examples/src/bar-chart-dual.js b/examples/src/bar-chart-dual.js
deleted file mode 100644
index d4c20fb..0000000
--- a/examples/src/bar-chart-dual.js
+++ /dev/null
@@ -1,55 +0,0 @@
-var chart = new MeteorChart({
-  container: 'container',
-  width: 445,
-  height: 250,
-
-  theme: MeteorChart.Themes.CoteAzur,
-  layout: MeteorChart.Layouts.L4_A,
-
-  components: [
-    {
-      slot: 0,
-      type: 'Axis',
-      id: 'yAxis',
-      data: function() {
-        return [0, 20, 40, 60, 80, 100]
-      }
-    },
-    {
-      slot: 1,
-      type: 'GridLines',
-      id: 'horizontalGridLines',
-      data: function() {
-        return this.chart.components.yAxis.getLabelInfo();
-      }
-    },
-    {
-      slot: 1,
-      type: 'BarSeries',
-      id: 'barSeries',
-      viewport: {
-        min: 0,
-        max: 100
-      },
-      data: @@BAR_SERIES_DUAL_DATA,
-      style: function() {
-        return {
-          barWidth: (this.get('width') / 12)
-        };
-      }
-    },
-    {
-      slot: 2,
-      type: 'Axis',
-      id: 'xAxis',
-      data: function() {
-        return ['California', 'New York', 'Colorado', 'Florida', 'Texas']
-      },
-      style: function() {
-        return {
-          padding: this.chart.components.barSeries.get('style').barWidth
-        };
-      }
-    }
-  ]
-});
\ No newline at end of file
diff --git a/examples/src/bar-chart-spark.js b/examples/src/bar-chart-spark.js
deleted file mode 100644
index be93a17..0000000
--- a/examples/src/bar-chart-spark.js
+++ /dev/null
@@ -1,26 +0,0 @@
-var chart = new MeteorChart({
-  container: 'container',
-  width: 445,
-  height: 250,
-
-  theme: MeteorChart.Themes.CoteAzur,
-  layout: MeteorChart.Layouts.L1_A,
-
-  components: [
-    {
-      slot: 0,
-      type: 'BarSeries',
-      id: 'barSeries',
-      viewport: {
-        min: 0,
-        max: 100
-      },
-      data: @@BAR_SERIES_DATA,
-      style: function() {
-        return {
-          barWidth: (this.get('width') / 5) - 10
-        };
-      }
-    }
-  ]
-});
\ No newline at end of file
diff --git a/examples/src/bar-chart-with-right-legend.js b/examples/src/bar-chart-with-right-legend.js
new file mode 100644
index 0000000..4666b90
--- /dev/null
+++ b/examples/src/bar-chart-with-right-legend.js
@@ -0,0 +1,62 @@
+CHARTS.push({
+  id: 'bar-chart-with-right-legend',
+  name: 'Bar Chart with Right Legend',
+  config: {
+    layout: MeteorChart.Layouts.L4_C,
+    components: [
+      {
+        slot: 3,
+        type: 'Legend',
+        id: 'legend',
+        orientation: 'vertical',
+        data: function() {
+          return ['Republicans', 'Democrats'];
+        }
+      },
+      {
+        slot: 0,
+        type: 'Axis',
+        id: 'yAxis',
+        data: function() {
+          return [0, 20, 40, 60, 80, 100]
+        }
+      },
+      {
+        slot: 1,
+        type: 'GridLines',
+        id: 'horizontalGridLines',
+        data: function() {
+          return this.chart.components.yAxis.getLabelInfo();
+        }
+      },
+      {
+        slot: 1,
+        type: 'BarSeries',
+        id: 'barSeries',
+        viewport: {
+          min: 0,
+          max: 100
+        },
+        data: DATA.BAR_DUAL_SERIES,
+        style: function() {
+          return {
+            barWidth: (this.get('width') / 12)
+          };
+        }
+      },
+      {
+        slot: 2,
+        type: 'Axis',
+        id: 'xAxis',
+        data: function() {
+          return ['California', 'New York', 'Colorado', 'Florida', 'Texas']
+        },
+        style: function() {
+          return {
+            padding: this.chart.components.barSeries.get('style').barWidth
+          };
+        }
+      }
+    ]
+  }
+});
\ No newline at end of file
diff --git a/examples/src/bar-chart-with-top-legend.js b/examples/src/bar-chart-with-top-legend.js
new file mode 100644
index 0000000..01714b7
--- /dev/null
+++ b/examples/src/bar-chart-with-top-legend.js
@@ -0,0 +1,62 @@
+CHARTS.push({
+  id: 'bar-chart-with-top-legend',
+  name: 'Bar Chart with Top Legend',
+  config: {
+  layout: MeteorChart.Layouts.L4_B,
+    components: [
+      {
+        slot: 0,
+        type: 'Legend',
+        id: 'legend',
+        align: 'right',
+        data: function() {
+          return ['Republicans', 'Democrats'];
+        }
+      },
+      {
+        slot: 1,
+        type: 'Axis',
+        id: 'yAxis',
+        data: function() {
+          return [0, 20, 40, 60, 80, 100]
+        }
+      },
+      {
+        slot: 2,
+        type: 'GridLines',
+        id: 'horizontalGridLines',
+        data: function() {
+          return this.chart.components.yAxis.getLabelInfo();
+        }
+      },
+      {
+        slot: 2,
+        type: 'BarSeries',
+        id: 'barSeries',
+        viewport: {
+          min: 0,
+          max: 100
+        },
+        data: DATA.BAR_DUAL_SERIES,
+        style: function() {
+          return {
+            barWidth: (this.get('width') / 12)
+          };
+        }
+      },
+      {
+        slot: 3,
+        type: 'Axis',
+        id: 'xAxis',
+        data: function() {
+          return ['California', 'New York', 'Colorado', 'Florida', 'Texas']
+        },
+        style: function() {
+          return {
+            padding: this.chart.components.barSeries.get('style').barWidth
+          };
+        }
+      }
+    ]
+  }
+});
\ No newline at end of file
diff --git a/examples/src/bar-chart.js b/examples/src/bar-chart.js
index 6745fee..db72c45 100644
--- a/examples/src/bar-chart.js
+++ b/examples/src/bar-chart.js
@@ -1,55 +1,53 @@
-var chart = new MeteorChart({
-  container: 'container',
-  width: 445,
-  height: 250,
-
-  theme: MeteorChart.Themes.CoteAzur,
-  layout: MeteorChart.Layouts.L4_A,
-
-  components: [
-    {
-      slot: 0,
-      type: 'Axis',
-      id: 'yAxis',
-      data: function() {
-        return [0, 20, 40, 60, 80, 100]
-      }
-    },
-    {
-      slot: 1,
-      type: 'GridLines',
-      id: 'horizontalGridLines',
-      data: function() {
-        return this.chart.components.yAxis.getLabelInfo();
-      }
-    },
-    {
-      slot: 1,
-      type: 'BarSeries',
-      id: 'barSeries',
-      viewport: {
-        min: 0,
-        max: 100
+CHARTS.push({
+  id: 'bar-chart',
+  name: 'Bar Chart',
+  config: {
+    layout: MeteorChart.Layouts.L4_A,
+    components: [
+      {
+        slot: 0,
+        type: 'Axis',
+        id: 'yAxis',
+        data: function() {
+          return [0, 20, 40, 60, 80, 100]
+        }
       },
-      data: @@BAR_SERIES_DATA,
-      style: function() {
-        return {
-          barWidth: (this.get('width') / 5) - 10
-        };
-      }
-    },
-    {
-      slot: 2,
-      type: 'Axis',
-      id: 'xAxis',
-      data: function() {
-        return ['California', 'New York', 'Colorado', 'Florida', 'Texas']
+      {
+        slot: 1,
+        type: 'GridLines',
+        id: 'horizontalGridLines',
+        data: function() {
+          return this.chart.components.yAxis.getLabelInfo();
+        }
+      },
+      {
+        slot: 1,
+        type: 'BarSeries',
+        id: 'barSeries',
+        viewport: {
+          min: 0,
+          max: 100
+        },
+        data: DATA.BAR_SERIES,
+        style: function() {
+          return {
+            barWidth: (this.get('width') / 5) - 10
+          };
+        }
       },
-      style: function() {
-        return {
-          padding: this.chart.components.barSeries.get('style').barWidth / 2
-        };
+      {
+        slot: 2,
+        type: 'Axis',
+        id: 'xAxis',
+        data: function() {
+          return ['California', 'New York', 'Colorado', 'Florida', 'Texas']
+        },
+        style: function() {
+          return {
+            padding: this.chart.components.barSeries.get('style').barWidth / 2
+          };
+        }
       }
-    }
-  ]
-});
\ No newline at end of file
+    ]
+  }
+}); 
diff --git a/examples/src/bar-dual-chart.js b/examples/src/bar-dual-chart.js
new file mode 100644
index 0000000..b9c2469
--- /dev/null
+++ b/examples/src/bar-dual-chart.js
@@ -0,0 +1,53 @@
+CHARTS.push({
+  id: 'bar-dual-chart',
+  name: 'Bar Dual Chart',
+  config: {
+    layout: MeteorChart.Layouts.L4_A,
+    components: [
+      {
+        slot: 0,
+        type: 'Axis',
+        id: 'yAxis',
+        data: function() {
+          return [0, 20, 40, 60, 80, 100]
+        }
+      },
+      {
+        slot: 1,
+        type: 'GridLines',
+        id: 'horizontalGridLines',
+        data: function() {
+          return this.chart.components.yAxis.getLabelInfo();
+        }
+      },
+      {
+        slot: 1,
+        type: 'BarSeries',
+        id: 'barSeries',
+        viewport: {
+          min: 0,
+          max: 100
+        },
+        data: DATA.BAR_DUAL_SERIES,
+        style: function() {
+          return {
+            barWidth: (this.get('width') / 12)
+          };
+        }
+      },
+      {
+        slot: 2,
+        type: 'Axis',
+        id: 'xAxis',
+        data: function() {
+          return ['California', 'New York', 'Colorado', 'Florida', 'Texas']
+        },
+        style: function() {
+          return {
+            padding: this.chart.components.barSeries.get('style').barWidth
+          };
+        }
+      }
+    ]
+  }
+});
\ No newline at end of file
diff --git a/examples/src/bar-spark-chart.js b/examples/src/bar-spark-chart.js
new file mode 100644
index 0000000..75de11f
--- /dev/null
+++ b/examples/src/bar-spark-chart.js
@@ -0,0 +1,24 @@
+CHARTS.push({
+  id: 'bar-spark-chart',
+  name: 'Bar Spark Chart',
+  config: {
+    layout: MeteorChart.Layouts.L1_A,
+    components: [
+      {
+        slot: 0,
+        type: 'BarSeries',
+        id: 'barSeries',
+        viewport: {
+          min: 0,
+          max: 100
+        },
+        data: DATA.BAR_SERIES,
+        style: function() {
+          return {
+            barWidth: (this.get('width') / 5) - 10
+          };
+        }
+      }
+    ]
+  }
+}); 
diff --git a/examples/src/charts.js b/examples/src/charts.js
new file mode 100644
index 0000000..ea214f4
--- /dev/null
+++ b/examples/src/charts.js
@@ -0,0 +1,2 @@
+var CHARTS = [],
+    DATA = {};
\ No newline at end of file
diff --git a/examples/src/line-chart-with-bottom-slider.js b/examples/src/line-chart-with-bottom-slider.js
index ae6070d..83d79e6 100644
--- a/examples/src/line-chart-with-bottom-slider.js
+++ b/examples/src/line-chart-with-bottom-slider.js
@@ -1,49 +1,47 @@
-var chart = new MeteorChart({
-  container: 'container',
-  width: 445,
-  height: 250,
-
-  theme: MeteorChart.Themes.CoteAzur,
-  layout: MeteorChart.Layouts.L4_D,
-
-  // set components data and options
-  components: [
-    {
-      slot: 0,
-      type: 'Axis',
-      id: 'yAxis',
-      data: function() {
-        return [-100, 0, 100, 200];
-      }
-    },
-    {
-      slot: 1,
-      type: 'LineSeries',
-      id: 'lineSeries',
-      viewport: {
-        minX: -100,
-        maxX: 300,
-        minY: -100,
-        maxY: 200,
+CHARTS.push({
+  id: 'line-chart-with-bottom-slider',
+  name: 'Line Chart with Bottom Slider',
+  config: {
+    layout: MeteorChart.Layouts.L4_D,
+    components: [
+      {
+        slot: 0,
+        type: 'Axis',
+        id: 'yAxis',
+        data: function() {
+          return [-100, 0, 100, 200];
+        }
       },
-      data: @@LINE_SERIES_DATA
-    },
-    {
-      slot: 2,
-      type: 'Axis',
-      id: 'xAxis',
-      data: function() {
-        return [-100, 0, 100, 200, 300];
-      }
-    },
-    {
-      slot: 3,
-      type: 'Slider',
-      id: 'slider',
-      style: {
-        handleWidth: 40,
-        handleHeight: 10
+      {
+        slot: 1,
+        type: 'LineSeries',
+        id: 'lineSeries',
+        viewport: {
+          minX: -100,
+          maxX: 300,
+          minY: -100,
+          maxY: 200,
+        },
+        data: DATA.LINE_SERIES
+      },
+      {
+        slot: 2,
+        type: 'Axis',
+        id: 'xAxis',
+        data: function() {
+          return [-100, 0, 100, 200, 300];
+        }
+      },
+      {
+        slot: 3,
+        type: 'Slider',
+        id: 'slider',
+        style: {
+          handleWidth: 40,
+          handleHeight: 10
+        }
       }
-    }
-  ]
-});
+    ]
+  }
+}); 
+
diff --git a/examples/src/line-chart-with-grid.js b/examples/src/line-chart-with-grid.js
index 442e988..e7acc12 100644
--- a/examples/src/line-chart-with-grid.js
+++ b/examples/src/line-chart-with-grid.js
@@ -1,57 +1,54 @@
-var chart = new MeteorChart({
-  container: 'container',
-  width: 445,
-  height: 250,
-
-  theme: MeteorChart.Themes.CoteAzur,
+CHARTS.push({
+  id: 'line-chart-with-grid',
+  name: 'Line Chart with Grid',
+  config: {
   layout: MeteorChart.Layouts.L4_A,
-
-  // set components data and options
-  components: [
-    {
-      slot: 0,
-      type: 'Axis',
-      id: 'yAxis',
-      data: function() {
-        return [-100, 0, 100, 200];
-      }
-    },
-    {
-      slot: 1,
-      type: 'GridLines',
-      id: 'verticalGridLines',
-      orientation: 'vertical',
-      data: function() {
-        return this.chart.components.xAxis.getLabelInfo();
-      }
-    },
-    {
-      slot: 1,
-      type: 'GridLines',
-      id: 'horizontalGridLines',
-      data: function() {
-        return this.chart.components.yAxis.getLabelInfo();
-      }
-    },
-    {
-      slot: 1,
-      type: 'LineSeries',
-      id: 'lineSeries',
-      viewport: {
-        minX: -100,
-        maxX: 300,
-        minY: -100,
-        maxY: 200,
+    components: [
+      {
+        slot: 0,
+        type: 'Axis',
+        id: 'yAxis',
+        data: function() {
+          return [-100, 0, 100, 200];
+        }
+      },
+      {
+        slot: 1,
+        type: 'GridLines',
+        id: 'verticalGridLines',
+        orientation: 'vertical',
+        data: function() {
+          return this.chart.components.xAxis.getLabelInfo();
+        }
+      },
+      {
+        slot: 1,
+        type: 'GridLines',
+        id: 'horizontalGridLines',
+        data: function() {
+          return this.chart.components.yAxis.getLabelInfo();
+        }
+      },
+      {
+        slot: 1,
+        type: 'LineSeries',
+        id: 'lineSeries',
+        viewport: {
+          minX: -100,
+          maxX: 300,
+          minY: -100,
+          maxY: 200,
+        },
+        data: DATA.LINE_SERIES
       },
-      data: @@LINE_SERIES_DATA
-    },
-    {
-      slot: 2,
-      type: 'Axis',
-      id: 'xAxis',
-      data: function() {
-        return [-100, 0, 100, 200, 300];
+      {
+        slot: 2,
+        type: 'Axis',
+        id: 'xAxis',
+        data: function() {
+          return [-100, 0, 100, 200, 300];
+        }
       }
-    }
-  ]
-});
+    ]
+  }
+}); 
diff --git a/examples/src/line-chart-with-horizontal-lines.js b/examples/src/line-chart-with-horizontal-lines.js
index ad2a8d7..1eeb196 100644
--- a/examples/src/line-chart-with-horizontal-lines.js
+++ b/examples/src/line-chart-with-horizontal-lines.js
@@ -1,48 +1,45 @@
-var chart = new MeteorChart({
-  container: 'container',
-  width: 445,
-  height: 250,
-
-  theme: MeteorChart.Themes.CoteAzur,
+CHARTS.push({
+  id: 'line-chart-with-horizontal-lines',
+  name: 'Line Chart with Horizontal Lines',
+  config: {
   layout: MeteorChart.Layouts.L4_A,
-
-  // set components data and options
-  components: [
-    {
-      slot: 0,
-      type: 'Axis',
-      id: 'yAxis',
-      data: function() {
-        return [-100, 0, 100, 200];
-      }
-    },
-    {
-      slot: 1,
-      type: 'GridLines',
-      id: 'horizontalGridLines',
-      data: function() {
-        return this.chart.components.yAxis.getLabelInfo();
-      }
-    },
-    {
-      slot: 1,
-      type: 'LineSeries',
-      id: 'lineSeries',
-      viewport: {
-        minX: -100,
-        maxX: 300,
-        minY: -100,
-        maxY: 200,
+    components: [
+      {
+        slot: 0,
+        type: 'Axis',
+        id: 'yAxis',
+        data: function() {
+          return [-100, 0, 100, 200];
+        }
+      },
+      {
+        slot: 1,
+        type: 'GridLines',
+        id: 'horizontalGridLines',
+        data: function() {
+          return this.chart.components.yAxis.getLabelInfo();
+        }
+      },
+      {
+        slot: 1,
+        type: 'LineSeries',
+        id: 'lineSeries',
+        viewport: {
+          minX: -100,
+          maxX: 300,
+          minY: -100,
+          maxY: 200,
+        },
+        data: DATA.LINE_SERIES
       },
-      data: @@LINE_SERIES_DATA   
-    },
-    {
-      slot: 2,
-      type: 'Axis',
-      id: 'xAxis',
-      data: function() {
-        return [-100, 0, 100, 200, 300];
+      {
+        slot: 2,
+        type: 'Axis',
+        id: 'xAxis',
+        data: function() {
+          return [-100, 0, 100, 200, 300];
+        }
       }
-    }
-  ]
-});
+    ]
+  }
+}); 
diff --git a/examples/src/line-chart-with-right-legend.js b/examples/src/line-chart-with-right-legend.js
index d648af2..87eac68 100644
--- a/examples/src/line-chart-with-right-legend.js
+++ b/examples/src/line-chart-with-right-legend.js
@@ -1,49 +1,51 @@
-var chart = new MeteorChart({
-  container: 'container',
-  width: 445,
-  height: 250,
-
-  theme: MeteorChart.Themes.CoteAzur,
-  layout: MeteorChart.Layouts.L4_C,
-
-  // set components data and styles
-  components: [
-    {
-      slot: 3,
-      type: 'Legend',
-      id: 'legend',
-      orientation: 'vertical',
-      data: function() {
-        return ['Series 1', 'Series 2'];
-      }
-    },
-    {
-      slot: 0,
-      type: 'Axis',
-      id: 'yAxis',
-      data: function() {
-        return [-100, 0, 100, 200];
-      }
-    },
-    {
-      slot: 1,
-      type: 'LineSeries',
-      id: 'lineSeries',
-      viewport: {
-        minX: -100,
-        maxX: 300,
-        minY: -100,
-        maxY: 200,
+CHARTS.push({
+  id: 'line-chart-with-right-legend',
+  name: 'Line Chart with Right Legend',
+  config: {
+    layout: MeteorChart.Layouts.L4_C,
+    components: [
+      {
+        slot: 3,
+        type: 'Legend',
+        id: 'legend',
+        orientation: 'vertical',
+        data: function() {
+          return ['Series 1', 'Series 2'];
+        }
+      },
+      {
+        slot: 0,
+        type: 'Axis',
+        id: 'yAxis',
+        data: function() {
+          return [-100, 0, 100, 200];
+        }
+      },
+      {
+        slot: 1,
+        type: 'LineSeries',
+        id: 'lineSeries',
+        viewport: {
+          minX: -100,
+          maxX: 300,
+          minY: -100,
+          maxY: 200,
+        },
+        data: DATA.LINE_SERIES
       },
-      data: @@LINE_SERIES_DATA
-    },
-    {
-      slot: 2,
-      type: 'Axis',
-      id: 'xAxis',
-      data: function() {
-        return [-100, 0, 100, 200, 300];
+      {
+        slot: 2,
+        type: 'Axis',
+        id: 'xAxis',
+        data: function() {
+          return [-100, 0, 100, 200, 300];
+        }
       }
-    }
-  ]
-});
+    ]
+  }
+}); 
+
+
+
+
+
diff --git a/examples/src/line-chart-with-title.js b/examples/src/line-chart-with-title.js
index c88c6dd..339e9bc 100644
--- a/examples/src/line-chart-with-title.js
+++ b/examples/src/line-chart-with-title.js
@@ -1,45 +1,46 @@
-var chart = new MeteorChart({
-  container: 'container',
-  width: 445,
-  height: 250,
-
-  theme: MeteorChart.Themes.Firenze,
+CHARTS.push({
+  id: 'line-chart-with-title',
+  name: 'Line Chart with Title',
+  config: {
   layout: MeteorChart.Layouts.L4_B,
-
-  components: [
-    {
-      slot: 0,
-      type: 'Title',
-      id: 'title',
-      data: 'Awesome Blossom Possum'
-    },
-    {
-      slot: 1,
-      type: 'Axis',
-      id: 'yAxis',
-      data: function() {
-        return [-100, 0, 100, 200];
-      }
-    },
-    {
-      slot: 2,
-      type: 'LineSeries',
-      id: 'lineSeries',
-      viewport: {
-        minX: -100,
-        maxX: 300,
-        minY: -100,
-        maxY: 200,
+    components: [
+      {
+        slot: 0,
+        type: 'Title',
+        id: 'title',
+        data: 'Awesome Blossom Possum'
+      },
+      {
+        slot: 1,
+        type: 'Axis',
+        id: 'yAxis',
+        data: function() {
+          return [-100, 0, 100, 200];
+        }
       },
-      data: @@LINE_SERIES_DATA
-    },
-    {
-      slot: 3,
-      type: 'Axis',
-      id: 'xAxis',
-      data: function() {
-        return [-100, 0, 100, 200, 300];
+      {
+        slot: 2,
+        type: 'LineSeries',
+        id: 'lineSeries',
+        viewport: {
+          minX: -100,
+          maxX: 300,
+          minY: -100,
+          maxY: 200,
+        },
+        data: DATA.LINE_SERIES
+      },
+      {
+        slot: 3,
+        type: 'Axis',
+        id: 'xAxis',
+        data: function() {
+          return [-100, 0, 100, 200, 300];
+        }
       }
-    }
-  ]
-});
+    ]
+  }
+}); 
+
+
+  
diff --git a/examples/src/line-chart-with-top-legend.js b/examples/src/line-chart-with-top-legend.js
index feaff81..63a843c 100644
--- a/examples/src/line-chart-with-top-legend.js
+++ b/examples/src/line-chart-with-top-legend.js
@@ -1,49 +1,46 @@
-var chart = new MeteorChart({
-  container: 'container',
-  width: 445,
-  height: 250,
-
-  theme: MeteorChart.Themes.CoteAzur,
-  layout: MeteorChart.Layouts.L4_B,
-
-  // set components data and styles
-  components: [
-    {
-      slot: 0,
-      type: 'Legend',
-      id: 'legend',
-      align: 'right',
-      data: function() {
-        return ['Series 1', 'Series 2'];
-      }
-    },
-    {
-      slot: 1,
-      type: 'Axis',
-      id: 'yAxis',
-      data: function() {
-        return [-100, 0, 100, 200];
-      }
-    },
-    {
-      slot: 2,
-      type: 'LineSeries',
-      id: 'lineSeries',
-      viewport: {
-        minX: -100,
-        maxX: 300,
-        minY: -100,
-        maxY: 200,
+CHARTS.push({
+  id: 'line-chart-with-top-legend',
+  name: 'Line Chart with Top Legend',
+  config: {
+    layout: MeteorChart.Layouts.L4_B,
+    components: [
+      {
+        slot: 0,
+        type: 'Legend',
+        id: 'legend',
+        align: 'right',
+        data: function() {
+          return ['Series 1', 'Series 2'];
+        }
+      },
+      {
+        slot: 1,
+        type: 'Axis',
+        id: 'yAxis',
+        data: function() {
+          return [-100, 0, 100, 200];
+        }
+      },
+      {
+        slot: 2,
+        type: 'LineSeries',
+        id: 'lineSeries',
+        viewport: {
+          minX: -100,
+          maxX: 300,
+          minY: -100,
+          maxY: 200,
+        },
+        data: DATA.LINE_SERIES
       },
-      data: @@LINE_SERIES_DATA
-    },
-    {
-      slot: 3,
-      type: 'Axis',
-      id: 'xAxis',
-      data: function() {
-        return [-100, 0, 100, 200, 300];
+      {
+        slot: 3,
+        type: 'Axis',
+        id: 'xAxis',
+        data: function() {
+          return [-100, 0, 100, 200, 300];
+        }
       }
-    }
-  ]
+    ]
+  }
 });
diff --git a/examples/src/line-chart-with-vertical-lines.js b/examples/src/line-chart-with-vertical-lines.js
index 019f84a..214d4d9 100644
--- a/examples/src/line-chart-with-vertical-lines.js
+++ b/examples/src/line-chart-with-vertical-lines.js
@@ -1,49 +1,47 @@
-var chart = new MeteorChart({
-  container: 'container',
-  width: 445,
-  height: 250,
-
-  theme: MeteorChart.Themes.CoteAzur,
+CHARTS.push({
+  id: 'line-chart-with-vertical-lines',
+  name: 'Line Chart with Vertical Lines',
+  config: {
   layout: MeteorChart.Layouts.L4_A,
-
-  // set components data and options
-  components: [
-    {
-      slot: 0,
-      type: 'Axis',
-      id: 'yAxis',
-      data: function() {
-        return [-100, 0, 100, 200];
-      }
-    },
-    {
-      slot: 1,
-      type: 'GridLines',
-      id: 'verticalGridLines',
-      orientation: 'vertical',
-      data: function() {
-        return this.chart.components.xAxis.getLabelInfo();
-      }
-    },
-    {
-      slot: 1,
-      type: 'LineSeries',
-      id: 'lineSeries',
-      viewport: {
-        minX: -100,
-        maxX: 300,
-        minY: -100,
-        maxY: 200,
+    components: [
+      {
+        slot: 0,
+        type: 'Axis',
+        id: 'yAxis',
+        data: function() {
+          return [-100, 0, 100, 200];
+        }
       },
-      data: @@LINE_SERIES_DATA
-    },
-    {
-      slot: 2,
-      type: 'Axis',
-      id: 'xAxis',
-      data: function() {
-        return [-100, 0, 100, 200, 300];
+      {
+        slot: 1,
+        type: 'GridLines',
+        id: 'verticalGridLines',
+        orientation: 'vertical',
+        data: function() {
+          return this.chart.components.xAxis.getLabelInfo();
+        }
+      },
+      {
+        slot: 1,
+        type: 'LineSeries',
+        id: 'lineSeries',
+        viewport: {
+          minX: -100,
+          maxX: 300,
+          minY: -100,
+          maxY: 200,
+        },
+        data: DATA.LINE_SERIES
+      },
+      {
+        slot: 2,
+        type: 'Axis',
+        id: 'xAxis',
+        data: function() {
+          return [-100, 0, 100, 200, 300];
+        }
       }
-    }
-  ]
-});
+    ]
+  }
+}); 
+
diff --git a/examples/src/line-chart.js b/examples/src/line-chart.js
index 4024f10..6a6aa7d 100644
--- a/examples/src/line-chart.js
+++ b/examples/src/line-chart.js
@@ -1,39 +1,47 @@
-var chart = new MeteorChart({
-  container: 'container',
-  width: 445,
-  height: 250,
+CHARTS.push({
+  id: '',
+  name: '',
+  config: {
 
-  theme: MeteorChart.Themes.CoteAzur,
-  layout: MeteorChart.Layouts.L4_A,
+  }
+}); 
 
-  components: [
-    {
-      slot: 0,
-      type: 'Axis',
-      id: 'yAxis',
-      data: function() {
-        return [-100, 0, 100, 200];
-      }
-    },
-    {
-      slot: 1,
-      type: 'LineSeries',
-      id: 'lineSeries',
-      viewport: {
-        minX: -100,
-        maxX: 300,
-        minY: -100,
-        maxY: 200,
+CHARTS.push({
+  id: 'line-chart',
+  name: 'Line Chart',
+  config: {
+    layout: MeteorChart.Layouts.L4_A,
+    components: [
+      {
+        slot: 0,
+        type: 'Axis',
+        id: 'yAxis',
+        data: function() {
+          return [-100, 0, 100, 200];
+        }
+      },
+      {
+        slot: 1,
+        type: 'LineSeries',
+        id: 'lineSeries',
+        viewport: {
+          minX: -100,
+          maxX: 300,
+          minY: -100,
+          maxY: 200,
+        },
+        data: DATA.LINE_SERIES
       },
-      data: @@LINE_SERIES_DATA
-    },
-    {
-      slot: 2,
-      type: 'Axis',
-      id: 'xAxis',
-      data: function() {
-        return [-100, 0, 100, 200, 300];
+      {
+        slot: 2,
+        type: 'Axis',
+        id: 'xAxis',
+        data: function() {
+          return [-100, 0, 100, 200, 300];
+        }
       }
-    }
-  ]
+    ]
+  }
 });
+
+
diff --git a/examples/src/line-spark-chart.js b/examples/src/line-spark-chart.js
index 66332d4..90bfc4e 100644
--- a/examples/src/line-spark-chart.js
+++ b/examples/src/line-spark-chart.js
@@ -1,23 +1,21 @@
-var chart = new MeteorChart({
-  container: 'container',
-  width: 445,
-  height: 250,
-
-  theme: MeteorChart.Themes.CoteAzur,
-  layout: MeteorChart.Layouts.L1_A,
-
-  components: [
-    {
-      slot: 0,
-      type: 'LineSeries',
-      id: 'lineSeries',
-      viewport: {
-        minX: -100,
-        maxX: 300,
-        minY: -100,
-        maxY: 200,
-      },
-      data: @@LINE_SERIES_DATA
-    }
-  ]
-});
\ No newline at end of file
+CHARTS.push({
+  id: 'line-spark-chart',
+  name: 'Line Spark Chart',
+  config: {
+    layout: MeteorChart.Layouts.L1_A,
+    components: [
+      {
+        slot: 0,
+        type: 'LineSeries',
+        id: 'lineSeries',
+        viewport: {
+          minX: -100,
+          maxX: 300,
+          minY: -100,
+          maxY: 200,
+        },
+        data: DATA.LINE_SERIES
+      }
+    ]
+  }
+}); 
diff --git a/lib/underscore.js b/lib/underscore.js
new file mode 100644
index 0000000..d8c4bd8
--- /dev/null
+++ b/lib/underscore.js
@@ -0,0 +1,1343 @@
+//     Underscore.js 1.6.0
+//     http://underscorejs.org
+//     (c) 2009-2014 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+//     Underscore may be freely distributed under the MIT license.
+
+(function() {
+
+  // Baseline setup
+  // --------------
+
+  // Establish the root object, `window` in the browser, or `exports` on the server.
+  var root = this;
+
+  // Save the previous value of the `_` variable.
+  var previousUnderscore = root._;
+
+  // Establish the object that gets returned to break out of a loop iteration.
+  var breaker = {};
+
+  // Save bytes in the minified (but not gzipped) version:
+  var ArrayProto = Array.prototype, ObjProto = Object.prototype, FuncProto = Function.prototype;
+
+  // Create quick reference variables for speed access to core prototypes.
+  var
+    push             = ArrayProto.push,
+    slice            = ArrayProto.slice,
+    concat           = ArrayProto.concat,
+    toString         = ObjProto.toString,
+    hasOwnProperty   = ObjProto.hasOwnProperty;
+
+  // All **ECMAScript 5** native function implementations that we hope to use
+  // are declared here.
+  var
+    nativeForEach      = ArrayProto.forEach,
+    nativeMap          = ArrayProto.map,
+    nativeReduce       = ArrayProto.reduce,
+    nativeReduceRight  = ArrayProto.reduceRight,
+    nativeFilter       = ArrayProto.filter,
+    nativeEvery        = ArrayProto.every,
+    nativeSome         = ArrayProto.some,
+    nativeIndexOf      = ArrayProto.indexOf,
+    nativeLastIndexOf  = ArrayProto.lastIndexOf,
+    nativeIsArray      = Array.isArray,
+    nativeKeys         = Object.keys,
+    nativeBind         = FuncProto.bind;
+
+  // Create a safe reference to the Underscore object for use below.
+  var _ = function(obj) {
+    if (obj instanceof _) return obj;
+    if (!(this instanceof _)) return new _(obj);
+    this._wrapped = obj;
+  };
+
+  // Export the Underscore object for **Node.js**, with
+  // backwards-compatibility for the old `require()` API. If we're in
+  // the browser, add `_` as a global object via a string identifier,
+  // for Closure Compiler "advanced" mode.
+  if (typeof exports !== 'undefined') {
+    if (typeof module !== 'undefined' && module.exports) {
+      exports = module.exports = _;
+    }
+    exports._ = _;
+  } else {
+    root._ = _;
+  }
+
+  // Current version.
+  _.VERSION = '1.6.0';
+
+  // Collection Functions
+  // --------------------
+
+  // The cornerstone, an `each` implementation, aka `forEach`.
+  // Handles objects with the built-in `forEach`, arrays, and raw objects.
+  // Delegates to **ECMAScript 5**'s native `forEach` if available.
+  var each = _.each = _.forEach = function(obj, iterator, context) {
+    if (obj == null) return obj;
+    if (nativeForEach && obj.forEach === nativeForEach) {
+      obj.forEach(iterator, context);
+    } else if (obj.length === +obj.length) {
+      for (var i = 0, length = obj.length; i < length; i++) {
+        if (iterator.call(context, obj[i], i, obj) === breaker) return;
+      }
+    } else {
+      var keys = _.keys(obj);
+      for (var i = 0, length = keys.length; i < length; i++) {
+        if (iterator.call(context, obj[keys[i]], keys[i], obj) === breaker) return;
+      }
+    }
+    return obj;
+  };
+
+  // Return the results of applying the iterator to each element.
+  // Delegates to **ECMAScript 5**'s native `map` if available.
+  _.map = _.collect = function(obj, iterator, context) {
+    var results = [];
+    if (obj == null) return results;
+    if (nativeMap && obj.map === nativeMap) return obj.map(iterator, context);
+    each(obj, function(value, index, list) {
+      results.push(iterator.call(context, value, index, list));
+    });
+    return results;
+  };
+
+  var reduceError = 'Reduce of empty array with no initial value';
+
+  // **Reduce** builds up a single result from a list of values, aka `inject`,
+  // or `foldl`. Delegates to **ECMAScript 5**'s native `reduce` if available.
+  _.reduce = _.foldl = _.inject = function(obj, iterator, memo, context) {
+    var initial = arguments.length > 2;
+    if (obj == null) obj = [];
+    if (nativeReduce && obj.reduce === nativeReduce) {
+      if (context) iterator = _.bind(iterator, context);
+      return initial ? obj.reduce(iterator, memo) : obj.reduce(iterator);
+    }
+    each(obj, function(value, index, list) {
+      if (!initial) {
+        memo = value;
+        initial = true;
+      } else {
+        memo = iterator.call(context, memo, value, index, list);
+      }
+    });
+    if (!initial) throw new TypeError(reduceError);
+    return memo;
+  };
+
+  // The right-associative version of reduce, also known as `foldr`.
+  // Delegates to **ECMAScript 5**'s native `reduceRight` if available.
+  _.reduceRight = _.foldr = function(obj, iterator, memo, context) {
+    var initial = arguments.length > 2;
+    if (obj == null) obj = [];
+    if (nativeReduceRight && obj.reduceRight === nativeReduceRight) {
+      if (context) iterator = _.bind(iterator, context);
+      return initial ? obj.reduceRight(iterator, memo) : obj.reduceRight(iterator);
+    }
+    var length = obj.length;
+    if (length !== +length) {
+      var keys = _.keys(obj);
+      length = keys.length;
+    }
+    each(obj, function(value, index, list) {
+      index = keys ? keys[--length] : --length;
+      if (!initial) {
+        memo = obj[index];
+        initial = true;
+      } else {
+        memo = iterator.call(context, memo, obj[index], index, list);
+      }
+    });
+    if (!initial) throw new TypeError(reduceError);
+    return memo;
+  };
+
+  // Return the first value which passes a truth test. Aliased as `detect`.
+  _.find = _.detect = function(obj, predicate, context) {
+    var result;
+    any(obj, function(value, index, list) {
+      if (predicate.call(context, value, index, list)) {
+        result = value;
+        return true;
+      }
+    });
+    return result;
+  };
+
+  // Return all the elements that pass a truth test.
+  // Delegates to **ECMAScript 5**'s native `filter` if available.
+  // Aliased as `select`.
+  _.filter = _.select = function(obj, predicate, context) {
+    var results = [];
+    if (obj == null) return results;
+    if (nativeFilter && obj.filter === nativeFilter) return obj.filter(predicate, context);
+    each(obj, function(value, index, list) {
+      if (predicate.call(context, value, index, list)) results.push(value);
+    });
+    return results;
+  };
+
+  // Return all the elements for which a truth test fails.
+  _.reject = function(obj, predicate, context) {
+    return _.filter(obj, function(value, index, list) {
+      return !predicate.call(context, value, index, list);
+    }, context);
+  };
+
+  // Determine whether all of the elements match a truth test.
+  // Delegates to **ECMAScript 5**'s native `every` if available.
+  // Aliased as `all`.
+  _.every = _.all = function(obj, predicate, context) {
+    predicate || (predicate = _.identity);
+    var result = true;
+    if (obj == null) return result;
+    if (nativeEvery && obj.every === nativeEvery) return obj.every(predicate, context);
+    each(obj, function(value, index, list) {
+      if (!(result = result && predicate.call(context, value, index, list))) return breaker;
+    });
+    return !!result;
+  };
+
+  // Determine if at least one element in the object matches a truth test.
+  // Delegates to **ECMAScript 5**'s native `some` if available.
+  // Aliased as `any`.
+  var any = _.some = _.any = function(obj, predicate, context) {
+    predicate || (predicate = _.identity);
+    var result = false;
+    if (obj == null) return result;
+    if (nativeSome && obj.some === nativeSome) return obj.some(predicate, context);
+    each(obj, function(value, index, list) {
+      if (result || (result = predicate.call(context, value, index, list))) return breaker;
+    });
+    return !!result;
+  };
+
+  // Determine if the array or object contains a given value (using `===`).
+  // Aliased as `include`.
+  _.contains = _.include = function(obj, target) {
+    if (obj == null) return false;
+    if (nativeIndexOf && obj.indexOf === nativeIndexOf) return obj.indexOf(target) != -1;
+    return any(obj, function(value) {
+      return value === target;
+    });
+  };
+
+  // Invoke a method (with arguments) on every item in a collection.
+  _.invoke = function(obj, method) {
+    var args = slice.call(arguments, 2);
+    var isFunc = _.isFunction(method);
+    return _.map(obj, function(value) {
+      return (isFunc ? method : value[method]).apply(value, args);
+    });
+  };
+
+  // Convenience version of a common use case of `map`: fetching a property.
+  _.pluck = function(obj, key) {
+    return _.map(obj, _.property(key));
+  };
+
+  // Convenience version of a common use case of `filter`: selecting only objects
+  // containing specific `key:value` pairs.
+  _.where = function(obj, attrs) {
+    return _.filter(obj, _.matches(attrs));
+  };
+
+  // Convenience version of a common use case of `find`: getting the first object
+  // containing specific `key:value` pairs.
+  _.findWhere = function(obj, attrs) {
+    return _.find(obj, _.matches(attrs));
+  };
+
+  // Return the maximum element or (element-based computation).
+  // Can't optimize arrays of integers longer than 65,535 elements.
+  // See [WebKit Bug 80797](https://bugs.webkit.org/show_bug.cgi?id=80797)
+  _.max = function(obj, iterator, context) {
+    if (!iterator && _.isArray(obj) && obj[0] === +obj[0] && obj.length < 65535) {
+      return Math.max.apply(Math, obj);
+    }
+    var result = -Infinity, lastComputed = -Infinity;
+    each(obj, function(value, index, list) {
+      var computed = iterator ? iterator.call(context, value, index, list) : value;
+      if (computed > lastComputed) {
+        result = value;
+        lastComputed = computed;
+      }
+    });
+    return result;
+  };
+
+  // Return the minimum element (or element-based computation).
+  _.min = function(obj, iterator, context) {
+    if (!iterator && _.isArray(obj) && obj[0] === +obj[0] && obj.length < 65535) {
+      return Math.min.apply(Math, obj);
+    }
+    var result = Infinity, lastComputed = Infinity;
+    each(obj, function(value, index, list) {
+      var computed = iterator ? iterator.call(context, value, index, list) : value;
+      if (computed < lastComputed) {
+        result = value;
+        lastComputed = computed;
+      }
+    });
+    return result;
+  };
+
+  // Shuffle an array, using the modern version of the
+  // [Fisher-Yates shuffle](http://en.wikipedia.org/wiki/Fisher–Yates_shuffle).
+  _.shuffle = function(obj) {
+    var rand;
+    var index = 0;
+    var shuffled = [];
+    each(obj, function(value) {
+      rand = _.random(index++);
+      shuffled[index - 1] = shuffled[rand];
+      shuffled[rand] = value;
+    });
+    return shuffled;
+  };
+
+  // Sample **n** random values from a collection.
+  // If **n** is not specified, returns a single random element.
+  // The internal `guard` argument allows it to work with `map`.
+  _.sample = function(obj, n, guard) {
+    if (n == null || guard) {
+      if (obj.length !== +obj.length) obj = _.values(obj);
+      return obj[_.random(obj.length - 1)];
+    }
+    return _.shuffle(obj).slice(0, Math.max(0, n));
+  };
+
+  // An internal function to generate lookup iterators.
+  var lookupIterator = function(value) {
+    if (value == null) return _.identity;
+    if (_.isFunction(value)) return value;
+    return _.property(value);
+  };
+
+  // Sort the object's values by a criterion produced by an iterator.
+  _.sortBy = function(obj, iterator, context) {
+    iterator = lookupIterator(iterator);
+    return _.pluck(_.map(obj, function(value, index, list) {
+      return {
+        value: value,
+        index: index,
+        criteria: iterator.call(context, value, index, list)
+      };
+    }).sort(function(left, right) {
+      var a = left.criteria;
+      var b = right.criteria;
+      if (a !== b) {
+        if (a > b || a === void 0) return 1;
+        if (a < b || b === void 0) return -1;
+      }
+      return left.index - right.index;
+    }), 'value');
+  };
+
+  // An internal function used for aggregate "group by" operations.
+  var group = function(behavior) {
+    return function(obj, iterator, context) {
+      var result = {};
+      iterator = lookupIterator(iterator);
+      each(obj, function(value, index) {
+        var key = iterator.call(context, value, index, obj);
+        behavior(result, key, value);
+      });
+      return result;
+    };
+  };
+
+  // Groups the object's values by a criterion. Pass either a string attribute
+  // to group by, or a function that returns the criterion.
+  _.groupBy = group(function(result, key, value) {
+    _.has(result, key) ? result[key].push(value) : result[key] = [value];
+  });
+
+  // Indexes the object's values by a criterion, similar to `groupBy`, but for
+  // when you know that your index values will be unique.
+  _.indexBy = group(function(result, key, value) {
+    result[key] = value;
+  });
+
+  // Counts instances of an object that group by a certain criterion. Pass
+  // either a string attribute to count by, or a function that returns the
+  // criterion.
+  _.countBy = group(function(result, key) {
+    _.has(result, key) ? result[key]++ : result[key] = 1;
+  });
+
+  // Use a comparator function to figure out the smallest index at which
+  // an object should be inserted so as to maintain order. Uses binary search.
+  _.sortedIndex = function(array, obj, iterator, context) {
+    iterator = lookupIterator(iterator);
+    var value = iterator.call(context, obj);
+    var low = 0, high = array.length;
+    while (low < high) {
+      var mid = (low + high) >>> 1;
+      iterator.call(context, array[mid]) < value ? low = mid + 1 : high = mid;
+    }
+    return low;
+  };
+
+  // Safely create a real, live array from anything iterable.
+  _.toArray = function(obj) {
+    if (!obj) return [];
+    if (_.isArray(obj)) return slice.call(obj);
+    if (obj.length === +obj.length) return _.map(obj, _.identity);
+    return _.values(obj);
+  };
+
+  // Return the number of elements in an object.
+  _.size = function(obj) {
+    if (obj == null) return 0;
+    return (obj.length === +obj.length) ? obj.length : _.keys(obj).length;
+  };
+
+  // Array Functions
+  // ---------------
+
+  // Get the first element of an array. Passing **n** will return the first N
+  // values in the array. Aliased as `head` and `take`. The **guard** check
+  // allows it to work with `_.map`.
+  _.first = _.head = _.take = function(array, n, guard) {
+    if (array == null) return void 0;
+    if ((n == null) || guard) return array[0];
+    if (n < 0) return [];
+    return slice.call(array, 0, n);
+  };
+
+  // Returns everything but the last entry of the array. Especially useful on
+  // the arguments object. Passing **n** will return all the values in
+  // the array, excluding the last N. The **guard** check allows it to work with
+  // `_.map`.
+  _.initial = function(array, n, guard) {
+    return slice.call(array, 0, array.length - ((n == null) || guard ? 1 : n));
+  };
+
+  // Get the last element of an array. Passing **n** will return the last N
+  // values in the array. The **guard** check allows it to work with `_.map`.
+  _.last = function(array, n, guard) {
+    if (array == null) return void 0;
+    if ((n == null) || guard) return array[array.length - 1];
+    return slice.call(array, Math.max(array.length - n, 0));
+  };
+
+  // Returns everything but the first entry of the array. Aliased as `tail` and `drop`.
+  // Especially useful on the arguments object. Passing an **n** will return
+  // the rest N values in the array. The **guard**
+  // check allows it to work with `_.map`.
+  _.rest = _.tail = _.drop = function(array, n, guard) {
+    return slice.call(array, (n == null) || guard ? 1 : n);
+  };
+
+  // Trim out all falsy values from an array.
+  _.compact = function(array) {
+    return _.filter(array, _.identity);
+  };
+
+  // Internal implementation of a recursive `flatten` function.
+  var flatten = function(input, shallow, output) {
+    if (shallow && _.every(input, _.isArray)) {
+      return concat.apply(output, input);
+    }
+    each(input, function(value) {
+      if (_.isArray(value) || _.isArguments(value)) {
+        shallow ? push.apply(output, value) : flatten(value, shallow, output);
+      } else {
+        output.push(value);
+      }
+    });
+    return output;
+  };
+
+  // Flatten out an array, either recursively (by default), or just one level.
+  _.flatten = function(array, shallow) {
+    return flatten(array, shallow, []);
+  };
+
+  // Return a version of the array that does not contain the specified value(s).
+  _.without = function(array) {
+    return _.difference(array, slice.call(arguments, 1));
+  };
+
+  // Split an array into two arrays: one whose elements all satisfy the given
+  // predicate, and one whose elements all do not satisfy the predicate.
+  _.partition = function(array, predicate) {
+    var pass = [], fail = [];
+    each(array, function(elem) {
+      (predicate(elem) ? pass : fail).push(elem);
+    });
+    return [pass, fail];
+  };
+
+  // Produce a duplicate-free version of the array. If the array has already
+  // been sorted, you have the option of using a faster algorithm.
+  // Aliased as `unique`.
+  _.uniq = _.unique = function(array, isSorted, iterator, context) {
+    if (_.isFunction(isSorted)) {
+      context = iterator;
+      iterator = isSorted;
+      isSorted = false;
+    }
+    var initial = iterator ? _.map(array, iterator, context) : array;
+    var results = [];
+    var seen = [];
+    each(initial, function(value, index) {
+      if (isSorted ? (!index || seen[seen.length - 1] !== value) : !_.contains(seen, value)) {
+        seen.push(value);
+        results.push(array[index]);
+      }
+    });
+    return results;
+  };
+
+  // Produce an array that contains the union: each distinct element from all of
+  // the passed-in arrays.
+  _.union = function() {
+    return _.uniq(_.flatten(arguments, true));
+  };
+
+  // Produce an array that contains every item shared between all the
+  // passed-in arrays.
+  _.intersection = function(array) {
+    var rest = slice.call(arguments, 1);
+    return _.filter(_.uniq(array), function(item) {
+      return _.every(rest, function(other) {
+        return _.contains(other, item);
+      });
+    });
+  };
+
+  // Take the difference between one array and a number of other arrays.
+  // Only the elements present in just the first array will remain.
+  _.difference = function(array) {
+    var rest = concat.apply(ArrayProto, slice.call(arguments, 1));
+    return _.filter(array, function(value){ return !_.contains(rest, value); });
+  };
+
+  // Zip together multiple lists into a single array -- elements that share
+  // an index go together.
+  _.zip = function() {
+    var length = _.max(_.pluck(arguments, 'length').concat(0));
+    var results = new Array(length);
+    for (var i = 0; i < length; i++) {
+      results[i] = _.pluck(arguments, '' + i);
+    }
+    return results;
+  };
+
+  // Converts lists into objects. Pass either a single array of `[key, value]`
+  // pairs, or two parallel arrays of the same length -- one of keys, and one of
+  // the corresponding values.
+  _.object = function(list, values) {
+    if (list == null) return {};
+    var result = {};
+    for (var i = 0, length = list.length; i < length; i++) {
+      if (values) {
+        result[list[i]] = values[i];
+      } else {
+        result[list[i][0]] = list[i][1];
+      }
+    }
+    return result;
+  };
+
+  // If the browser doesn't supply us with indexOf (I'm looking at you, **MSIE**),
+  // we need this function. Return the position of the first occurrence of an
+  // item in an array, or -1 if the item is not included in the array.
+  // Delegates to **ECMAScript 5**'s native `indexOf` if available.
+  // If the array is large and already in sort order, pass `true`
+  // for **isSorted** to use binary search.
+  _.indexOf = function(array, item, isSorted) {
+    if (array == null) return -1;
+    var i = 0, length = array.length;
+    if (isSorted) {
+      if (typeof isSorted == 'number') {
+        i = (isSorted < 0 ? Math.max(0, length + isSorted) : isSorted);
+      } else {
+        i = _.sortedIndex(array, item);
+        return array[i] === item ? i : -1;
+      }
+    }
+    if (nativeIndexOf && array.indexOf === nativeIndexOf) return array.indexOf(item, isSorted);
+    for (; i < length; i++) if (array[i] === item) return i;
+    return -1;
+  };
+
+  // Delegates to **ECMAScript 5**'s native `lastIndexOf` if available.
+  _.lastIndexOf = function(array, item, from) {
+    if (array == null) return -1;
+    var hasIndex = from != null;
+    if (nativeLastIndexOf && array.lastIndexOf === nativeLastIndexOf) {
+      return hasIndex ? array.lastIndexOf(item, from) : array.lastIndexOf(item);
+    }
+    var i = (hasIndex ? from : array.length);
+    while (i--) if (array[i] === item) return i;
+    return -1;
+  };
+
+  // Generate an integer Array containing an arithmetic progression. A port of
+  // the native Python `range()` function. See
+  // [the Python documentation](http://docs.python.org/library/functions.html#range).
+  _.range = function(start, stop, step) {
+    if (arguments.length <= 1) {
+      stop = start || 0;
+      start = 0;
+    }
+    step = arguments[2] || 1;
+
+    var length = Math.max(Math.ceil((stop - start) / step), 0);
+    var idx = 0;
+    var range = new Array(length);
+
+    while(idx < length) {
+      range[idx++] = start;
+      start += step;
+    }
+
+    return range;
+  };
+
+  // Function (ahem) Functions
+  // ------------------
+
+  // Reusable constructor function for prototype setting.
+  var ctor = function(){};
+
+  // Create a function bound to a given object (assigning `this`, and arguments,
+  // optionally). Delegates to **ECMAScript 5**'s native `Function.bind` if
+  // available.
+  _.bind = function(func, context) {
+    var args, bound;
+    if (nativeBind && func.bind === nativeBind) return nativeBind.apply(func, slice.call(arguments, 1));
+    if (!_.isFunction(func)) throw new TypeError;
+    args = slice.call(arguments, 2);
+    return bound = function() {
+      if (!(this instanceof bound)) return func.apply(context, args.concat(slice.call(arguments)));
+      ctor.prototype = func.prototype;
+      var self = new ctor;
+      ctor.prototype = null;
+      var result = func.apply(self, args.concat(slice.call(arguments)));
+      if (Object(result) === result) return result;
+      return self;
+    };
+  };
+
+  // Partially apply a function by creating a version that has had some of its
+  // arguments pre-filled, without changing its dynamic `this` context. _ acts
+  // as a placeholder, allowing any combination of arguments to be pre-filled.
+  _.partial = function(func) {
+    var boundArgs = slice.call(arguments, 1);
+    return function() {
+      var position = 0;
+      var args = boundArgs.slice();
+      for (var i = 0, length = args.length; i < length; i++) {
+        if (args[i] === _) args[i] = arguments[position++];
+      }
+      while (position < arguments.length) args.push(arguments[position++]);
+      return func.apply(this, args);
+    };
+  };
+
+  // Bind a number of an object's methods to that object. Remaining arguments
+  // are the method names to be bound. Useful for ensuring that all callbacks
+  // defined on an object belong to it.
+  _.bindAll = function(obj) {
+    var funcs = slice.call(arguments, 1);
+    if (funcs.length === 0) throw new Error('bindAll must be passed function names');
+    each(funcs, function(f) { obj[f] = _.bind(obj[f], obj); });
+    return obj;
+  };
+
+  // Memoize an expensive function by storing its results.
+  _.memoize = function(func, hasher) {
+    var memo = {};
+    hasher || (hasher = _.identity);
+    return function() {
+      var key = hasher.apply(this, arguments);
+      return _.has(memo, key) ? memo[key] : (memo[key] = func.apply(this, arguments));
+    };
+  };
+
+  // Delays a function for the given number of milliseconds, and then calls
+  // it with the arguments supplied.
+  _.delay = function(func, wait) {
+    var args = slice.call(arguments, 2);
+    return setTimeout(function(){ return func.apply(null, args); }, wait);
+  };
+
+  // Defers a function, scheduling it to run after the current call stack has
+  // cleared.
+  _.defer = function(func) {
+    return _.delay.apply(_, [func, 1].concat(slice.call(arguments, 1)));
+  };
+
+  // Returns a function, that, when invoked, will only be triggered at most once
+  // during a given window of time. Normally, the throttled function will run
+  // as much as it can, without ever going more than once per `wait` duration;
+  // but if you'd like to disable the execution on the leading edge, pass
+  // `{leading: false}`. To disable execution on the trailing edge, ditto.
+  _.throttle = function(func, wait, options) {
+    var context, args, result;
+    var timeout = null;
+    var previous = 0;
+    options || (options = {});
+    var later = function() {
+      previous = options.leading === false ? 0 : _.now();
+      timeout = null;
+      result = func.apply(context, args);
+      context = args = null;
+    };
+    return function() {
+      var now = _.now();
+      if (!previous && options.leading === false) previous = now;
+      var remaining = wait - (now - previous);
+      context = this;
+      args = arguments;
+      if (remaining <= 0) {
+        clearTimeout(timeout);
+        timeout = null;
+        previous = now;
+        result = func.apply(context, args);
+        context = args = null;
+      } else if (!timeout && options.trailing !== false) {
+        timeout = setTimeout(later, remaining);
+      }
+      return result;
+    };
+  };
+
+  // Returns a function, that, as long as it continues to be invoked, will not
+  // be triggered. The function will be called after it stops being called for
+  // N milliseconds. If `immediate` is passed, trigger the function on the
+  // leading edge, instead of the trailing.
+  _.debounce = function(func, wait, immediate) {
+    var timeout, args, context, timestamp, result;
+
+    var later = function() {
+      var last = _.now() - timestamp;
+      if (last < wait) {
+        timeout = setTimeout(later, wait - last);
+      } else {
+        timeout = null;
+        if (!immediate) {
+          result = func.apply(context, args);
+          context = args = null;
+        }
+      }
+    };
+
+    return function() {
+      context = this;
+      args = arguments;
+      timestamp = _.now();
+      var callNow = immediate && !timeout;
+      if (!timeout) {
+        timeout = setTimeout(later, wait);
+      }
+      if (callNow) {
+        result = func.apply(context, args);
+        context = args = null;
+      }
+
+      return result;
+    };
+  };
+
+  // Returns a function that will be executed at most one time, no matter how
+  // often you call it. Useful for lazy initialization.
+  _.once = function(func) {
+    var ran = false, memo;
+    return function() {
+      if (ran) return memo;
+      ran = true;
+      memo = func.apply(this, arguments);
+      func = null;
+      return memo;
+    };
+  };
+
+  // Returns the first function passed as an argument to the second,
+  // allowing you to adjust arguments, run code before and after, and
+  // conditionally execute the original function.
+  _.wrap = function(func, wrapper) {
+    return _.partial(wrapper, func);
+  };
+
+  // Returns a function that is the composition of a list of functions, each
+  // consuming the return value of the function that follows.
+  _.compose = function() {
+    var funcs = arguments;
+    return function() {
+      var args = arguments;
+      for (var i = funcs.length - 1; i >= 0; i--) {
+        args = [funcs[i].apply(this, args)];
+      }
+      return args[0];
+    };
+  };
+
+  // Returns a function that will only be executed after being called N times.
+  _.after = function(times, func) {
+    return function() {
+      if (--times < 1) {
+        return func.apply(this, arguments);
+      }
+    };
+  };
+
+  // Object Functions
+  // ----------------
+
+  // Retrieve the names of an object's properties.
+  // Delegates to **ECMAScript 5**'s native `Object.keys`
+  _.keys = function(obj) {
+    if (!_.isObject(obj)) return [];
+    if (nativeKeys) return nativeKeys(obj);
+    var keys = [];
+    for (var key in obj) if (_.has(obj, key)) keys.push(key);
+    return keys;
+  };
+
+  // Retrieve the values of an object's properties.
+  _.values = function(obj) {
+    var keys = _.keys(obj);
+    var length = keys.length;
+    var values = new Array(length);
+    for (var i = 0; i < length; i++) {
+      values[i] = obj[keys[i]];
+    }
+    return values;
+  };
+
+  // Convert an object into a list of `[key, value]` pairs.
+  _.pairs = function(obj) {
+    var keys = _.keys(obj);
+    var length = keys.length;
+    var pairs = new Array(length);
+    for (var i = 0; i < length; i++) {
+      pairs[i] = [keys[i], obj[keys[i]]];
+    }
+    return pairs;
+  };
+
+  // Invert the keys and values of an object. The values must be serializable.
+  _.invert = function(obj) {
+    var result = {};
+    var keys = _.keys(obj);
+    for (var i = 0, length = keys.length; i < length; i++) {
+      result[obj[keys[i]]] = keys[i];
+    }
+    return result;
+  };
+
+  // Return a sorted list of the function names available on the object.
+  // Aliased as `methods`
+  _.functions = _.methods = function(obj) {
+    var names = [];
+    for (var key in obj) {
+      if (_.isFunction(obj[key])) names.push(key);
+    }
+    return names.sort();
+  };
+
+  // Extend a given object with all the properties in passed-in object(s).
+  _.extend = function(obj) {
+    each(slice.call(arguments, 1), function(source) {
+      if (source) {
+        for (var prop in source) {
+          obj[prop] = source[prop];
+        }
+      }
+    });
+    return obj;
+  };
+
+  // Return a copy of the object only containing the whitelisted properties.
+  _.pick = function(obj) {
+    var copy = {};
+    var keys = concat.apply(ArrayProto, slice.call(arguments, 1));
+    each(keys, function(key) {
+      if (key in obj) copy[key] = obj[key];
+    });
+    return copy;
+  };
+
+   // Return a copy of the object without the blacklisted properties.
+  _.omit = function(obj) {
+    var copy = {};
+    var keys = concat.apply(ArrayProto, slice.call(arguments, 1));
+    for (var key in obj) {
+      if (!_.contains(keys, key)) copy[key] = obj[key];
+    }
+    return copy;
+  };
+
+  // Fill in a given object with default properties.
+  _.defaults = function(obj) {
+    each(slice.call(arguments, 1), function(source) {
+      if (source) {
+        for (var prop in source) {
+          if (obj[prop] === void 0) obj[prop] = source[prop];
+        }
+      }
+    });
+    return obj;
+  };
+
+  // Create a (shallow-cloned) duplicate of an object.
+  _.clone = function(obj) {
+    if (!_.isObject(obj)) return obj;
+    return _.isArray(obj) ? obj.slice() : _.extend({}, obj);
+  };
+
+  // Invokes interceptor with the obj, and then returns obj.
+  // The primary purpose of this method is to "tap into" a method chain, in
+  // order to perform operations on intermediate results within the chain.
+  _.tap = function(obj, interceptor) {
+    interceptor(obj);
+    return obj;
+  };
+
+  // Internal recursive comparison function for `isEqual`.
+  var eq = function(a, b, aStack, bStack) {
+    // Identical objects are equal. `0 === -0`, but they aren't identical.
+    // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).
+    if (a === b) return a !== 0 || 1 / a == 1 / b;
+    // A strict comparison is necessary because `null == undefined`.
+    if (a == null || b == null) return a === b;
+    // Unwrap any wrapped objects.
+    if (a instanceof _) a = a._wrapped;
+    if (b instanceof _) b = b._wrapped;
+    // Compare `[[Class]]` names.
+    var className = toString.call(a);
+    if (className != toString.call(b)) return false;
+    switch (className) {
+      // Strings, numbers, dates, and booleans are compared by value.
+      case '[object String]':
+        // Primitives and their corresponding object wrappers are equivalent; thus, `"5"` is
+        // equivalent to `new String("5")`.
+        return a == String(b);
+      case '[object Number]':
+        // `NaN`s are equivalent, but non-reflexive. An `egal` comparison is performed for
+        // other numeric values.
+        return a != +a ? b != +b : (a == 0 ? 1 / a == 1 / b : a == +b);
+      case '[object Date]':
+      case '[object Boolean]':
+        // Coerce dates and booleans to numeric primitive values. Dates are compared by their
+        // millisecond representations. Note that invalid dates with millisecond representations
+        // of `NaN` are not equivalent.
+        return +a == +b;
+      // RegExps are compared by their source patterns and flags.
+      case '[object RegExp]':
+        return a.source == b.source &&
+               a.global == b.global &&
+               a.multiline == b.multiline &&
+               a.ignoreCase == b.ignoreCase;
+    }
+    if (typeof a != 'object' || typeof b != 'object') return false;
+    // Assume equality for cyclic structures. The algorithm for detecting cyclic
+    // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.
+    var length = aStack.length;
+    while (length--) {
+      // Linear search. Performance is inversely proportional to the number of
+      // unique nested structures.
+      if (aStack[length] == a) return bStack[length] == b;
+    }
+    // Objects with different constructors are not equivalent, but `Object`s
+    // from different frames are.
+    var aCtor = a.constructor, bCtor = b.constructor;
+    if (aCtor !== bCtor && !(_.isFunction(aCtor) && (aCtor instanceof aCtor) &&
+                             _.isFunction(bCtor) && (bCtor instanceof bCtor))
+                        && ('constructor' in a && 'constructor' in b)) {
+      return false;
+    }
+    // Add the first object to the stack of traversed objects.
+    aStack.push(a);
+    bStack.push(b);
+    var size = 0, result = true;
+    // Recursively compare objects and arrays.
+    if (className == '[object Array]') {
+      // Compare array lengths to determine if a deep comparison is necessary.
+      size = a.length;
+      result = size == b.length;
+      if (result) {
+        // Deep compare the contents, ignoring non-numeric properties.
+        while (size--) {
+          if (!(result = eq(a[size], b[size], aStack, bStack))) break;
+        }
+      }
+    } else {
+      // Deep compare objects.
+      for (var key in a) {
+        if (_.has(a, key)) {
+          // Count the expected number of properties.
+          size++;
+          // Deep compare each member.
+          if (!(result = _.has(b, key) && eq(a[key], b[key], aStack, bStack))) break;
+        }
+      }
+      // Ensure that both objects contain the same number of properties.
+      if (result) {
+        for (key in b) {
+          if (_.has(b, key) && !(size--)) break;
+        }
+        result = !size;
+      }
+    }
+    // Remove the first object from the stack of traversed objects.
+    aStack.pop();
+    bStack.pop();
+    return result;
+  };
+
+  // Perform a deep comparison to check if two objects are equal.
+  _.isEqual = function(a, b) {
+    return eq(a, b, [], []);
+  };
+
+  // Is a given array, string, or object empty?
+  // An "empty" object has no enumerable own-properties.
+  _.isEmpty = function(obj) {
+    if (obj == null) return true;
+    if (_.isArray(obj) || _.isString(obj)) return obj.length === 0;
+    for (var key in obj) if (_.has(obj, key)) return false;
+    return true;
+  };
+
+  // Is a given value a DOM element?
+  _.isElement = function(obj) {
+    return !!(obj && obj.nodeType === 1);
+  };
+
+  // Is a given value an array?
+  // Delegates to ECMA5's native Array.isArray
+  _.isArray = nativeIsArray || function(obj) {
+    return toString.call(obj) == '[object Array]';
+  };
+
+  // Is a given variable an object?
+  _.isObject = function(obj) {
+    return obj === Object(obj);
+  };
+
+  // Add some isType methods: isArguments, isFunction, isString, isNumber, isDate, isRegExp.
+  each(['Arguments', 'Function', 'String', 'Number', 'Date', 'RegExp'], function(name) {
+    _['is' + name] = function(obj) {
+      return toString.call(obj) == '[object ' + name + ']';
+    };
+  });
+
+  // Define a fallback version of the method in browsers (ahem, IE), where
+  // there isn't any inspectable "Arguments" type.
+  if (!_.isArguments(arguments)) {
+    _.isArguments = function(obj) {
+      return !!(obj && _.has(obj, 'callee'));
+    };
+  }
+
+  // Optimize `isFunction` if appropriate.
+  if (typeof (/./) !== 'function') {
+    _.isFunction = function(obj) {
+      return typeof obj === 'function';
+    };
+  }
+
+  // Is a given object a finite number?
+  _.isFinite = function(obj) {
+    return isFinite(obj) && !isNaN(parseFloat(obj));
+  };
+
+  // Is the given value `NaN`? (NaN is the only number which does not equal itself).
+  _.isNaN = function(obj) {
+    return _.isNumber(obj) && obj != +obj;
+  };
+
+  // Is a given value a boolean?
+  _.isBoolean = function(obj) {
+    return obj === true || obj === false || toString.call(obj) == '[object Boolean]';
+  };
+
+  // Is a given value equal to null?
+  _.isNull = function(obj) {
+    return obj === null;
+  };
+
+  // Is a given variable undefined?
+  _.isUndefined = function(obj) {
+    return obj === void 0;
+  };
+
+  // Shortcut function for checking if an object has a given property directly
+  // on itself (in other words, not on a prototype).
+  _.has = function(obj, key) {
+    return hasOwnProperty.call(obj, key);
+  };
+
+  // Utility Functions
+  // -----------------
+
+  // Run Underscore.js in *noConflict* mode, returning the `_` variable to its
+  // previous owner. Returns a reference to the Underscore object.
+  _.noConflict = function() {
+    root._ = previousUnderscore;
+    return this;
+  };
+
+  // Keep the identity function around for default iterators.
+  _.identity = function(value) {
+    return value;
+  };
+
+  _.constant = function(value) {
+    return function () {
+      return value;
+    };
+  };
+
+  _.property = function(key) {
+    return function(obj) {
+      return obj[key];
+    };
+  };
+
+  // Returns a predicate for checking whether an object has a given set of `key:value` pairs.
+  _.matches = function(attrs) {
+    return function(obj) {
+      if (obj === attrs) return true; //avoid comparing an object to itself.
+      for (var key in attrs) {
+        if (attrs[key] !== obj[key])
+          return false;
+      }
+      return true;
+    }
+  };
+
+  // Run a function **n** times.
+  _.times = function(n, iterator, context) {
+    var accum = Array(Math.max(0, n));
+    for (var i = 0; i < n; i++) accum[i] = iterator.call(context, i);
+    return accum;
+  };
+
+  // Return a random integer between min and max (inclusive).
+  _.random = function(min, max) {
+    if (max == null) {
+      max = min;
+      min = 0;
+    }
+    return min + Math.floor(Math.random() * (max - min + 1));
+  };
+
+  // A (possibly faster) way to get the current timestamp as an integer.
+  _.now = Date.now || function() { return new Date().getTime(); };
+
+  // List of HTML entities for escaping.
+  var entityMap = {
+    escape: {
+      '&': '&amp;',
+      '<': '&lt;',
+      '>': '&gt;',
+      '"': '&quot;',
+      "'": '&#x27;'
+    }
+  };
+  entityMap.unescape = _.invert(entityMap.escape);
+
+  // Regexes containing the keys and values listed immediately above.
+  var entityRegexes = {
+    escape:   new RegExp('[' + _.keys(entityMap.escape).join('') + ']', 'g'),
+    unescape: new RegExp('(' + _.keys(entityMap.unescape).join('|') + ')', 'g')
+  };
+
+  // Functions for escaping and unescaping strings to/from HTML interpolation.
+  _.each(['escape', 'unescape'], function(method) {
+    _[method] = function(string) {
+      if (string == null) return '';
+      return ('' + string).replace(entityRegexes[method], function(match) {
+        return entityMap[method][match];
+      });
+    };
+  });
+
+  // If the value of the named `property` is a function then invoke it with the
+  // `object` as context; otherwise, return it.
+  _.result = function(object, property) {
+    if (object == null) return void 0;
+    var value = object[property];
+    return _.isFunction(value) ? value.call(object) : value;
+  };
+
+  // Add your own custom functions to the Underscore object.
+  _.mixin = function(obj) {
+    each(_.functions(obj), function(name) {
+      var func = _[name] = obj[name];
+      _.prototype[name] = function() {
+        var args = [this._wrapped];
+        push.apply(args, arguments);
+        return result.call(this, func.apply(_, args));
+      };
+    });
+  };
+
+  // Generate a unique integer id (unique within the entire client session).
+  // Useful for temporary DOM ids.
+  var idCounter = 0;
+  _.uniqueId = function(prefix) {
+    var id = ++idCounter + '';
+    return prefix ? prefix + id : id;
+  };
+
+  // By default, Underscore uses ERB-style template delimiters, change the
+  // following template settings to use alternative delimiters.
+  _.templateSettings = {
+    evaluate    : /<%([\s\S]+?)%>/g,
+    interpolate : /<%=([\s\S]+?)%>/g,
+    escape      : /<%-([\s\S]+?)%>/g
+  };
+
+  // When customizing `templateSettings`, if you don't want to define an
+  // interpolation, evaluation or escaping regex, we need one that is
+  // guaranteed not to match.
+  var noMatch = /(.)^/;
+
+  // Certain characters need to be escaped so that they can be put into a
+  // string literal.
+  var escapes = {
+    "'":      "'",
+    '\\':     '\\',
+    '\r':     'r',
+    '\n':     'n',
+    '\t':     't',
+    '\u2028': 'u2028',
+    '\u2029': 'u2029'
+  };
+
+  var escaper = /\\|'|\r|\n|\t|\u2028|\u2029/g;
+
+  // JavaScript micro-templating, similar to John Resig's implementation.
+  // Underscore templating handles arbitrary delimiters, preserves whitespace,
+  // and correctly escapes quotes within interpolated code.
+  _.template = function(text, data, settings) {
+    var render;
+    settings = _.defaults({}, settings, _.templateSettings);
+
+    // Combine delimiters into one regular expression via alternation.
+    var matcher = new RegExp([
+      (settings.escape || noMatch).source,
+      (settings.interpolate || noMatch).source,
+      (settings.evaluate || noMatch).source
+    ].join('|') + '|$', 'g');
+
+    // Compile the template source, escaping string literals appropriately.
+    var index = 0;
+    var source = "__p+='";
+    text.replace(matcher, function(match, escape, interpolate, evaluate, offset) {
+      source += text.slice(index, offset)
+        .replace(escaper, function(match) { return '\\' + escapes[match]; });
+
+      if (escape) {
+        source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'";
+      }
+      if (interpolate) {
+        source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'";
+      }
+      if (evaluate) {
+        source += "';\n" + evaluate + "\n__p+='";
+      }
+      index = offset + match.length;
+      return match;
+    });
+    source += "';\n";
+
+    // If a variable is not specified, place data values in local scope.
+    if (!settings.variable) source = 'with(obj||{}){\n' + source + '}\n';
+
+    source = "var __t,__p='',__j=Array.prototype.join," +
+      "print=function(){__p+=__j.call(arguments,'');};\n" +
+      source + "return __p;\n";
+
+    try {
+      render = new Function(settings.variable || 'obj', '_', source);
+    } catch (e) {
+      e.source = source;
+      throw e;
+    }
+
+    if (data) return render(data, _);
+    var template = function(data) {
+      return render.call(this, data, _);
+    };
+
+    // Provide the compiled function source as a convenience for precompilation.
+    template.source = 'function(' + (settings.variable || 'obj') + '){\n' + source + '}';
+
+    return template;
+  };
+
+  // Add a "chain" function, which will delegate to the wrapper.
+  _.chain = function(obj) {
+    return _(obj).chain();
+  };
+
+  // OOP
+  // ---------------
+  // If Underscore is called as a function, it returns a wrapped object that
+  // can be used OO-style. This wrapper holds altered versions of all the
+  // underscore functions. Wrapped objects may be chained.
+
+  // Helper function to continue chaining intermediate results.
+  var result = function(obj) {
+    return this._chain ? _(obj).chain() : obj;
+  };
+
+  // Add all of the Underscore functions to the wrapper object.
+  _.mixin(_);
+
+  // Add all mutator Array functions to the wrapper.
+  each(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], function(name) {
+    var method = ArrayProto[name];
+    _.prototype[name] = function() {
+      var obj = this._wrapped;
+      method.apply(obj, arguments);
+      if ((name == 'shift' || name == 'splice') && obj.length === 0) delete obj[0];
+      return result.call(this, obj);
+    };
+  });
+
+  // Add all accessor Array functions to the wrapper.
+  each(['concat', 'join', 'slice'], function(name) {
+    var method = ArrayProto[name];
+    _.prototype[name] = function() {
+      return result.call(this, method.apply(this._wrapped, arguments));
+    };
+  });
+
+  _.extend(_.prototype, {
+
+    // Start chaining a wrapped Underscore object.
+    chain: function() {
+      this._chain = true;
+      return this;
+    },
+
+    // Extracts the result from a wrapped and chained object.
+    value: function() {
+      return this._wrapped;
+    }
+
+  });
+
+  // AMD registration happens at the end for compatibility with AMD loaders
+  // that may not enforce next-turn semantics on modules. Even though general
+  // practice for AMD registration is to be anonymous, underscore registers
+  // as a named module because, like jQuery, it is a base library that is
+  // popular enough to be bundled in a third party lib, but not be part of
+  // an AMD load request. Those cases could generate an error when an
+  // anonymous define() is called outside of a loader request.
+  if (typeof define === 'function' && define.amd) {
+    define('underscore', [], function() {
+      return _;
+    });
+  }
+}).call(this);
\ No newline at end of file