Class GraphNetwork<T>

GraphNetwork - Modern modular interactive SVG graph visualization library

Enhanced with full TypeScript support, comprehensive API, and modular architecture. Orchestrates physics simulation, rendering, UI management, and user interactions.

Example

const graph = new GraphNetwork<MyNodeType>('container-id', {
  data: { nodes: [...], links: [...] },
  config: {
    damping: 0.95,
    repulsionStrength: 6500,
    showControls: true
  }
});

Type Parameters

T extends NodeData = NodeData

Index

Constructors

constructor

Methods

updatePhysicsConfig startAnimation stopAnimation filterByNode resetFilter resetAllNodePositions resetViewAndLayout zoomIn zoomOut zoomToFit toggleTheme showTooltip hideTooltip configureTooltip clearGraph addNode deleteNode removeNode addEdge addLink deleteEdge removeLink getNodes getLinks getData getNode getEdge hasNode hasEdge updateNode updateEdge updateNodes updateEdges setData mergeData clearData replaceData startTransaction commitTransaction rollbackTransaction getTransactionStatus isInTransaction getNodeInstance getStats getConfig updateConfig export selectNode selectNodes selectEdge selectEdges deselectNode deselectEdge deselectAll toggleNodeSelection toggleEdgeSelection isNodeSelected isEdgeSelected getSelectedNodes getSelectedEdges setSelectionMode getSelectionMode setNodeStyle setEdgeStyle updateStyles resetStyle getNodeStyle getEdgeStyle highlightNode highlightNodes highlightEdge highlightEdges highlightPath highlightNeighbors highlightConnections clearHighlights clearNodeHighlight clearEdgeHighlight isNodeHighlighted isEdgeHighlighted getHighlightedNodes getHighlightedEdges focusOnNode focusOnNodes fitToView centerView isCameraAnimating stopCameraAnimation on off emit toObject destroy setTheme getCurrentTheme getAvailableThemes registerTheme updateTheme setNodeTypeStyle setEdgeTypeStyle setAutoColor isAutoColorEnabled setElementState getThemeManager configureGrid getGridConfig toString

Constructors

constructor

new GraphNetwork<T extends NodeData = NodeData>(
containerId: string,
options?: GraphNetworkOptions,
): GraphNetwork<T>
Create a new GraphNetwork instance
Type Parameters
- T extends NodeData = NodeData
Parameters
- containerId: string
  DOM element ID to render the graph in
- options: GraphNetworkOptions = {}
  Configuration options
Returns GraphNetwork<T>
- Defined in GraphNetwork.ts:180

Methods

updatePhysicsConfig

updatePhysicsConfig(key: string, value: any): void
Update physics configuration and notify physics engine
Parameters
- key: string
  Configuration key
- value: any
  New value
Returns void
- Defined in GraphNetwork.ts:416

startAnimation

startAnimation(): void
Start animation loop

Returns void
- Defined in GraphNetwork.ts:438

stopAnimation

stopAnimation(): void
Stop animation loop

Returns void
- Defined in GraphNetwork.ts:453

filterByNode

filterByNode(nodeId: string, depth?: null | number): void
Filter graph to show only specified node and its connections
Parameters
- nodeId: string
  ID of the node to filter by
- depth: null | number = null
  Connection depth (defaults to config.filterDepth)
Returns void
- Defined in GraphNetwork.ts:514

resetFilter

resetFilter(): void
Reset filter to show all nodes

Returns void
- Defined in GraphNetwork.ts:577

resetAllNodePositions

resetAllNodePositions(): void
Reset all node positions to random locations

Returns void
- Defined in GraphNetwork.ts:612

resetViewAndLayout

resetViewAndLayout(): void
Reset view and layout

Returns void
- Defined in GraphNetwork.ts:627

zoomIn

zoomIn(factor?: number): void
Zoom in towards the center
Parameters
- Optionalfactor: number
  Zoom factor (defaults to config-based calculation)
