vis.js-network

I'm new to JavaScript and using vis.js for making a hierarchical ("UD") network. I have a problem: many edges on the same level cross. Is there a way in vis.js to minimize crossed edges? In my example where I have a simple tree, there should no crossed edges at all. I.e. I want something like instead of My question is related to vis.js Level sorting in Hierarchical Layout Here are my vis.js options: var options = { edges: { smooth: { type: 'cubicBezier', roundness: 0.4 } }, layout: { improvedLayout: true, hierarchical: { direction: "UD" } }, physics:false }; Please try an older version of vis

My intention is to create simple graph editor using vis.js and the first feature I'm thinking about is to position nodes manually and save that. However, unlike setting options a straight-forward method to get all the options doesn't seem to exist. Is there any reasonable approach to get them (aside trying to track all the changes using events like dragEnd which sounds way too fragile)? In fact, I'm looking for a way to extract both data (nodes/edges and their settings) and options so that once the network is rendered using those options, it looks the same (or at least similar) to what was

How do I set a node's position in vis.js? I want to initially position at least one node manually. I know that a node has the options x and y . I set both, and also tried variations of layout options ( randomSeed , improvedLayout , hierarchical ), the node was never placed where I set it. Here's the simple network I defined: nodes = new vis.DataSet([ {id: 1, shape: 'circularImage', image: DIR + '1_circle', label:"1", x: 200, y: 100}, {id: 2, shape: 'circularImage', image: DIR + '2_circle', label:"2"}, {id: 3, shape: 'circularImage', image: DIR + '3_circle', label:"3"}, ]); edges = [ {id: "01

Problem: After switchnig to new (4.21) version of vis.js (from 4.18) my graph is all messed up. EDIT: The change occurs between versions 4.19.1 and 4.20. I guess it has something to do with multiple changes in network introduced in the 4.20 version . I'm building a family free. I spent some time to get a nice looking graph. Then I found out that new version of vis.js is available. Once I decided to use it, the edges of my graph started to cross. Here's my nice-looking graph using 4.18.1: Here's what happens if I change to 4.21.0: What did I do wrong? How to fix this? Same data, same code. The