diff --git a/src/data/projEntry.tsx b/src/data/projEntry.tsx
index 6762d45..140fb55 100644
--- a/src/data/projEntry.tsx
+++ b/src/data/projEntry.tsx
@@ -313,6 +313,21 @@ export const main = createLayer("main", function (this: BaseLayer) {
}
});
+ const dNodesPerAxis = 50;
+ const dNodes = jsx(() =>
+ new Array(dNodesPerAxis * dNodesPerAxis).fill(0).map((_, i) => {
+ const x = (Math.floor(i / dNodesPerAxis) - dNodesPerAxis / 2) * 100;
+ const y = ((i % dNodesPerAxis) - dNodesPerAxis / 2) * 100;
+ return (
+
+ );
+ })
+ );
+
// const dNodes;
const links = jsx(() => (
@@ -389,7 +404,10 @@ export const main = createLayer("main", function (this: BaseLayer) {
onMouseLeave={endDrag}
ref={board}
>
- {links()}
+
+ {dNodes()}
+ {links()}
+
{nodes.value.filter(n => filterNodes(n.id)).map(renderNode)}
{filterNodes("cnode") && render(cNode)}
diff --git a/src/features/boards/SVGNode.vue b/src/features/boards/SVGNode.vue
index d36155b..a0d1b14 100644
--- a/src/features/boards/SVGNode.vue
+++ b/src/features/boards/SVGNode.vue
@@ -23,5 +23,6 @@ svg {
cursor: pointer;
transition-duration: 0s;
overflow: visible;
+ position: absolute;
}