{"id":"8838c807-b9c6-40af-85a4-29f889af8373","timestamp":1777057922382,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":["/editor","/rg-graphpilot-overview","/how-to-use-graphpilot-in-claude-code-codex","/graphpilot","/app","/zh/graphpilot","/zh/editor","/zh/how-to-use-graphpilot-in-claude-code-codex","/zh/app","/zh/rg-graphpilot-overview","/terms","/services","/zh/privacy-policy","/zh/terms","/zh/knowledge-content-license","/privacy-policy","/knowledge-content-license","/zh/services","/zh/pricing","/pricing","/zh/docs","/docs","/zh/examples","/examples","/solutions","/zh/solutions","/zh/products","/examples/basic-custom-node-and-minimap","/products","/examples/list","/zh/examples/basic-custom-node-and-minimap","/zh/examples/slot-based-node-content-and-styles","/examples/switchable-node-slot-templates","/zh/examples/list","/examples/node-css-skin-and-checked-state","/zh/examples/node-css-skin-and-checked-state","/examples/node-styling-techniques","/examples/force-layout-icon-button-nodes","/examples/slot-based-node-content-and-styles","/zh","/","/zh/examples/glowing-icon-node-tree","/zh/examples/force-layout-icon-button-nodes","/examples/glowing-icon-node-tree","/zh/examples/switchable-node-slot-templates","/zh/examples/gradient-line-graph-editor","/examples/graph-hand-drawn-style-switcher","/zh/examples/node-styling-techniques","/examples/gradient-line-graph-editor","/zh/examples/graph-hand-drawn-style-switcher","/examples/line-endpoint-gap-control","/zh/examples/line-shape-junctions-and-label-placement","/examples/line-shape-junctions-and-label-placement","/zh/examples/line-shapes-junctions-and-custom-arrows","/examples/line-shapes-junctions-and-custom-arrows","/zh/examples/line-endpoint-gap-control","/examples/ai-model-workflow-graph","/zh/examples/ai-model-workflow-graph","/examples/multi-line-gap-control","/zh/examples/multi-line-gap-control","/examples/built-in-line-dash-and-animation","/zh/examples/built-in-line-dash-and-animation","/zh/examples/animated-shortest-path-highlighting","/examples/batch-css-line-styles","/zh/examples/batch-css-line-styles","/zh/examples/checked-line-effects-presets","/zh/examples/graph-line-animation-presets","/examples/custom-line-arrow-presets","/examples/checked-line-effects-presets","/zh/examples/custom-line-arrow-presets","/examples/animated-shortest-path-highlighting","/zh/examples/graph-css-theme-switcher","/examples/built-in-line-rendering-options","/examples/graph-css-theme-switcher","/examples/animated-line-slot-detail-link","/examples/line-following-html-div-overlay","/zh/examples/line-following-html-div-overlay","/examples/simulated-data-flow-path","/zh/examples/simulated-data-flow-path","/zh/examples/animated-route-progress-line-slot","/zh/examples/graph-theme-and-layout-preset-switcher","/zh/examples/animated-line-slot-detail-link","/examples/graph-theme-and-layout-preset-switcher","/examples/custom-line-slot-rendering","/examples/animated-route-progress-line-slot","/zh/examples/built-in-line-rendering-options","/examples/graph-line-animation-presets","/zh/examples/custom-line-slot-rendering","/examples/line-text-position","/zh/examples/line-text-position","/examples/orthogonal-line-label-controls","/examples/curved-line-path-text-controls","/zh/examples/pattern-switchable-tape-lines","/zh/examples/curved-line-path-text-controls","/examples/pattern-switchable-tape-lines","/zh/examples/orthogonal-line-label-controls","/zh/examples/patterned-tape-line-rendering","/zh/examples/google-income-statement-ribbon-tutorial","/examples/patterned-tape-line-rendering","/examples/google-income-statement-ribbon-tutorial","/zh/examples/orthogonal-line-label-styling","/examples/tree-layout-orientation-switcher","/zh/examples/tree-layout-orientation-switcher","/examples/orthogonal-line-label-styling","/zh/examples/bidirectional-tree-line-label-tuning","/examples/bidirectional-tree-line-label-tuning","/examples/center-layout-spacing-controls","/zh/examples/tree-layout-level-and-node-spacing","/examples/tree-layout-line-options","/zh/examples/tree-layout-line-options","/zh/examples/center-layout-style-controls","/zh/examples/center-layout-spacing-controls","/examples/force-layout-performance-mode-stress-lab","/zh/examples/bidirectional-tree-line-direction-faq","/zh/examples/force-layout-runtime-parameter-controls","/examples/force-layout-runtime-parameter-controls","/examples/bidirectional-tree-line-direction-faq","/examples/tree-layout-level-and-node-spacing","/examples/force-layout-live-parameter-tuning","/examples/center-layout-style-controls","/zh/examples/performance-test-tree-layout","/zh/examples/force-layout-performance-mode-stress-lab","/examples/force-layout-node-weight-and-line-elasticity","/examples/custom-force-layout-color-clustering","/zh/examples/force-layout-node-weight-and-line-elasticity","/examples/performance-test-tree-layout","/examples/custom-force-layout-concentric-rings","/zh/examples/force-layout-live-parameter-tuning","/zh/examples/custom-force-layout-color-clustering","/examples/folder-layout-line-offset","/examples/force-clustering-with-controlled-anchor-motion","/zh/examples/custom-force-layout-concentric-rings","/zh/examples/folder-layout-line-offset","/zh/examples/enterprise-quadrant-fixed-layout","/examples/organization-tree-folder-layout","/zh/examples/organization-tree-folder-layout","/examples/center-and-tree-layout-composition","/examples/custom-mixed-subgraph-layouts","/zh/examples/center-and-tree-layout-composition","/zh/examples/custom-mixed-subgraph-layouts","/zh/examples/force-clustering-with-controlled-anchor-motion","/zh/examples/sequential-tree-group-layout","/examples/sequential-tree-group-layout","/examples/multi-group-layout-style-editor","/zh/examples/multi-group-layout-style-editor","/examples/enterprise-quadrant-fixed-layout","/zh/examples/industrial-chain-card-anchored-mixed-layout","/examples/industry-chain-group-layout-editor","/examples/connected-subnetwork-layout-switcher","/zh/examples/io-tree-layout-orientation-and-link-routing","/zh/examples/smart-tree-layout","/examples/io-tree-layout-orientation-and-link-routing","/examples/industrial-chain-card-anchored-mixed-layout","/zh/examples/connected-subnetwork-layout-switcher","/zh/examples/dagre-layout-integration-and-line-labels","/examples/dagre-layout-integration-and-line-labels","/examples/use-graphology-forceatlas2-layout","/examples/dagre-position-layout-runtime-controls","/zh/examples/industry-chain-group-layout-editor","/zh/examples/d3-treemap-pack-layout-integration","/examples/smart-tree-layout","/zh/examples/dagre-position-layout-runtime-controls","/zh/examples/use-graphology-forceatlas2-layout","/examples/d3-treemap-pack-layout-integration","/examples/system-architecture-diagram","/zh/examples/system-architecture-diagram","/zh/examples/custom-node-enterprise-promo-card","/examples/custom-node-enterprise-promo-card","/examples/google-income-statement-ribbon-infographic","/examples/bidirectional-tree-layout","/zh/examples/bidirectional-tree-layout","/zh/examples/investment-shareholder-relationship-explorer","/zh/examples/industry-chain-hierarchy-map","/examples/corporate-equity-structure-diagram","/examples/industry-chain-hierarchy-map","/zh/examples/corporate-equity-structure-diagram","/examples/show-all-preloaded-branch-nodes","/zh/examples/show-all-preloaded-branch-nodes","/zh/examples/google-income-statement-ribbon-infographic","/zh/examples/lazy-load-paginated-branch-nodes","/examples/trade-partner-relationship-explorer","/examples/investment-shareholder-relationship-explorer","/examples/lazy-load-paginated-branch-nodes","/examples/business-unit-organizational-chart","/zh/examples/database-foreign-key-diagram","/examples/map-linked-warehouse-product-overview","/examples/database-foreign-key-diagram","/zh/examples/business-unit-organizational-chart","/examples/class-members-and-interest-group-relations","/zh/examples/class-members-and-interest-group-relations","/zh/examples/trade-partner-relationship-explorer","/examples/corporate-group-relationship-tree","/examples/corporate-group-relationship-map","/zh/examples/corporate-group-relationship-tree","/zh/examples/corporate-group-relationship-map","/zh/examples/map-linked-warehouse-product-overview","/zh/examples/system-architecture-diagram-editor","/zh/examples/infrastructure-topology-dashboard","/examples/infrastructure-topology-dashboard","/examples/canvas-slot-cloud-infrastructure-topology","/zh/examples/canvas-slot-cloud-infrastructure-topology","/examples/network-topology-monitor","/zh/examples/network-topology-monitor","/examples/force-classifier","/examples/system-architecture-diagram-editor","/zh/examples/force-classifier","/examples/attribute-grouped-force-clustering","/examples/character-relationship-graph-filters","/zh/examples/character-relationship-graph-filters","/zh/examples/attribute-grouped-force-clustering","/zh/examples/character-relationship-graph-operations","/examples/character-relationship-graph-operations","/examples/graph-editor-with-context-menu-and-local-save","/examples/pcb-component-wiring-editor","/zh/examples/shortest-path-query","/examples/shortest-path-query","/zh/examples/pcb-component-wiring-editor","/zh/examples/toys-clock","/examples/zodiac-compatibility-matcher","/zh/examples/graph-editor-with-context-menu-and-local-save","/examples/toys-clock","/zh/examples/zodiac-compatibility-matcher","/examples/timer-driven-force-layout-parameter-cycling","/zh/examples/timer-driven-force-layout-parameter-cycling","/zh/examples/edit-node-text","/examples/preset-toolbar-node-and-line-creation","/zh/examples/preset-toolbar-node-and-line-creation","/zh/examples/batch-edit-selected-nodes","/examples/batch-edit-selected-nodes","/examples/edit-node-text","/examples/node-resize-controls-and-styles","/zh/examples/node-resize-controls-and-styles","/examples/around-node-quick-actions","/examples/selected-node-directional-line-creation","/zh/examples/around-node-quick-actions","/examples/selected-node-line-creation-with-target-endpoint-selection","/zh/examples/line-endpoint-editing","/zh/examples/selected-node-line-creation-with-target-endpoint-selection","/zh/examples/interactive-line-path-editing","/examples/line-endpoint-editing","/examples/custom-selected-line-toolbar","/zh/examples/selected-node-directional-line-creation","/examples/interactive-line-path-editing","/zh/examples/custom-selected-line-toolbar","/zh/examples/line-label-and-endpoint-editing","/examples/line-label-and-endpoint-editing","/examples/node-drag-alignment-guides","/zh/examples/canvas-coordinate-ruler","/examples/canvas-coordinate-ruler","/zh/examples/node-drag-alignment-guides","/zh/examples/adjustable-graph-minimap","/examples/node-drag-collision-drop-rules","/examples/adjustable-graph-minimap","/zh/examples/partial-node-drag-handles","/examples/graph-undo-redo-history","/examples/partial-node-drag-handles","/zh/examples/node-drag-collision-drop-rules","/examples/metric-rollup-graph-editor","/zh/examples/graph-undo-redo-history","/examples/freehand-strokes-to-graph-nodes","/zh/examples/freehand-strokes-to-graph-nodes","/examples/diagram-editor-workbench","/zh/examples/diagram-editor-workbench","/zh/examples/connect-targets-across-canvas-node-and-grid","/examples/element-lines","/zh/examples/compare-element-to-node-and-element-to-element-links","/zh/examples/connect-list-items-to-location-nodes","/zh/examples/element-lines","/examples/connect-targets-across-canvas-node-and-grid","/zh/examples/metric-rollup-graph-editor","/examples/connect-list-items-to-location-nodes","/examples/compare-element-to-node-and-element-to-element-links","/zh/examples/connect-lines-to-node-content-targets","/examples/connect-lines-to-node-content-targets","/examples/jin-yong-sect-map-browser","/examples/us-map-graph-overlay-snapshots","/zh/examples/us-map-graph-overlay-snapshots","/zh/examples/append-graph-data-in-stages","/zh/examples/managed-tree-branch-growth-reapply","/examples/lazy-load-tree-children-on-expand","/zh/examples/jin-yong-sect-map-browser","/examples/managed-tree-branch-growth-reapply","/zh/examples/lazy-load-tree-children-on-expand","/examples/world-map-graph-overlay-snapshots","/examples/append-graph-data-in-stages","/zh/examples/world-map-graph-overlay-snapshots","/examples/leaf-expand-button-lazy-loading","/zh/examples/context-menu-node-and-line-editing","/examples/circle-layout-isolated-nodes-with-green-straight-links","/examples/disconnected-multi-group-force-relayout","/examples/load-tree-from-hierarchical-data","/zh/examples/show-single-nodes","/examples/show-single-nodes","/examples/multi-group","/examples/force-layout-isolated-nodes-with-hidden-helper-lines","/zh/examples/disconnected-multi-group-force-relayout","/zh/examples/multi-group","/zh/examples/multiple-disconnected-subsystem-networks","/examples/context-menu-node-and-line-editing","/examples/multiple-disconnected-subsystem-networks","/zh/examples/force-layout-isolated-nodes-with-hidden-helper-lines","/zh/examples/circle-layout-isolated-nodes-with-green-straight-links","/zh/examples/leaf-expand-button-lazy-loading","/zh/examples/view-and-canvas-slots-overview","/examples/built-in-toolbar-position-and-theme","/examples/view-and-canvas-slots-overview","/zh/examples/toolbar-buttons","/examples/toolbar-buttons","/zh/examples/built-in-toolbar-position-and-theme","/examples/custom-toolbar-and-cross-layer-tooltips","/zh/examples/load-tree-from-hierarchical-data","/zh/examples/custom-toolbar-and-cross-layer-tooltips","/examples/custom-node-expand-button-slot","/examples/runtime-graph-controls","/examples/node-hover-tooltip","/zh/examples/custom-node-expand-button-slot","/zh/examples/search-and-focus","/zh/examples/runtime-graph-controls","/zh/examples/fullscreen-target-container","/zh/examples/node-hover-tooltip","/examples/search-and-focus","/examples/node-line-canvas-context-menu","/zh/examples/node-line-canvas-context-menu","/examples/fullscreen-target-container","/examples/node-line-tooltips-and-context-menu","/zh/examples/node-line-tooltips-and-context-menu","/zh/examples/canvas-interaction-events","/zh/examples/node-context-menu-via-slots","/examples/node-context-menu-via-slots","/examples/node-line-click-highlighting","/examples/canvas-selection-node-creation","/zh/examples/canvas-selection-node-creation","/examples/canvas-interaction-events","/examples/selection-create-or-select-nodes","/examples/highlight-line-and-endpoints-on-click","/examples/node-descendant-subtree-highlight","/zh/examples/highlight-related-lines-on-node-hover","/zh/examples/selection-create-or-select-nodes","/zh/examples/highlight-line-and-endpoints-on-click","/zh/examples/node-descendant-subtree-highlight","/examples/highlight-related-lines-on-node-hover","/zh/examples/graph-resize","/zh/examples/node-line-click-highlighting","/examples/graph-zoom-presets","/zh/examples/graph-zoom-presets","/examples/whole-graph-expand-collapse-playback","/examples/graph-resize","/zh/examples/root-side-branch-visibility-toggles","/examples/expand-graph-step-by-step","/zh/examples/whole-graph-expand-collapse-playback","/zh/examples/initially-collapsed-tree","/examples/root-side-branch-visibility-toggles","/examples/initially-collapsed-tree","/zh/examples/expand-graph-step-by-step","/examples/expand-tree-to-selected-level","/examples/focus-viewport-by-node-id","/zh/examples/focus-viewport-by-node-id","/zh/examples/expand-tree-to-selected-level","/zh/examples/automatic-layout-preset-switching","/zh/examples/connected-component-layout-and-theme-switcher","/examples/automatic-layout-preset-switching","/examples/connected-component-layout-and-theme-switcher","/examples/canvas-multi-node-selection","/zh/examples/canvas-multi-node-selection","/zh/examples/canvas-drag-wheel-modes","/zh/examples/canvas-node-interaction-locks","/examples/canvas-node-interaction-locks","/examples/click-related-node-group-highlights","/examples/node-neighborhood-group-background","/zh/examples/node-neighborhood-group-background","/examples/canvas-drag-wheel-modes","/zh/examples/partition-graph-with-canvas-zones","/zh/examples/click-related-node-group-highlights","/examples/partition-graph-with-canvas-zones","/zh/examples/canvas-center-offset","/examples/canvas-center-offset","/examples/layout-rotation-controls","/zh/examples/initialize-graph-on-tab-reveal","/examples/initialize-graph-on-tab-reveal","/zh/examples/layout-rotation-controls","/zh/examples/graph-canvas-theme-switcher","/zh/examples/center-layout-expand-relayout-toggle","/examples/graph-canvas-theme-switcher","/zh/examples/top-down-tree-expand-relayout-toggle","/examples/top-down-tree-expand-relayout-toggle","/examples/center-layout-expand-relayout-toggle","/zh/examples/export-graph-base64-image-data","/zh/examples/export-full-graph-image","/examples/export-full-graph-image","/examples/export-graph-base64-image-data","/examples/export-visible-graph-area-image","/zh/examples/export-visible-graph-area-image","/zh/examples/preview-graph-image-with-tiled-background","/examples/generate-image-with-background","/examples/graph-instance-expand-collapse-api","/zh/examples/graph-instance-expand-collapse-api","/examples/custom-graph-instance-mixed-layout","/examples/preview-graph-image-with-tiled-background","/zh/examples/generate-image-with-background","/zh/examples/custom-graph-instance-mixed-layout","/examples/list/layout","/zh/examples/list/use-cases","/examples/list/use-cases","/zh/examples/list/line","/examples/list/node","/examples/list/line","/zh/examples/list/free-lines","/examples/list/free-lines","/examples/list/data","/zh/examples/list/node","/examples/list/editing","/zh/examples/list/layout","/zh/examples/list/editing","/zh/examples/list/data","/examples/list/unconventional-data","/zh/examples/list/unconventional-data","/examples/list/widgets","/zh/examples/list/events-and-interactions","/zh/examples/list/widgets","/zh/examples/list/styles","/zh/examples/list/api","/zh/examples/list/image","/examples/list/events-and-interactions","/examples/list/api","/examples/list/image","/examples/list/styles","/docs/wiki/1","/docs/wiki/2","/zh/docs/wiki/3","/zh/docs/wiki/1","/docs/wiki/3","/zh/docs/wiki/2","/zh/docs/wiki/6","/docs/wiki/7","/docs/wiki/4","/docs/wiki/6","/docs/wiki/5","/zh/docs/wiki/7","/zh/docs/wiki/4","/docs/wiki/8","/docs/wiki/10","/docs/wiki/9","/zh/docs/wiki/11","/zh/docs/wiki/9","/docs/wiki/12","/zh/docs/wiki/8","/zh/docs/wiki/5","/zh/docs/wiki/10","/docs/wiki/11","/docs/wiki/13","/zh/docs/wiki/12","/zh/docs/wiki/13","/docs/data-crud","/pay-success","/zh/docs/data-line","/docs/data-line","/zh/docs/data-link","/zh/docs/data-crud","/zh/pay-success","/docs/data-node","/docs/data-link","/zh/docs/slot-line","/zh/docs/data-node","/docs/slot-node","/zh/docs/slot-node","/docs/slot-line","/docs/start-run","/docs/slot-view","/zh/docs/slot-view","/zh/docs/start-cdn","/zh/docs/start-run","/docs/start-cdn","/docs/options","/zh/docs/options","/docs/concepts","/docs/api-types","/zh/docs/styling","/docs/styling","/zh/docs/concepts","/zh/docs/multi-platform-architecture","/pay","/zh/pay","/zh/docs/start-react","/zh/docs/start-vue3","/docs/start-vue3","/docs/multi-platform-architecture","/zh/docs/api-types","/docs/start-react","/zh/docs/slot-canvas","/docs/slot-canvas","/zh/docs/introduction","/docs/introduction","/zh/docs/state-hooks","/docs/state-hooks","/docs/components","/docs/start-html","/zh/docs/slot-intro","/zh/docs/components","/401","/zh/docs/start-html","/404","/docs/start-vue2","/zh/docs/events","/zh/401","/zh/docs/start-vue2","/zh/docs/data-fakeline","/zh/404","/docs/slot-intro","/zh/docs/layout-thirdparty","/zh/docs/inner-components","/zh/docs/start-svelte","/zh/docs/layout-intro","/zh/docs/layout-builtin","/docs/data-fakeline","/zh/docs/graph-instance-api","/docs/layout-builtin","/docs/layout-thirdparty","/docs/layout-intro","/docs/events","/docs/inner-components","/zh/docs/about","/docs/graph-instance-api","/docs/about","/docs/start-svelte","/zh/pay-result","/pay-cancel","/pay-result","/zh/pay-cancel","/zh/docs/start","/docs/start","/zh/docs/start-drawing-board","/docs/start-drawing-board","/zh/docs/graph","/zh/docs/data","/docs/graph","/docs/data","/zh/examples/customer-layout-force","/examples/layout-tree","/examples/customer-layout-force","/examples/io-tree-layout","/zh/examples/bothway-tree2","/examples/bothway-tree2","/zh/examples/layout-tree","/examples/selections","/zh/examples/selections","/zh/examples/io-tree-layout","/examples/canvas-selection","/examples/canvas-selection-pro","/examples/custom-node-quick-actions","/zh/examples/canvas-selection-pro","/examples/create-line-from-node","/zh/examples/canvas-selection","/zh/examples/custom-node-quick-actions","/zh/examples/create-line-from-node"]}