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
Ashley Harrison 4ac248a512
Internationalisation: Mark up panel plugins for translations (#106068)
4 weeks ago
..
editor Internationalisation: Mark up panel plugins for translations (#106068) 4 weeks ago
img
Edge.tsx Internationalisation: Mark up panel plugins for translations (#106068) 4 weeks ago
EdgeArrowMarker.tsx React: Use new JSX transform (#88802) 1 year ago
EdgeLabel.tsx Chore: Finish converting emotion styles to object syntax (#95399) 8 months ago
Legend.test.tsx React: Use new JSX transform (#88802) 1 year ago
Legend.tsx Chore: Finish converting emotion styles to object syntax (#95399) 8 months ago
Marker.tsx Internationalisation: Mark up panel plugins for translations (#106068) 4 weeks ago
Node.test.tsx Grafana Data: Use package.json exports for internal code (#102696) 3 months ago
Node.tsx Internationalisation: Mark up panel plugins for translations (#106068) 4 weeks ago
NodeGraph.test.tsx NodeGraph: Add node graph algorithm layout option (#102760) 3 months ago
NodeGraph.tsx Internationalisation: Mark up panel plugins for translations (#106068) 4 weeks ago
NodeGraphPanel.tsx Internationalisation: Mark up panel plugins for translations (#106068) 4 weeks ago
README.md
ViewControls.tsx Internationalisation: Mark up panel plugins for translations (#106068) 4 weeks ago
createLayoutWorker.ts NodeGraph: Add msagl and the layered layout code (#88375) 1 year ago
forceLayout.js Nodegraph: Fix issue with rendering single node (#84930) 1 year ago
index.ts
layeredLayout.js NodeGraph: Add msagl and the layered layout code (#88375) 1 year ago
layeredLayout.test.ts NodeGraph: Add msagl and the layered layout code (#88375) 1 year ago
layeredLayout.worker.js Chore: Add eslint no-restricted-globals rule (#104519) 2 months ago
layout.test.ts Replace usage of `react-test-renderer` and `@testing-library/react-hooks` (#98152) 6 months ago
layout.ts NodeGraph: Add node graph algorithm layout option (#102760) 3 months ago
layout.worker.js Chore: Add eslint no-restricted-globals rule (#104519) 2 months ago
module.tsx NodeGraph: Add node graph algorithm layout option (#102760) 3 months ago
panelcfg.cue NodeGraph: Add node graph algorithm layout option (#102760) 3 months ago
panelcfg.gen.ts NodeGraph: Add node graph algorithm layout option (#102760) 3 months ago
plugin.json Plugins: Update all core plugins with raise issue and docs links (#101929) 4 months ago
suggestions.ts Tracing: Add node graph panel suggestion (#83311) 1 year ago
types.ts NodeGraph: Improve view traces for uninstrumented services (#98442) 4 months ago
useCategorizeFrames.ts Geomap: Add network layer (#70192) 2 years ago
useContextMenu.tsx Internationalisation: Mark up panel plugins for translations (#106068) 4 weeks ago
useFocusPositionOnLayout.ts
useHighlight.ts
useNodeLimit.ts
usePanning.ts Chore: some type fixes (#80094) 1 year ago
useZoom.ts NodeGraph: Zoom mode option (#95823) 7 months ago
utils.test.ts NodeGraph: Improve view traces for uninstrumented services (#98442) 4 months ago
utils.ts NodeGraph: Improve view traces for uninstrumented services (#98442) 4 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