diff --git a/src/App.vue b/src/App.vue
index ef28aa2..784933f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,14 +1,16 @@
 <template>
   <div class="container">
     <bar-example :width="100" :height="200" :player={wins:'12'} :opponent={wins:'23'}></bar-example>
+    <line-example></line-example>
   </div>
 </template>
 
 <script>
   import BarExample from './examples/BarExample'
+  import LineExample from './examples/LineExample'
 
   export default {
-    components: { BarExample }
+    components: { BarExample, LineExample }
   }
 </script>
 
diff --git a/src/examples/LineExample.js b/src/examples/LineExample.js
new file mode 100644
index 0000000..8f8ecf2
--- /dev/null
+++ b/src/examples/LineExample.js
@@ -0,0 +1,16 @@
+import LineChart from '../BaseCharts/Line'
+
+export default LineChart.extend({
+  ready () {
+    this.render({
+      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+      datasets: [
+        {
+          label: 'Data One',
+          backgroundColor: '#f87979',
+          data: [40, 39, 10, 40, 39, 80, 40]
+        }
+      ]
+    })
+  }
+})