In this video, Grafana Developer Advocate Leandro Melendez describes how Node graphs can visualize directed graphs or networks. He will explain how they use a directed force layout to effectively position the nodes, so they can display complex infrastructure maps, hierarchies, or execution diagrams.
For more information on this visualization check the Node Graph Panel documentation link:
[ Ссылка ]
Links:
Sign up for Grafana cloud for free: [ Ссылка ]
Get Grafana OSS: [ Ссылка ]
— CVS DATA —
Example Data Icons
nodes
id,title,subtitle,mainstat,secondarystat,detail__Success,color,icon,noderadius,highlighted,Test value
idroot,root,client,0.377,0.0678,1,blue,amazon,32.0,false,8
idservice1,service1,service,0.931,0.925,0.512,red,bug,36.1,false,5
idLeandroNode, Leandro Node, Person, 1,1,1,orange,user,50,false,3
edges
id,source,target,mainstat,secondarystat,detail__message,highlighted,thickness,color
root--service:1,idroot,idservice1,MainStat2,SecStat1,message,true,7,blue
root--Leandro Node,idroot,idLeandroNode,MainStat2,SecStat2,massage,false,2,purple
Example Data Values
nodes
id,title,subtitle,mainstat,secondarystat,detail__Success,color,icon,noderadius,highlighted,Test value
idroot,root,client,0.377,0.0678,1,blue,,32.0,false,8
idservice1,service1,service,0.931,0.925,0.512,red,,36.1,false,5
idLeandroNode, Leandro Node, Person, 1,1,1,orange,,50,false,3
edges
id,source,target,mainstat,secondarystat,detail__message,highlighted,thickness,color
root--service:1,idroot,idservice1,MainStat2,SecStat1,message,true,7,blue
root--Leandro Node,idroot,idLeandroNode,MainStat2,SecStat2,massage,false,2,purple
Example Data Radius
nodes
id,title,subtitle,mainstat,secondarystat,detail__Success,arc__Completed,color,icon,noderadius,highlighted,Test value
idroot,root,client,0.377,0.0678,1,1,blue,,32.0,false,8
idservice:1,service:1,service,0.931,0.925,0.512,0.75,red,,36.1,false,5
idLeandroNode, Leandro Node, Person, 1,1,1,1,orange,,50,false,3
edges
id,source,target,mainstat,secondarystat,detail__message,highlighted,thickness,color
root--service:1,idroot,idservice1,MainStat2,SecStat1,message,true,7,blue
root--Leandro Node,idroot,idLeandroNode,MainStat2,SecStat2,massage,false,2,purple
— /CVS DATA —
Found this video useful? Be sure to give it a thumbs up and subscribe to our channel for more helpful Grafana tutorial videos.
Follow us for the latest and greatest on all things Grafana and our other OSS projects.
X: [ Ссылка ]
LinkedIn: [ Ссылка ]
Facebook: [ Ссылка ]
TIMESTAMPS
00:00 Start
00:24 What are node Graphs
00:57 Node Graph Data Requirements
02:11 Creating Node Graph Panels
03:01 Customizing Node Graph Panels
