Questions tagged [vis.js]
A dynamic, browser based visualisation library. The library is designed to be easy to use, to handle large amounts of dynamic data, and to enable manipulation of and interaction with the data. The library consists of the components DataSet, Timeline, Network, Graph2d and Graph3d.
vis.js
798
questions
0
votes
0
answers
17
views
Draw edges with changing edge width between two nodes
I would like to represent edges that convey the strength of some parameters between two edges for visual representation, preferably using python/vis.js/d3.js. While I could use edge labels, given the ...
0
votes
0
answers
17
views
Edge labels are overlapping in vis js hierarchical layout. Is there a solution (even a hacky solution)?
I was trying to create a hierarchical layout graph in Vis JS, these are my options -
const hierarchyOption: Options = useMemo(
() => ({
autoResize: true,
nodes: {
shape: '...
0
votes
0
answers
10
views
How to pass the color parameter to the ctxRenderer function of the custom type node of the vis-network?
I want to pass color to the ctxRenderer function so that I can change it dynamically later, but it seems unsuccessful. please have a look at the code below:
{
id: 3,
label: "Node3",
...
0
votes
0
answers
14
views
How to merge two intersecting shapes using ctxRenderer in vis-network?
I want to get the merged shape and contour of two intersecting ellipses, but now I can't remove the redundant lines inside and only keep the contour,
{
id: 1,
label: "Node5",
...
0
votes
1
answer
24
views
How to apply multiple groups to a node in vis-network?
Assume that there are two group classification methods for people:
group_1 = "teacher",
group_2 = "student";
group_a ="male",
group_b ="female",
The ...
0
votes
0
answers
10
views
How to change the font size in icon in vis-network node
{
id: 7,
label: "dataType",
shape: "dot",
icon: {
face:'Arial',
code: "\u0074\u0078\u0074", // "txt"
...
0
votes
1
answer
13
views
How to reorder groups programmatically
I have setup a timeline to follow document versioning. Each group is a document, and each item is a version. Unstacked they line up nicely.
Something I'd like to do is to raise groups of related ...
0
votes
0
answers
43
views
vis.js: Create an interactive 3d network graph
I have developed an interactive tool using 2d network graph. However, now I see that an interactive 3d network graph would be more useful to interpret data from various nodes and edges. Unfortunately ...
2
votes
0
answers
50
views
Vis.js Adds Extra Padding at the Top of a Complex Diagram
I've been working with vis.js to create a complex diagram, and I've encountered an issue that persists even in a simplified version of my project. The core of the problem is that, when I draw a large ...
0
votes
0
answers
20
views
link analysis with visjs on the basis of timestamp
I want to create link analysis and I'm using visjs for that for now I'm displaying the nodes and edges one by one after one second on the basis of index and it works fine, but now I want to show nodes ...
0
votes
0
answers
66
views
vis.js Timeline does not apply CSS style to show the images of the items in the right size
A question for vis.js timeline (Setup: Mac Monterey 12.5.1, Chrome 122.0.6261.94 Official Build(arm64).
I try to set the size of an image in the "title" of all items. For this, I use HTML ...
0
votes
0
answers
76
views
VijsJS: Make "Node Dimensions" match node shape in ctxRenderer?
Having trouble finding info on this.
I'm using a custom shape for my VisJS Vis-Network nodes using the "custom" shape property and ctxRenderer Function similar to as specified here
https://...
0
votes
0
answers
37
views
How to fire a custom event from within visjs in lwc?
Have installed and am using visjs library in a lwc without issue, except I am unable to dispatch a custom event to bubble up to a parent lwc from within the “node selected” visjs event.
I think I need ...
0
votes
0
answers
34
views
I want to draw a multiline tree path with any visualization library supported in react like the below picture, which can have multiple root nodes
I want to draw a multiline tree path with any visualization library supported in react like the below picture, which can have multiple root nodes and one child can have more than one parent, but not ...
0
votes
0
answers
40
views
why does vis.js selectNode event cause node to stick to mouse pointer?
Am learning vis.js and trying to fire a simple custom event when a network node is clicked using the code below. The undesired behaviour I see is that on selecting a node with single click, the node ...