Returns void
- Defined in GraphNetwork.ts:647

zoomOut

zoomOut(factor?: number): void
Zoom out from the center
Parameters
- Optionalfactor: number
  Zoom factor (defaults to config-based calculation)
Returns void
- Defined in GraphNetwork.ts:677

zoomToFit

zoomToFit(padding?: number): void
Zoom to fit all nodes in the viewport
Parameters
- padding: number = 50
  Padding around the content (default: 50px)
Returns void
- Defined in GraphNetwork.ts:707

toggleTheme

toggleTheme(): void
Toggle between light and dark themes

Returns void
- Defined in GraphNetwork.ts:746

showTooltip

showTooltip(node: Node<T>, position?: null | Position): void
Show tooltip for node
Parameters
- node: Node<T>
  Node to show tooltip for
- position: null | Position = null
  Screen position for tooltip
Returns void
- Defined in GraphNetwork.ts:798

hideTooltip

hideTooltip(): void
Hide tooltip

Returns void
- Defined in GraphNetwork.ts:843

configureTooltip

configureTooltip(config: Partial<TooltipConfig>): void
Configure tooltip behavior
Parameters
- config: Partial<TooltipConfig>
  Tooltip configuration
Returns void
- Defined in GraphNetwork.ts:853

clearGraph

clearGraph(): void
Clear all graph data

Returns void
- Defined in GraphNetwork.ts:864

addNode

addNode(nodeData: T, options?: NodeCreationOptions): Node<T>
Add a single node to the graph with enhanced validation and positioning options
Parameters
- nodeData: T
  Node data to add
- options: NodeCreationOptions = {}
  Creation options including initial position
Returns Node<T>
- Defined in GraphNetwork.ts:880

deleteNode

deleteNode(nodeId: string, options?: DeletionOptions): boolean
Delete a node from the graph with enhanced orphaned edge handling
Parameters
- nodeId: string
  ID of the node to delete
- options: DeletionOptions = {}
  Deletion options including animation and redraw control
Returns boolean
- Defined in GraphNetwork.ts:991

removeNode

removeNode(nodeId: string, redraw?: boolean): boolean
Parameters
- nodeId: string
- redraw: boolean = true
Returns boolean
Deprecated
Use deleteNode() instead Legacy method for backward compatibility
- Defined in GraphNetwork.ts:1093

addEdge

addEdge(edgeData: EdgeData, options?: EdgeCreationOptions): RenderLink<T>
Add an edge to the graph with enhanced validation and ID tracking
Parameters
- edgeData: EdgeData
  Edge data with required ID
- options: EdgeCreationOptions = {}
  Creation options
Returns RenderLink<T>
- Defined in GraphNetwork.ts:1102

addLink

addLink(linkData: LinkData, redraw?: boolean): RenderLink<T>
Add a single link to the graph (backward compatibility)
Parameters
- linkData: LinkData
  Link data to add
- redraw: boolean = true
  Whether to redraw the graph (default: true)
Returns RenderLink<T>
- Defined in GraphNetwork.ts:1240

deleteEdge

deleteEdge(edgeId: string, options?: DeletionOptions): boolean
Delete an edge from the graph by ID
Parameters
- edgeId: string
  ID of the edge to delete
- options: DeletionOptions = {}
  Deletion options
Returns boolean
- Defined in GraphNetwork.ts:1260

removeLink

removeLink(sourceId: string, targetId: string, redraw?: boolean): boolean
Remove a link from the graph by source and target (backward compatibility)
Parameters
- sourceId: string
  Source node ID
- targetId: string
  Target node ID
- redraw: boolean = true
  Whether to redraw the graph (default: true)
Returns boolean
- Defined in GraphNetwork.ts:1344

getNodes

getNodes(): T[]
Get all nodes as plain data objects

Returns T[]
Array of node data
- Defined in GraphNetwork.ts:1391

