Question: Can I render an SVGSVGElement in React without using dangerouslySetInnerHtml? Context: I am using the vis.js graph library, the getLegend method returns an SVGSVGElement object i.e. con...

I was using Visjs and displaying rectanglar nodes with text. Some of the nodes can have a couple of lines of text so I added a heuristic algorithm to work out roughly where the line breaks should g...

I have a network graph of nodes and edges and would like to get the node data once it gets clicked. e.g, var network = new vis.Network(container, data, options); network.on( 'click', function(prope...

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 multip...

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 m...

Greetings, In my project I am displaying a vis.js graph, using ReactJS and I would like to have the nodes of the displayed network react to the mouse-hover event by displaying a popup/tooltip. Ever...

Question: Is there any way to update the props of a manually mounted vue component/instance that is created like this? I'm passing in an object called item as the component's data prop. let Compon...

I'm looking to build an interactive node graph on a webpage where you can add nodes with various inputs and outputs and connect them together. This is an example of what I'm looking to do: I st...

I have a requirement to hide or unhide some nodes and edges depending on some data. I can achieve it by traversing through visjs's data but that will trigger stabilization everytime one hides or un...

I'm trying to use vis.js to render a Network Visualization using React. For that, I've been following the guide from James Tharpe: https://www.jamestharpe.com/react-visjs/. However, the follwing er...

In https://mcmap.net/q/871573/-export-visjs-network-to-jpeg-png-image, the essence of the code is: network.on("afterDrawing", function (ctx) { var dataURL = ctx.canvas.toDataURL(); docu...

I am working on angular vis.js. Vis.js works on canvas for creating nodes and links between the nodes. Is there any way to get the image (jpeg/png) from the visj.s canvas?

I'm using vis.js to build a story visualization tool, and a key feature is to allow authors to manually position nodes via dragging. There's also often several edges with the same origin and destin...

In this example, "level" is used to control the vertical position a node is put at (assuming hierarchical.direction is up-down). However, I didn't find how to set the horizontal order fo...

I use vis.js to display a graph. I know we can update the node with: nodes.update([{ id: 1, font: { color: "#0d8" } }]); However, I can't update the font weight, for example, with font.bold:...

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 exa...

In the following vis-network I have 2 groups of nodes. I have separated the 2 groups of nodes into left and right side by accessing the node positions after generating a layput_as_tree. Now would l...

In the following vis-network I have 2 groups of nodes. I have separated the 2 groups of nodes into left and right side by accessing the node positions after generating a layout_as_tree. Then using ...

I've implemented a simple network using vis.js. Here's my code: //create an array of nodes var nodes = [ { id: "1", label: "item1" }, { id: "2", label: "item2" }, { id: "3", label: "ite...

how do I render a vis.js network into a concrete html container? I've tried the following, however it does not work: <div id="network"> {new vis.Network("network", data, options)} </div&...

I have a large network diagram created by vis.js which is 100% wide in the browser and very tall, thus requires scrolling down the page to see it all - I want my page to operate like most other web...

I am trying this reactjs. I am getting the following 'not a constructor error' version used: "vis-network": "^7.4.2", import { Network, DataSet } from "vis-network"; const NODES = new DataSet({}...

I have an undirected graph in Vis.js and I would like to change the color and size of the adjacent nodes (scaling them according to values in a JS array) when a certain node is selected. How would ...

I'm using vis.js to display nodes, not all nodes are connected to each other, but they are overlapping as shown in the picture, is there a way with the option to avoid this, I went through the conf...

In a Jupyter Notebook, we can execute Javascript/HTML cells directly to enrich the Notebook display, e.g. an interactive Vis.js graph, thanks to the following import: from IPython.display import J...