1import{u as m}from"./chunk-2XG3L7BO.js";import{Ab as a,Bb as e,Cb as o,Ub as t,bb as d}from"./chunk-DOVJR423.js";import"./chunk-EMXRSGQS.js";var r=class i{static \u0275fac=function(n){return new(n||i)};static \u0275cmp=d({type:i,selectors:[["app-graph-data"]],decls:109,vars:0,consts:[[1,"doc-content"],[1,"content","showContent"],[1,"custom-content-editor"],["src","https://firebasestorage.googleapis.com/v0/b/lygos-io.firebasestorage.app/o/docs%2Fdata%2FgraphData_graph-data-1.png?alt=media&token=1e993a0d-e1ef-48d0-b37b-b4b7c2ec2c5f","alt","import GEXF, GRAPHML, JSON formats"],["src","https://firebasestorage.googleapis.com/v0/b/lygos-io.firebasestorage.app/o/docs%2Fdata%2FgraphData_graph-data-2.png?alt=media&token=0e77f73d-ba74-4f74-a165-113ded493b7f","alt","add node to graph data"],["src","https://firebasestorage.googleapis.com/v0/b/lygos-io.firebasestorage.app/o/docs%2Fdata%2FgraphData_graph-data-3.png?alt=media&token=a24a0ffc-8cc7-4796-b511-66680e28bd73","alt","edit graph node values"],["src","https://firebasestorage.googleapis.com/v0/b/lygos-io.firebasestorage.app/o/docs%2Fdata%2FgraphData_graph-data-4.png?alt=media&token=198471fb-abdc-452e-a6a4-5729dff060e2","alt","change position of graph nodes"],["src","https://firebasestorage.googleapis.com/v0/b/lygos-io.firebasestorage.app/o/docs%2Fdata%2FgraphData_graph-data-5.png?alt=media&token=5d055820-7b39-42db-908d-503e2d3d37e0","alt","reposition graph data nodes"],["src","https://firebasestorage.googleapis.com/v0/b/lygos-io.firebasestorage.app/o/docs%2Fdata%2FgraphData_graph-data-6.png?alt=media&token=9fea582d-85d4-451c-b42e-4819753ac44a","alt","supported data format graph"]],template:function(n,l){n&1&&(a(0,"div",0)(1,"div",1)(2,"div",2)(3,"div")(4,"h1"),t(5,"GraphData"),e(),a(6,"p")(7,"strong"),t(8,"GraphData"),e(),t(9," is a local graph data source and editor. It can be used by Graph and Sankey Visualization on Video Wall. "),e(),a(10,"h3"),t(11,"Importing and Editing Graph Data"),e(),a(12,"p"),t(13," You can import or export graph files in the following formats: "),a(14,"strong"),t(15,"GEXF"),e(),t(16,", "),a(17,"strong"),t(18,"GRAPHML"),e(),t(19,", and "),a(20,"strong"),t(21,"JSON"),e(),t(22,". Alternatively, you can start with a blank graph and add nodes and links using the Graph editor or edit the data manually through the JSON editor."),o(23,"br")(24,"img",3),e(),a(25,"h3"),t(26,"Adding Nodes and Links"),e(),a(27,"h4"),t(28,"Adding Nodes"),e(),a(29,"p"),t(30," From the bottom menu, toggle the "),a(31,"strong"),t(32,"Add Node"),e(),t(33," option. Then, press a point on the graph to place the node at that location."),o(34,"br")(35,"img",4),e(),a(36,"h4"),t(37,"Adding Links"),e(),a(38,"p"),t(39," To create a link, toggle the "),a(40,"strong"),t(41,"Add Link"),e(),t(42," option, select a source node, and drag the link to the target node: "),e(),a(43,"ul")(44,"li")(45,"strong"),t(46,"Mouse Input:"),e(),t(47," Press the source node, drag to the target node while holding the mouse button, and release on the target node. "),e(),a(48,"li")(49,"strong"),t(50,"Touch Input:"),e(),t(51," Touch the source node, drag your finger to the target node, and release on the target node. "),e()(),a(52,"h3"),t(53,"Editing Nodes and Links"),e(),a(54,"h4"),t(55,"Node Properties"),e(),a(56,"p"),t(57," You can change the "),a(58,"strong"),t(59,"Name"),e(),t(60," and "),a(61,"strong"),t(62,"Value"),e(),t(63," of a node using the bottom menu. To do this, select the desired node and input the new properties."),o(64,"br")(65,"img",5)(66,"br")(67,"img",6),e(),a(68,"h4"),t(69,"Link Properties"),e(),a(70,"p"),t(71," Links can be configured as either "),a(72,"strong"),t(73,"directed"),e(),t(74," or "),a(75,"strong"),t(76,"undirected"),e(),t(77,". This setting can be changed from the bottom menu. "),e(),a(78,"h3"),t(79,"Auto-Locate Feature"),e(),a(80,"p"),t(81," The "),a(82,"strong"),t(83,"Auto-Locate"),e(),t(84," feature automatically repositions all nodes based on their links. "),e(),a(85,"blockquote")(86,"strong"),t(87,"Warning:"),e(),t(88," This action cannot be undone! "),e(),a(89,"p"),o(90,"img",7),e(),a(91,"h3"),t(92,"Supported Data Format"),e(),a(93,"p"),t(94," The data format for GraphData is "),a(95,"strong"),t(96,"Graph"),e(),t(97,". This format can be used in visualizations such as "),a(98,"strong"),t(99,"Sankey"),e(
1),t(100," and "),a(101,"strong"),t(102,"Graph Visualizations"),e(),t(103,". For more details, please refer to the "),a(104,"strong"),t(105,"DataFormat"),e(),t(106," documentation."),o(107,"br")(108,"img",8),e()()()()())},dependencies:[m],encapsulation:2})};export{r as GraphData};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.