getLinks

getLinks(): LinkData[]
Get all links as plain data objects

Returns LinkData[]
Array of link data
- Defined in GraphNetwork.ts:1399

getData

getData(): GraphData
Get complete graph data

Returns GraphData
Complete graph data with nodes and links
- Defined in GraphNetwork.ts:1413

getNode

getNode(nodeId: string): null | T
Get node by ID
Parameters
- nodeId: string
  Node ID
Returns null | T
Node data or null if not found
- Defined in GraphNetwork.ts:1425

getEdge

getEdge(edgeId: string): null | LinkData
Get edge by ID
Parameters
- edgeId: string
  Edge ID
Returns null | LinkData
Edge data or null if not found
- Defined in GraphNetwork.ts:1435

hasNode

hasNode(nodeId: string): boolean
Check if node exists
Parameters
- nodeId: string
  Node ID
Returns boolean
True if node exists
- Defined in GraphNetwork.ts:1445

hasEdge

hasEdge(edgeId: string): boolean
Check if edge exists
Parameters
- edgeId: string
  Edge ID
Returns boolean
True if edge exists
- Defined in GraphNetwork.ts:1454

updateNode

updateNode(
    nodeId: string,
    updates: Partial<Omit<T, "id">>,
    options?: { skipRedraw?: boolean },
): boolean
Update an existing node's properties
Parameters
- nodeId: string
  ID of the node to update
- updates: Partial<Omit<T, "id">>
  Partial node data with updates
- options: { skipRedraw?: boolean } = {}
  Update options
Returns boolean
- Defined in GraphNetwork.ts:1464

updateEdge

updateEdge(
    edgeId: string,
    updates: Partial<Omit<EdgeData, "id" | "source" | "target">>,
    options?: { skipRedraw?: boolean },
): boolean
Update an existing edge's properties
Parameters
- edgeId: string
  ID of the edge to update
- updates: Partial<Omit<EdgeData, "id" | "source" | "target">>
  Partial edge data with updates
- options: { skipRedraw?: boolean } = {}
  Update options
Returns boolean
- Defined in GraphNetwork.ts:1546

updateNodes

updateNodes(
nodesData: ({ id: string } & Partial<Omit<T, "id">>)[],
options?: BulkUpdateOptions,
): string[]
Update multiple nodes in bulk with intelligent batching
Parameters
- nodesData: ({ id: string } & Partial<Omit<T, "id">>)[]
  Array of node updates with IDs
- options: BulkUpdateOptions = {}
  Bulk update options
Returns string[]
Array of successfully updated node IDs
- Defined in GraphNetwork.ts:1642

updateEdges

updateEdges(
    edgesData: (
        { id: string } & Partial<Omit<EdgeData, "id" | "source" | "target">>
    )[],
    options?: BulkUpdateOptions,
): string[]
Update multiple edges in bulk with intelligent batching
Parameters
- edgesData: ({ id: string } & Partial<Omit<EdgeData, "id" | "source" | "target">>)[]
  Array of edge updates with IDs
- options: BulkUpdateOptions = {}
  Bulk update options
Returns string[]
Array of successfully updated edge IDs
- Defined in GraphNetwork.ts:1778

setData

setData(data: GraphData, options?: DataReplacementOptions): void
Enhanced setData with smooth transitions and position preservation
Parameters
- data: GraphData
  Graph data containing nodes and edges
- options: DataReplacementOptions = {}
  Data replacement options with animation and layout control
Returns void
- Defined in GraphNetwork.ts:1927

mergeData

mergeData(data: GraphData, options?: DataMergeOptions): void
Merge new data with existing graph data intelligently
Parameters
- data: GraphData
  Graph data to merge
- options: DataMergeOptions = {}
  Merge options with conflict resolution
Returns void
- Defined in GraphNetwork.ts:2053

clearData

