diff --git a/README.md b/README.md
index 754a622..2a7830b 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,7 @@
 # d3vue
 
+A list of Vue.js / D3.js examples. 
+
 > An example project of how use Vue.js with D3.js
 
 ## Build Setup
diff --git a/package.json b/package.json
index fac693e..cfdac57 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "build": "node build/build.js"
   },
   "dependencies": {
+    "d3": "^4.6.0",
     "vue": "^2.1.10",
     "vue-router": "^2.2.0"
   },
diff --git a/src/App.vue b/src/App.vue
index 136c754..f5143c5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <h1> D3.js vs Vue.js templates </h1>
+    <a href='#/'> <h1> D3.js vs Vue.js examples </h1> </a>
     <router-view></router-view>
   </div>
 </template>
@@ -11,7 +11,7 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 #app {
   font-family: 'Avenir', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
@@ -19,4 +19,8 @@ export default {
   text-align: center;
   margin-top: 30px;
 }
+a {
+  color: black;
+  text-decoration: none;
+}
 </style>
diff --git a/src/assets/logo.png b/src/assets/logo.png
deleted file mode 100644
index f3d2503..0000000
Binary files a/src/assets/logo.png and /dev/null differ
diff --git a/src/components/1-circle-mount.vue b/src/components/1-circle-mount.vue
deleted file mode 100644
index ea3c77d..0000000
--- a/src/components/1-circle-mount.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-  <div>aaaa</div>
-</template>
-
-<script>
-export default {
-  name: 'hello',
-  data () {
-    return {}
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-</style>
diff --git a/src/components/demos-navigation.vue b/src/components/demos-navigation.vue
new file mode 100644
index 0000000..b5d67a0
--- /dev/null
+++ b/src/components/demos-navigation.vue
@@ -0,0 +1,22 @@
+<template>
+  <div id="holder">
+    <div>
+      <a :href="prev.path"> < previous </a>
+      <!-- TODO: source code link  -->
+      <a :href="next.path"> next > </a>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  data () {
+    console.log(this.$route);
+    return {}
+  }
+}
+</script>
+
+<style>
+</style>
diff --git a/src/d3-components/1-circle-mount.vue b/src/d3-components/1-circle-mount.vue
new file mode 100644
index 0000000..5ccd344
--- /dev/null
+++ b/src/d3-components/1-circle-mount.vue
@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <svg width="500" height="300"></svg>
+  </div>
+</template>
+
+<script>
+const d3 = require('d3');
+export default {
+  data () {
+    console.log(this.$route);
+    return {}
+  }
+}
+</script>
+
+<style>
+</style>
diff --git a/src/router/demos.js b/src/router/demos.js
index df6a947..d3141ca 100644
--- a/src/router/demos.js
+++ b/src/router/demos.js
@@ -3,6 +3,6 @@ export const routes = [
   {
     name: 'Circle mount',
     path: '/1-circle-mount',
-    component: require('components/1-circle-mount')
+    component: require('d3-components/1-circle-mount')
   }
 ]