diff --git a/package.json b/package.json
index 02f68e23..c559b2b5 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
     "script-loader": "0.7.2",
     "sortablejs": "1.8.4",
     "tui-editor": "1.3.3",
+    "vis-network": "^9.1.9",
     "vue": "2.6.10",
     "vue-count-to": "1.0.13",
     "vue-router": "3.0.2",
diff --git a/src/views/dashboard/admin/index.vue b/src/views/dashboard/admin/index.vue
index e6d85363..3140ef9a 100644
--- a/src/views/dashboard/admin/index.vue
+++ b/src/views/dashboard/admin/index.vue
@@ -14,6 +14,11 @@
         </template>
       </el-table-column>
     </el-table>
+    <el-image
+      style="width: 100%; height: 100%"
+      :src="require('@/assets/custom-theme/topology.png')"
+      fit="fill"
+    />
   </div>
 </template>
 
@@ -74,6 +79,7 @@ export default {
         })
         .catch(error => console.error('Error fetching table data:', error))
     }
+
   }
 }
 </script>