The open and composable observability and data visualization platform. Visualize metrics, logs, and traces from multiple sources like Prometheus, Loki, Elasticsearch, InfluxDB, Postgres and many more.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
grafana/public/app/plugins/panel/nodeGraph
Andrej Ocenas 5f326e98c1
NodeGraph: Add msagl and the layered layout code (#88375)
2 years ago
..
editor Chore: Deprecate FieldConfigEditorProps in favor of StandardEditorProps (#78319) 2 years ago
img
Edge.tsx NodeGraph: Use values from fixedX/fixedY column for layout (#86643) 2 years ago
EdgeArrowMarker.tsx Plugins: Improvements to NodeGraph (#76879) 2 years ago
EdgeLabel.tsx NodeGraph: Use values from fixedX/fixedY column for layout (#86643) 2 years ago
Legend.test.tsx Chore: Refactor dataviz aria-label e2e selectors to data-testid (#78938) 2 years ago
Legend.tsx Chore: Improve typings and ignore `Graph` (#75742) 2 years ago
Marker.tsx
Node.test.tsx Plugins: Improvements to NodeGraph (#76879) 2 years ago
Node.tsx Plugins: Improvements to NodeGraph (#76879) 2 years ago
NodeGraph.test.tsx NodeGraph: Fix overlaps preventing opening an edge context menu when nodes were too close (#68571) 3 years ago
NodeGraph.tsx NodeGraph: Use values from fixedX/fixedY column for layout (#86643) 2 years ago
NodeGraphPanel.tsx NodeGraph: Fix invisible arrow tips in Editor (#86517) 2 years ago
README.md
ViewControls.tsx Chore: Reduce usage of v1 theme (#53245) 3 years ago
createLayoutWorker.ts NodeGraph: Add msagl and the layered layout code (#88375) 2 years ago
forceLayout.js Nodegraph: Fix issue with rendering single node (#84930) 2 years ago
index.ts
layeredLayout.js NodeGraph: Add msagl and the layered layout code (#88375) 2 years ago
layeredLayout.test.ts NodeGraph: Add msagl and the layered layout code (#88375) 2 years ago
layeredLayout.worker.js NodeGraph: Add msagl and the layered layout code (#88375) 2 years ago
layout.test.ts NodeGraph: Add msagl and the layered layout code (#88375) 2 years ago
layout.ts NodeGraph: Add msagl and the layered layout code (#88375) 2 years ago
layout.worker.js Nodegraph: Fix issue with rendering single node (#84930) 2 years ago
module.tsx Tracing: Add node graph panel suggestion (#83311) 2 years ago
panelcfg.cue kindsys: Adapt to new flattened lineage syntax in Thema (#68034) 3 years ago
panelcfg.gen.ts Schemas: Reduce duplicated jenny code (#84061) 2 years ago
plugin.json
suggestions.ts Tracing: Add node graph panel suggestion (#83311) 2 years ago
types.ts NodeGraph: Use values from fixedX/fixedY column for layout (#86643) 2 years ago
useCategorizeFrames.ts Geomap: Add network layer (#70192) 2 years ago
useContextMenu.tsx NodeGraph: Use values from fixedX/fixedY column for layout (#86643) 2 years ago
useFocusPositionOnLayout.ts
useHighlight.ts
useNodeLimit.ts
usePanning.ts Chore: some type fixes (#80094) 2 years ago
useZoom.ts
utils.test.ts NodeGraph: Use values from fixedX/fixedY column for layout (#86643) 2 years ago
utils.ts NodeGraph: Use values from fixedX/fixedY column for layout (#86643) 2 years ago

README.md

Node Graph

The node graph visualizes directed graphs or networks. It uses a directed force layout to effectively position the nodes, so it can display complex infrastructure maps, hierarchies, or execution diagrams.

You can read more about the node graph panel here.

Node graph panel