b9e42c3ef4
Build and Deploy / build-and-deploy (push) Has been cancelled
- lit-force-graph: Refactored for instance reuse, better lifecycle management, and added dynamic imports for AR/VR modes. - lit-html-table: Improved visual design, readability of headers, and fixed reactivity in editable mode. - lit-draggable-dom: Fixed clipping issues by switching to relative/absolute positioning and resolved a panning speed bug caused by CSS variable inheritance.
21 lines
553 B
TypeScript
21 lines
553 B
TypeScript
import ForceGraph from "3d-force-graph-vr";
|
|
import { RenderContext } from "../classes/context.js";
|
|
|
|
export function render(context: RenderContext) {
|
|
const graph = context.instance || ForceGraph();
|
|
const style = getComputedStyle(context.element);
|
|
|
|
if (!context.instance) {
|
|
graph(context.element);
|
|
}
|
|
|
|
graph
|
|
.graphData(context.data)
|
|
.width(Number(style.width.slice(0, -2)) || window.innerWidth)
|
|
.height(Number(style.height.slice(0, -2)) || window.innerHeight)
|
|
.showNavInfo(false)
|
|
.cooldownTicks(100);
|
|
|
|
return graph;
|
|
}
|