clearData(options?: { animate?: boolean; duration?: number }): void
Clear all data from the graph with optional animation
Parameters
- options: { animate?: boolean; duration?: number } = {}
  Clear options with animation support
Returns void
- Defined in GraphNetwork.ts:2203

replaceData

replaceData(data: GraphData, options?: DataReplacementOptions): void
Replace all data atomically - alias for setData for clarity
Parameters
- data: GraphData
  New graph data
- options: DataReplacementOptions = {}
  Replacement options
Returns void
- Defined in GraphNetwork.ts:2269

startTransaction

startTransaction(): string
Start a new transaction for atomic operations

Returns string
Transaction ID for tracking
- Defined in GraphNetwork.ts:2279

commitTransaction

commitTransaction(): { id: string; operationCount: number; duration: number }
Commit the current transaction, applying all changes

Returns { id: string; operationCount: number; duration: number }
Transaction summary
- Defined in GraphNetwork.ts:2306

rollbackTransaction

rollbackTransaction(): { id: string; operationCount: number; duration: number }
Rollback the current transaction, undoing all changes

Returns { id: string; operationCount: number; duration: number }
Transaction summary
- Defined in GraphNetwork.ts:2346

getTransactionStatus

getTransactionStatus(): | null
| {
    id: string;
    startTime: number;
    operationCount: number;
    duration: number;
}
Get current transaction status

Returns
    | null
    | {
        id: string;
        startTime: number;
        operationCount: number;
        duration: number;
    }
Transaction info or null if no active transaction
- Defined in GraphNetwork.ts:2410

isInTransaction

isInTransaction(): boolean
Check if currently in a transaction

Returns boolean
True if transaction is active
- Defined in GraphNetwork.ts:2432

getNodeInstance

getNodeInstance(nodeId: string): null | Node<T>
Get internal node instance by ID (for advanced usage)
Parameters
- nodeId: string
  Node ID
Returns null | Node<T>
Node instance or null if not found
- Defined in GraphNetwork.ts:2441

getStats

getStats(): GraphStats
Get graph statistics and metrics

Returns GraphStats
Graph statistics
- Defined in GraphNetwork.ts:2449

getConfig

getConfig(): GraphConfig
Get current configuration

Returns GraphConfig
Copy of current configuration
- Defined in GraphNetwork.ts:2466

updateConfig

updateConfig(updates: Partial<GraphConfig>): void
Update multiple configuration options
Parameters
- updates: Partial<GraphConfig>
  Configuration updates
Returns void
- Defined in GraphNetwork.ts:2474

export

export(options: ExportOptions): string | void
Export graph data in various formats
Parameters
- options: ExportOptions
  Export options
Returns string | void
Exported data or initiates download
- Defined in GraphNetwork.ts:2511

selectNode

selectNode(nodeId: string, options?: SelectionOptions): boolean
Select a single node
Parameters
- nodeId: string
  ID of node to select
- Optionaloptions: SelectionOptions
  Selection options
Returns boolean
True if selection changed
- Defined in GraphNetwork.ts:2612

selectNodes

selectNodes(nodeIds: string[], options?: SelectionOptions): string[]
Select multiple nodes
Parameters
- nodeIds: string[]
  Array of node IDs to select
- Optionaloptions: SelectionOptions
  Selection options
Returns string[]
Array of newly selected node IDs
- Defined in GraphNetwork.ts:2622

selectEdge

selectEdge(edgeId: string, options?: SelectionOptions): boolean
Select a single edge
Parameters
- edgeId: string
  ID of edge to select
- Optionaloptions: SelectionOptions
  Selection options
Returns boolean
True if selection changed
- Defined in GraphNetwork.ts:2632

selectEdges

selectEdges(edgeIds: string[], options?: SelectionOptions): string[]
Select multiple edges
Parameters
- edgeIds: string[]
  Array of edge IDs to select
- Optionaloptions: SelectionOptions
  Selection options
