diff --git a/src/App.vue b/src/App.vue
index c80adfa..ef28aa2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,14 +1,14 @@
 <template>
   <div class="container">
-    <test-chart :width="100" :height="200" :player={wins:'12'} :opponent={wins:'23'}></test-chart>
+    <bar-example :width="100" :height="200" :player={wins:'12'} :opponent={wins:'23'}></bar-example>
   </div>
 </template>
 
 <script>
-  import TestChart from './components/TestChart'
+  import BarExample from './examples/BarExample'
 
   export default {
-    components: { TestChart }
+    components: { BarExample }
   }
 </script>
 
diff --git a/src/components/BaseCharts/Bar.js b/src/BaseCharts/Bar.js
similarity index 100%
rename from src/components/BaseCharts/Bar.js
rename to src/BaseCharts/Bar.js
diff --git a/src/components/BaseCharts/Doughnut.js b/src/BaseCharts/Doughnut.js
similarity index 100%
rename from src/components/BaseCharts/Doughnut.js
rename to src/BaseCharts/Doughnut.js
diff --git a/src/components/BaseCharts/Line.js b/src/BaseCharts/Line.js
similarity index 100%
rename from src/components/BaseCharts/Line.js
rename to src/BaseCharts/Line.js
diff --git a/src/components/BaseCharts/Pie.js b/src/BaseCharts/Pie.js
similarity index 100%
rename from src/components/BaseCharts/Pie.js
rename to src/BaseCharts/Pie.js
diff --git a/src/components/BaseCharts/Radar.js b/src/BaseCharts/Radar.js
similarity index 100%
rename from src/components/BaseCharts/Radar.js
rename to src/BaseCharts/Radar.js
diff --git a/src/components/TestChart.js b/src/examples/BarExample.js
similarity index 85%
rename from src/components/TestChart.js
rename to src/examples/BarExample.js
index 37bf0c5..5b58cd6 100644
--- a/src/components/TestChart.js
+++ b/src/examples/BarExample.js
@@ -1,5 +1,4 @@
-// import BarChart from './BaseCharts/Bar'
-import BarChart from './BaseCharts/Line'
+import BarChart from '../BaseCharts/Bar'
 
 export default BarChart.extend({
   props: ['player', 'opponent'],