maciejpedzich/six-degs-of-f1
1
0
Fork 0
mirror of https://github.com/maciejpedzich/six-degs-of-f1.git synced 2024-09-19 18:46:20 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Rename VisGraph component to Graph

Browse Source
This commit is contained in:
Maciej Pędzich 2024-04-28 22:36:57 +02:00
parent 02908f7021
commit bbce0af92a
Signed by: maciejpedzich
GPG Key ID: CE4A303D84882F0D
1 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/VisGraph.astro → src/components/Graph.astro
View File

@ -1,7 +1,7 @@
---
import type { Node, Edge, Options } from 'vis-network/esnext';
export interface Props {
interface Props {
nodes: Node[];
edges: Edge[];
options?: Options;
@ -40,6 +40,26 @@ const { nodes, edges, options = {} } = Astro.props;
edges
};
const options: Options = {
nodes: {
shape: 'box',
color: '#2060df',
font: {
color: '#fff'
}
},
edges: {
arrows: 'to',
color: '#4178e7'
},
layout: {
hierarchical: {
direction: 'UD',
sortMethod: 'directed',
nodeSpacing: 175,
levelSeparation: 80
}
},
physics: false,
...(JSON.parse(this.dataset.options as string) as Options)
};
@ -52,7 +72,7 @@ const { nodes, edges, options = {} } = Astro.props;
<style>
div {
width: 100vw;
height: 100vh;
width: 100%;
height: 100%;
}
</style>