model begin

client/package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@chartwerk/line-pod": "0.4.4",
+    "@chartwerk/scatter-pod": "^0.2.4",
     "@kyvg/vue3-notification": "^2.3.4",
     "@types/lodash": "^4.14.176",
     "@types/tinycolor2": "^1.4.3",

client/src/components/ScatterPlot.vue

@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <h3>MODEL</h3>
+    <div id="chart"></div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import ChartwerkScatterPod from "@chartwerk/scatter-pod";
+
+import _ from "lodash";
+
+
+
+export default defineComponent({
+  name: 'ScatterPlot',
+  props: {},
+  mounted() {
+    
+  },
+  methods: {
+    
+  }
+});
+</script>
+
+<style scoped lang="scss">
+#chart {
+  margin: auto;
+  width: 80%;
+  height: 350px;
+}
+</style>

client/src/router/index.ts

@@ -1,6 +1,7 @@
 import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
 import Home from '../views/Home.vue'
 import Login from '../views/Login.vue'
+import Model from '../views/Model.vue'
 
 const routes: Array<RouteRecordRaw> = [
   {
@@ -13,6 +14,11 @@ const routes: Array<RouteRecordRaw> = [
     name: 'Login',
     component: Login
   },
+  {
+    path: '/model',
+    name: 'Model',
+    component: Model
+  },
   {
     path: '/about',
     name: 'About',

client/src/views/Model.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="home">
+    <img alt="Vue logo" src="../assets/logo.png">
+    <scatter-plot />
+
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import ScatterPlot from '@/components/ScatterPlot.vue';
+
+export default defineComponent({
+  name: 'MOdel',
+  components: {    
+    ScatterPlot
+  },
+  methods: {
+    
+  }
+});
+</script>
+
+<style scoped>
+pre {
+  display: inline;
+}
+</style>

client/yarn.lock

@@ -228,6 +228,10 @@
   resolved "https://registry.yarnpkg.com/@chartwerk/core/-/core-0.3.2.tgz#40187a4d1dda5045effc04c01559ff16c236bca7"
   integrity sha512-E4Bb2rDBDTNXRM7koSXDwM6IYYNdLnqxJel1y2BmH4p9R0Z+3L0C4B+jYurkiwcnIWdGlHXVFL0E0khPeLypfA==
 
+"@chartwerk/core@github:chartwerk/core#532eddbc8ad938091b1d9ec1693cec5eddfdbfc2":
+  version "0.1.0"
+  resolved "https://codeload.github.com/chartwerk/core/tar.gz/532eddbc8ad938091b1d9ec1693cec5eddfdbfc2"
+
 "@chartwerk/line-pod@0.4.4":
   version "0.4.4"
   resolved "https://registry.yarnpkg.com/@chartwerk/line-pod/-/line-pod-0.4.4.tgz#724152e886c529df97019ba3dfed335ef42b2f57"
@@ -235,6 +239,13 @@
   dependencies:
     "@chartwerk/core" "^0.3.2"
 
+"@chartwerk/scatter-pod@^0.2.4":
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/@chartwerk/scatter-pod/-/scatter-pod-0.2.4.tgz#a10d50f4bcf544f1496de88ebae6359a9f4052b0"
+  integrity sha512-e0FUGEO22J0O5Jp73xjnPImFU/SC8qWkiC2fgYxX0MsA5gE1iAs9kdqGCFk/hFvSBonOAxubg9SfVyUJsKV9tQ==
+  dependencies:
+    "@chartwerk/core" "github:chartwerk/core#532eddbc8ad938091b1d9ec1693cec5eddfdbfc2"
+
 "@cnakazawa/watch@^1.0.3":
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.4.tgz#f864ae85004d0fcab6f50be9141c4da368d1656a"