Returns string[]
Array of newly selected edge IDs
- Defined in GraphNetwork.ts:2642

deselectNode

deselectNode(nodeId: string): boolean
Deselect a node
Parameters
- nodeId: string
  ID of node to deselect
Returns boolean
True if deselection changed
- Defined in GraphNetwork.ts:2651

deselectEdge

deselectEdge(edgeId: string): boolean
Deselect an edge
Parameters
- edgeId: string
  ID of edge to deselect
Returns boolean
True if deselection changed
- Defined in GraphNetwork.ts:2660

deselectAll

deselectAll(): void
Clear all selections

Returns void
- Defined in GraphNetwork.ts:2667

toggleNodeSelection

toggleNodeSelection(nodeId: string): boolean
Toggle node selection
Parameters
- nodeId: string
  ID of node to toggle
Returns boolean
True if selection state changed
- Defined in GraphNetwork.ts:2676

toggleEdgeSelection

toggleEdgeSelection(edgeId: string): boolean
Toggle edge selection
Parameters
- edgeId: string
  ID of edge to toggle
Returns boolean
True if selection state changed
- Defined in GraphNetwork.ts:2685

isNodeSelected

isNodeSelected(nodeId: string): boolean
Check if node is selected
Parameters
- nodeId: string
  ID of node to check
Returns boolean
True if node is selected
- Defined in GraphNetwork.ts:2694

isEdgeSelected

isEdgeSelected(edgeId: string): boolean
Check if edge is selected
Parameters
- edgeId: string
  ID of edge to check
Returns boolean
True if edge is selected
- Defined in GraphNetwork.ts:2703

getSelectedNodes

getSelectedNodes(): string[]
Get all selected node IDs

Returns string[]
Array of selected node IDs
- Defined in GraphNetwork.ts:2711

getSelectedEdges

getSelectedEdges(): string[]
Get all selected edge IDs

Returns string[]
Array of selected edge IDs
- Defined in GraphNetwork.ts:2719

setSelectionMode

setSelectionMode(mode: "single" | "multi" | "box"): void
Set selection mode
Parameters
- mode: "single" | "multi" | "box"
  Selection mode
Returns void
- Defined in GraphNetwork.ts:2727

getSelectionMode

getSelectionMode(): "single" | "multi" | "box"
Get current selection mode

Returns "single" | "multi" | "box"
Current selection mode
- Defined in GraphNetwork.ts:2735

setNodeStyle

setNodeStyle(nodeId: string, styles: NodeStyles): void
Set style for a specific node
Parameters
- nodeId: string
  ID of node to style
- styles: NodeStyles
  Node styles to apply
Returns void
- Defined in GraphNetwork.ts:2746

setEdgeStyle

setEdgeStyle(edgeId: string, styles: EdgeStyles): void
Set style for a specific edge
Parameters
- edgeId: string
  ID of edge to style
- styles: EdgeStyles
  Edge styles to apply
Returns void
- Defined in GraphNetwork.ts:2755

updateStyles

updateStyles(elements: ElementSelector, styles: StyleObject): void
Update styles for multiple elements
Parameters
- elements: ElementSelector
  Element selector
- styles: StyleObject
  Styles to apply
Returns void
- Defined in GraphNetwork.ts:2764

resetStyle

resetStyle(elements?: ElementSelector): void
Reset styles to defaults
Parameters
- Optionalelements: ElementSelector
  Elements to reset (optional, resets all if not provided)
Returns void
- Defined in GraphNetwork.ts:2772

getNodeStyle

getNodeStyle(nodeId: string): null | NodeStyles
Get current style for a node
Parameters
- nodeId: string
  ID of node
Returns null | NodeStyles
Node styles or null if not found
- Defined in GraphNetwork.ts:2781

getEdgeStyle

getEdgeStyle(edgeId: string): null | EdgeStyles
Get current style for an edge
Parameters
- edgeId: string
  ID of edge
