Robuta

https://www.yfiles.com/demos/tutorial-yfiles-basic-features/04-setting-styles/ 04 Setting Styles Demo - yFiles for HTML Shows how to configure the visual appearance of graph elements using styles. yfiles for htmlsetting stylesdemo https://www.yfiles.com/demos/layout-features/hierarchical-constraints/ Hierarchical Layout with Constraints Demo - yFiles for HTML Shows how to use constraints to control layering and sequencing in the hierarchical layout. yfiles for htmlhierarchicallayoutconstraintsdemo https://www.yfiles.com/demos/showcase/networkmonitoring/ Network Monitoring Demo - yFiles for HTML Example of a monitoring tool for computer networks. yfiles for htmlnetwork monitoringdemo https://www.yfiles.com/demos/showcase/bpmn/ BPMN Editor Demo - yFiles for HTML An interactive business process diagram editor with BPMN node styles and a special layout algorithm. yfiles for htmlbpmn editordemo https://www.yfiles.com/demos/input/touchcustomization/ Touch Interaction Demo - yFiles for HTML Shows how a graph editor application can be optimized for touch devices. yfiles for htmltouchinteractiondemo https://www.yfiles.com/demos/application-features/snapping/ Snapping Demo - yFiles for HTML Shows how to enable snapping (guide lines) for interactive changes. yfiles for htmlsnappingdemo https://www.yfiles.com/demos/view/vsdx-export/ VSDX Export Demo [yFiles for HTML] yFiles for HTML is a modern JavaScript graph visualization toolkit for creating, editing, viewing, and automatically arranging graphs, diagrams, and networks. yfiles for htmlvsdxexportdemo https://www.yfiles.com/demos/input/moveunselectednodes/ Move Unselected Nodes Demo - yFiles for HTML Shows a special input mode that allows you to move nodes without selecting them first. yfiles for htmlmoveunselectednodesdemo https://www.yfiles.com/demos/tutorial-graph-builder/08-configure-labels/ 08 Configure Labels Demo - yFiles for HTML Shows how to associate different label styles with the business data. yfiles for htmlconfigurelabelsdemo https://www.yfiles.com/demos/loading/webpack/ Webpack Demo [yFiles for HTML] Shows how to integrate the yFiles library in a webpack project. yfiles for htmlwebpackdemo https://www.yfiles.com/demos/application-features/rotatablenodes/ Rotatable Nodes Demo - yFiles for HTML Shows nodes that can be rotated with the mouse or touch. yfiles for htmlrotatablenodesdemo https://www.yfiles.com/demos/layout/metabolic-pathways/ Metabolic Pathways Demo - yFiles for HTML Shows how to configure organic layout for visualizing metabolic pathways. yfiles for htmlmetabolic pathwaysdemo https://www.yfiles.com/demos/showcase/layoutstyles/ Layout Styles Demo - yFiles for HTML Presents yFiles' exceptional layout algorithms, including hierarchical, organic, orthogonal, tree, edge routing, and more. yfiles for htmllayoutstylesdemo https://www.yfiles.com/demos/tutorial-style-implementation-node/01-create-a-rectangle/ 01 Create A Rectangle Demo - yFiles for HTML Learn how to implement a custom node style using SVG. yfiles for htmlcreaterectangledemo https://www.yfiles.com/demos/input/lasso-selection/ Lasso Selection Demo - yFiles for HTML Shows how to configure a lasso tool for freeform selection. yfiles for htmllasso selectiondemo https://www.yfiles.com/demos/layout/hierarchical-grid-components/ Hierarchical Grid Components Demo - yFiles for HTML Grid components in the hierarchical layout result in more compact arrangements. yfiles for htmlhierarchical gridcomponents demo https://www.yfiles.com/demos/tutorial-graph-builder/01-create-graph/ 01 Create Graph Demo - yFiles for HTML Learn how to convert business data into a graph using the GraphBuilder class. yfiles for htmlcreategraphdemo https://www.yfiles.com/demos/tutorial-graph-builder/03-create-edges-sources/ 03 Create Edges Sources Demo - yFiles for HTML Shows how to retrieve edges from different data sources. yfiles for htmlcreateedgessourcesdemo https://www.yfiles.com/demos/style/simple-arrow-style/ Simple Arrow Style Demo - yFiles for HTML Shows how to create a simple custom arrow for edges. yfiles for htmlsimplearrowstyledemo https://www.yfiles.com/demos/loading/vite/ Vite Loading Demo [yFiles for HTML] Shows how to integrate the yFiles library in a Vite project. yfiles for htmlviteloadingdemo https://www.yfiles.com/demos/layout/simplelayoutgrid/ Simple Layout Grid Demo - yFiles for HTML Shows how to create a simple layout grid. yfiles for htmlsimple layoutgriddemo https://www.yfiles.com/demos/layout-features/edge-router-buses/ Bus-Style Edge Routing Demo - yFiles for HTML Shows how to configure the edge routing algorithm to produce orthogonal bus-style paths. yfiles for htmledge routingbusstyledemo https://www.yfiles.com/demos/application-features/graph-copy/ Graph Copy Demo - yFiles for HTML Shows how to copy a graph or parts of a graph. yfiles for htmlcopy demograph https://www.yfiles.com/demos/input/customedgecreation/ Custom Edge Creation Demo - yFiles for HTML Shows how to provide directional ports and demonstrates interactive routing during edge creation. yfiles for htmlcustomedgecreationdemo https://www.yfiles.com/demos/input/graph-drag-and-drop/ Graph Drag and Drop Demo - yFiles for HTML Shows drag and drop of graphs consisting of multiple items. drag and dropyfiles for htmlgraphdemo https://www.yfiles.com/demos/layout-features/hierarchical-compact-groups/ Hierarchical Layout with Compact Groups Demo - yFiles for HTML Shows how to configure the hierarchical layout such that it yields maximally compact group nodes. yfiles for htmlhierarchicallayoutcompactgroups https://www.yfiles.com/demos/toolkit/angular/ Angular Demo [yFiles for HTML] Shows how to use yFiles for HTML in an Angular app. yfiles for htmlangulardemo