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
Fahad Siddiqui 750b90e756
chore: Deprecate Layout components - Replace Horizontal/VerticalGroup with Stack (#86874) (#104227)
8 months ago
..
editor Grafana UI: Use package.json exports for internal code (#101815) 10 months ago
img
Edge.tsx NodeGraph: Fix for dangling edge lines (#100866) 10 months ago
EdgeArrowMarker.tsx React: Use new JSX transform (#88802) 2 years ago
EdgeLabel.tsx Chore: Finish converting emotion styles to object syntax (#95399) 1 year ago
Legend.test.tsx React: Use new JSX transform (#88802) 2 years ago
Legend.tsx Chore: Finish converting emotion styles to object syntax (#95399) 1 year ago
Marker.tsx Chore: Finish converting emotion styles to object syntax (#95399) 1 year ago
Node.test.tsx Grafana Data: Use package.json exports for internal code (#102696) 9 months ago
Node.tsx Chore: Finish converting emotion styles to object syntax (#95399) 1 year ago
NodeGraph.test.tsx NodeGraph: Add node graph algorithm layout option (#102760) 9 months ago
NodeGraph.tsx NodeGraph: Add node graph algorithm layout option (#102760) 9 months ago
NodeGraphPanel.tsx NodeGraph: Add node graph algorithm layout option (#102760) 9 months ago
README.md
ViewControls.tsx chore: Deprecate Layout components - Replace Horizontal/VerticalGroup with Stack (#86874) (#104227) 8 months 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 Replace usage of `react-test-renderer` and `@testing-library/react-hooks` (#98152) 1 year ago
layout.ts NodeGraph: Add node graph algorithm layout option (#102760) 9 months ago
layout.worker.js Nodegraph: Fix issue with rendering single node (#84930) 2 years ago
module.tsx NodeGraph: Add node graph algorithm layout option (#102760) 9 months ago
panelcfg.cue NodeGraph: Add node graph algorithm layout option (#102760) 9 months ago
panelcfg.gen.ts NodeGraph: Add node graph algorithm layout option (#102760) 9 months ago
plugin.json Plugins: Update all core plugins with raise issue and docs links (#101929) 10 months ago
suggestions.ts Tracing: Add node graph panel suggestion (#83311) 2 years ago
types.ts NodeGraph: Improve view traces for uninstrumented services (#98442) 11 months ago
useCategorizeFrames.ts Geomap: Add network layer (#70192) 2 years ago
useContextMenu.tsx NodeGraph: Use target if in link (#95733) 1 year ago
useFocusPositionOnLayout.ts
useHighlight.ts
useNodeLimit.ts
usePanning.ts Chore: some type fixes (#80094) 2 years ago
useZoom.ts NodeGraph: Zoom mode option (#95823) 1 year ago
utils.test.ts NodeGraph: Improve view traces for uninstrumented services (#98442) 11 months ago
utils.ts NodeGraph: Improve view traces for uninstrumented services (#98442) 11 months 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