diff --git a/client/package.json b/client/package.json
index 5b95bf13..a97d722b 100644
--- a/client/package.json
+++ b/client/package.json
@@ -13,6 +13,7 @@
   },
   "dependencies": {
     "axios": "^0.26.1",
+    "d3": "^7.4.4",
     "loglevel": "^1.8.0",
     "pinia": "^2.0.13",
     "vue": "^3.2.31",
diff --git a/client/src/components/circle/SimpleCircleDiagram.vue b/client/src/components/circle/SimpleCircleDiagram.vue
new file mode 100644
index 00000000..e213eba3
--- /dev/null
+++ b/client/src/components/circle/SimpleCircleDiagram.vue
@@ -0,0 +1,13 @@
+<template>
+$END$
+</template>
+
+<script>
+export default {
+name: "SimpleCircleDiagram"
+}
+</script>
+
+<style scoped>
+
+</style>