Returns null | EdgeStyles
Edge styles or null if not found
- Defined in GraphNetwork.ts:2790

highlightNode

highlightNode(nodeId: string, style?: HighlightStyle): void
Highlight a single node
Parameters
- nodeId: string
  ID of node to highlight
- Optionalstyle: HighlightStyle
  Highlight style options
Returns void
- Defined in GraphNetwork.ts:2801

highlightNodes

highlightNodes(nodeIds: string[], style?: HighlightStyle): void
Highlight multiple nodes
Parameters
- nodeIds: string[]
  Array of node IDs to highlight
- Optionalstyle: HighlightStyle
  Highlight style options
Returns void
- Defined in GraphNetwork.ts:2810

highlightEdge

highlightEdge(edgeId: string, style?: HighlightStyle): void
Highlight a single edge
Parameters
- edgeId: string
  ID of edge to highlight
- Optionalstyle: HighlightStyle
  Highlight style options
Returns void
- Defined in GraphNetwork.ts:2819

highlightEdges

highlightEdges(edgeIds: string[], style?: HighlightStyle): void
Highlight multiple edges
Parameters
- edgeIds: string[]
  Array of edge IDs to highlight
- Optionalstyle: HighlightStyle
  Highlight style options
Returns void
- Defined in GraphNetwork.ts:2828

highlightPath

highlightPath(
    sourceId: string,
    targetId: string,
    options?: PathHighlightOptions,
): null | string[]
Highlight shortest path between two nodes
Parameters
- sourceId: string
  Source node ID
- targetId: string
  Target node ID
- Optionaloptions: PathHighlightOptions
  Path highlight options
Returns null | string[]
Array of highlighted element IDs or null if no path found
- Defined in GraphNetwork.ts:2839

highlightNeighbors

highlightNeighbors(nodeId: string, options?: NeighborHighlightOptions): string[]
Highlight neighbors of a node
Parameters
- nodeId: string
  ID of node whose neighbors to highlight
- Optionaloptions: NeighborHighlightOptions
  Neighbor highlight options
Returns string[]
Array of highlighted element IDs
- Defined in GraphNetwork.ts:2853

highlightConnections

highlightConnections(nodeId: string, style?: HighlightStyle): string[]
Highlight all connections for a node
Parameters
- nodeId: string
  ID of node whose connections to highlight
- Optionalstyle: HighlightStyle
  Highlight style options
Returns string[]
Array of highlighted element IDs
- Defined in GraphNetwork.ts:2863

clearHighlights

clearHighlights(): void
Clear all highlights

Returns void
- Defined in GraphNetwork.ts:2870

clearNodeHighlight

clearNodeHighlight(nodeId: string): void
Clear highlight for a specific node
Parameters
- nodeId: string
  ID of node to clear highlight
Returns void
- Defined in GraphNetwork.ts:2878

clearEdgeHighlight

clearEdgeHighlight(edgeId: string): void
Clear highlight for a specific edge
Parameters
- edgeId: string
  ID of edge to clear highlight
Returns void
- Defined in GraphNetwork.ts:2886

isNodeHighlighted

isNodeHighlighted(nodeId: string): boolean
Check if node is highlighted
Parameters
- nodeId: string
  ID of node to check
Returns boolean
True if node is highlighted
- Defined in GraphNetwork.ts:2895

isEdgeHighlighted

isEdgeHighlighted(edgeId: string): boolean
Check if edge is highlighted
Parameters
- edgeId: string
  ID of edge to check
Returns boolean
True if edge is highlighted
- Defined in GraphNetwork.ts:2904

getHighlightedNodes

getHighlightedNodes(): string[]
Get all highlighted node IDs

Returns string[]
Array of highlighted node IDs
- Defined in GraphNetwork.ts:2912

getHighlightedEdges

getHighlightedEdges(): string[]
Get all highlighted edge IDs

