GraphML Demo

This demo provides a live view of the graph's GraphML representation. GraphML is the default serialization format for yFiles graphs.

Things to Try

GraphML Editor

Select a node, edge, or label in the graph view: the corresponding serialization is highlighted in the GraphML panel.
Select a node, edge, or label serialization in the GraphML panel: the corresponding graph item is selected in the graph view.
Edit the graph (create/modify/remove nodes/edges/labels): The serialization in the GraphML panel is updated to reflect the changes.
Edit the graph's GraphML representation: the GraphML is parsed and the view is updated accordingly.

If the GraphML is not valid, an error message will be shown in the editor's output panel. In this case, no graph elements can be selected until the GraphML is valid again.

Custom GraphML Data Panel

Select a node with custom data (e.g. the movie node of the sample graph): the custom data is displayed in the data panel.
Add a new key and value to the custom data panel (press Enter to submit): The corresponding data is added to the GraphML representation. Note that a new <key> element will be added to the top of the GraphML file if the key did not exist yet.

Please note that custom complex data types are not written to the GraphML panel.