Returns string[]
Array of highlighted edge IDs
- Defined in GraphNetwork.ts:2920

focusOnNode

focusOnNode(nodeId: string, options?: FocusOptions): Promise<void>
Focus on a single node with smooth animation
Parameters
- nodeId: string
  ID of node to focus on
- Optionaloptions: FocusOptions
  Focus animation options
Returns Promise<void>
Promise that resolves when animation completes
- Defined in GraphNetwork.ts:2932

focusOnNodes

focusOnNodes(nodeIds: string[], options?: FocusOptions): Promise<void>
Focus on multiple nodes by fitting them in view
Parameters
- nodeIds: string[]
  Array of node IDs to focus on
- Optionaloptions: FocusOptions
  Focus animation options
Returns Promise<void>
Promise that resolves when animation completes
- Defined in GraphNetwork.ts:2944

fitToView

fitToView(padding?: number): Promise<void>
Fit entire graph to view with padding
Parameters
- Optionalpadding: number
  Padding around graph in pixels
Returns Promise<void>
Promise that resolves when animation completes
- Defined in GraphNetwork.ts:2955

centerView

centerView(): Promise<void>
Center the view on the graph center

Returns Promise<void>
Promise that resolves when animation completes
- Defined in GraphNetwork.ts:2965

isCameraAnimating

isCameraAnimating(): boolean
Check if camera animation is currently running

Returns boolean
True if animation is active
- Defined in GraphNetwork.ts:2975

stopCameraAnimation

stopCameraAnimation(): void
Stop current camera animation

Returns void
- Defined in GraphNetwork.ts:2982

on

on<K extends string>(event: K, callback: EventCallback<any>): void
Add event listener
Type Parameters
- K extends string
Parameters
- event: K
  Event name
- callback: EventCallback<any>
  Event callback
Returns void
- Defined in GraphNetwork.ts:2991

off

off<K extends string>(event: K, callback: EventCallback<any>): void
Remove event listener
Type Parameters
- K extends string
Parameters
- event: K
  Event name
- callback: EventCallback<any>
  Event callback to remove
Returns void
- Defined in GraphNetwork.ts:3006

emit

emit<K extends string>(event: K, data?: any): void
Emit event to all listeners
Type Parameters
- K extends string
Parameters
- event: K
  Event name
- data: any = {}
  Event data
Returns void
- Defined in GraphNetwork.ts:3023

toObject

toObject(): {
    stats: GraphStats;
    config: GraphConfig;
    data: GraphData;
    modules: { physics: any; renderer: any; ui: any; events: any };
    type: string;
    version: string;
}
Convert this graph to a serializable object for debugging

Returns {
    stats: GraphStats;
    config: GraphConfig;
    data: GraphData;
    modules: { physics: any; renderer: any; ui: any; events: any };
    type: string;
    version: string;
}
Object representation of the graph state
- Defined in GraphNetwork.ts:3044

destroy

destroy(): void
Clean up and destroy the graph

Returns void
- Defined in GraphNetwork.ts:3078

setTheme

setTheme(theme: string | ThemeConfig): void
Set the current theme
Parameters
- theme: string | ThemeConfig
  Theme name or ThemeConfig object
Returns void
- Defined in GraphNetwork.ts:3126

getCurrentTheme

getCurrentTheme(): ThemeConfig
Get the current theme configuration

Returns ThemeConfig
Current theme configuration
- Defined in GraphNetwork.ts:3177

getAvailableThemes

getAvailableThemes(): string[]
Get list of available theme names

Returns string[]
Array of available theme names
- Defined in GraphNetwork.ts:3188

registerTheme

registerTheme(name: string, theme: ThemeConfig): void
Register a new custom theme
Parameters
- name: string
  Theme name
- theme: ThemeConfig
  Theme configuration
Returns void
- Defined in GraphNetwork.ts:3200

updateTheme

updateTheme(updates: Partial<ThemeConfig>): void
Update the current theme with partial configuration
Parameters
- updates: Partial<ThemeConfig>
  Partial theme updates to apply
Returns void
- Defined in GraphNetwork.ts:3216

setNodeTypeStyle

setNodeTypeStyle(nodeType: string, style: NodeStyleConfig): void
Set custom style for a specific node type
Parameters
- nodeType: string
  Node type to style
- style: NodeStyleConfig
  Style configuration
Returns void
- Defined in GraphNetwork.ts:3251

setEdgeTypeStyle

setEdgeTypeStyle(edgeType: string, style: EdgeStyleConfig): void
Set custom style for a specific edge type
Parameters
- edgeType: string
  Edge type to style
- style: EdgeStyleConfig
  Style configuration
Returns void
- Defined in GraphNetwork.ts:3284

setAutoColor

setAutoColor(enabled: boolean): void
Enable or disable automatic color generation for undefined node types When enabled, node types without explicit color definitions will automatically receive visually distinct colors using a golden ratio algorithm.
Parameters
- enabled: boolean
  Whether to enable auto-coloring
Returns void
- Defined in GraphNetwork.ts:3318

isAutoColorEnabled

isAutoColorEnabled(): boolean
Check if automatic color generation is enabled

Returns boolean
true if auto-coloring is enabled
- Defined in GraphNetwork.ts:3333

setElementState

setElementState(elementId: string, state: VisualState, enabled?: boolean): void
Set visual state for an element
Parameters
- elementId: string
  ID of the element (node or edge)
- state: VisualState
  Visual state to apply
- enabled: boolean = true
  Whether to enable or disable the state
Returns void
- Defined in GraphNetwork.ts:3343

getThemeManager

getThemeManager(): null | ThemeManager
Get the theme manager instance for advanced usage

Returns null | ThemeManager
ThemeManager instance
- Defined in GraphNetwork.ts:3364

configureGrid

configureGrid(
    options: {
        enabled?: boolean;
        color?: string;
        size?: number;
        opacity?: number;
    },
): void
Configure grid settings
Parameters
- options: { enabled?: boolean; color?: string; size?: number; opacity?: number }
Returns void
- Defined in GraphNetwork.ts:3371

getGridConfig

getGridConfig(): {
    enabled: boolean;
    color?: string;
    size?: number;
    opacity?: number;
}
Get current grid configuration

Returns { enabled: boolean; color?: string; size?: number; opacity?: number }
- Defined in GraphNetwork.ts:3392

toString

toString(): string
Create a string representation of the graph network

Returns string
String representation
- Defined in GraphNetwork.ts:3409

Class GraphNetwork<T>

Example

Type Parameters

Index

Constructors

Methods

Constructors

constructor

Type Parameters

Parameters

Returns GraphNetwork<T>

Methods

updatePhysicsConfig

Parameters

Returns void

startAnimation

Returns void

stopAnimation

Returns void

filterByNode

Parameters

Returns void

resetFilter

Returns void

resetAllNodePositions

Returns void

resetViewAndLayout

Returns void

zoomIn

Parameters

Returns void

zoomOut

Parameters

Returns void

zoomToFit

Parameters

Returns void

toggleTheme

Returns void

showTooltip

Parameters

Returns void

hideTooltip

Returns void

configureTooltip

Parameters

Returns void

clearGraph

Returns void

addNode

Parameters

Returns Node<T>

deleteNode

Parameters

Returns boolean

removeNode

Parameters

Returns boolean

Deprecated

addEdge

Parameters

Returns RenderLink<T>

addLink

Parameters

Returns RenderLink<T>

deleteEdge

Parameters

Returns boolean

removeLink

Parameters

Returns boolean

getNodes

Returns T[]

getLinks

Returns LinkData[]

getData

Returns GraphData

getNode

Parameters

Returns null | T

Returns
| null
| {
id: string;
startTime: number;
operationCount: number;
duration: number;
}