Questions tagged [sigma.js]
Sigma.js is a lightweight open-source JavaScript library for drawing graphs.
sigma.js
245
questions
0
votes
0
answers
22
views
How to make label size proportional to zoom
There used to be a setting for this (labelSize), but that one only takes numbers for a fixed label size now as opposed to a string specifying how it should respond to zoom levels. Someone else also ...
0
votes
0
answers
47
views
How to render self-loops with sigma.js?
I think the sigma.js library is really amazing and I have been using it a lot lately for a scientific project. My problem is that I could not get self-loops (self-interactions) to render. I have ...
1
vote
0
answers
30
views
React Sigma Layout - No context Provided: useSigmaContext() can only be used ... inside <SigmaContainer> when it is
I'm trying to use the layout hooks with ReactSigma, and following the guide here https://sim51.github.io/react-sigma/docs/example/layouts, trying both circular and forceatlas2, I'm getting an error of ...
0
votes
0
answers
14
views
LMS fitting with R-software
I am trying to fit my data in LMS model using following code.
lms_model <- lms(
y = data$Reaction_time,
x = data$Corrected_Age,
families = "BCCG",
data = data,
k = 2,
...
0
votes
0
answers
12
views
Disable hover-state externally
I have a context menu.
When I hover a node, it gets highlighted(like it should).
But when I enter the context menu, the node stays highlighted. I would like to disable the hover/highlighted state ...
1
vote
1
answer
31
views
How to define Max/Min Node and Edge Size in new versions
I'm trying to migrate from an old version of Sigmajs to 2.4 which I've got working but it looks like the settings have been changed in this new version, namely the following is missing:
minEdgeSize: ...
0
votes
0
answers
37
views
Member of array is displayed as undefined despite not empty
I'm creating an application that retrieves result of query from Neo4J Database and putting them into Sigma.js to visualize. I'm using template code from the tutorial with modifications. Currently I'm ...
0
votes
0
answers
106
views
Sigma.JS custom rendering
I'm trying to visualize the data coming through the API with Sigma.JS, but I can't always get results. When I tried to visualize the dynamic incoming data without mock data by writing a simple API ...
0
votes
0
answers
20
views
Avoid clipping node labels in SigmaJS
I'd like to avoid labels being clipped as seen below. If this requires a custom renderer, is there sufficient context to be able to fall back to the default if the label won't be clipped?
0
votes
0
answers
66
views
How to change arrow size using react-sigma library?
I am trying to change graph's edge arrow size in React application using react-sigma library. Arrow size is so small that it is very hard to see it without zooming in. It seems that changing ...
0
votes
1
answer
16
views
Fix horizontal node positions while scaling vertical
I have a force layout applied to a Sigma graph. The horizontal elements are in fixed column positions, while the vertical varies.
I would like to preserve the horizontal positions when the graph gets ...
2
votes
0
answers
62
views
How to dynamically load images in SigmaJS React
Is it possible to dynamically add images to React-SigmaJS, for example, through hover or when working on a zoom-in Graph? I am working on a large graph where which node has its images generated and ...
0
votes
0
answers
72
views
How to install & use sigmajs in angular 8
I would like to add sigmajs to angular 8 to draw a network chart (including more than 1000 nodes & edges) with drag-drop. How can I use it? Which version of sigmajs (and graphology) is compatible ...
0
votes
0
answers
55
views
Given an edge, i'm trying to find what nodes are affected by it
I'm working on writing a network graph visualization with Sigma and Graphology. I'm adding some filtering logic and following the examples found here: https://codesandbox.io/p/sandbox/github/jacomyal/...
0
votes
0
answers
21
views
Sigma.js Interface for R + Shiny Computing Metrics on Filtered Sub-graph
I am looking to build a .md file using flexdashboard and shiny to plot and filter graph data. In the ui I have a sidepanel for filters and the following static table which computes metrics on the ...
0
votes
0
answers
84
views
How do you create a custom edge renderer in SigmaJS so that edges have a bigger hover/click area than their size?
I am using SigmaJS v2 and every object is rendered using WebGL which I am new to. I have seen examples of custom node rendering by creating new WebGL programs. However, I do not see any examples of ...
0
votes
0
answers
161
views
Sigma.js: How to create fullscreen & zoom control buttons in a Sigma.js webapp using vanilla JS?
I am working on a Sigma.js webapp and need to implement primarily a full screen (and zoom-in and out buttons as well).
While it is very easy to implement with React-Sigma controls, I cannot use the ...
0
votes
1
answer
185
views
Click event is getting triggered unwantedly while dragging the nodes in Sigma.js
In my sigma.js webapp, I have mainly 2 types of events: one is to handle click event (to open the node's URL) and the other is to handle drag events (to be able to drag the nodes here and there in the ...
1
vote
1
answer
347
views
Sigma.js demo with ForceAtlas2
I need the exact demo of sigma.js just with ForceAtlas2 layout - meaning providing a dataset.json without specifying x/y coordinates per node, has anyone accomplished that? can I find an example that ...
1
vote
1
answer
415
views
How to render sigma.js graph in python Dash html.Div?
I would like to build a Python Dash app with a sigma.js graph and am therefore trying to make it run with a bare minimal example. My folder structure looks as follows:
DashGraph/
├── app3.py
└── ...
1
vote
0
answers
37
views
Stop panning in react sigma
I am using react sigma for the first time. I can see there is a infinite panning across the grpah. I need to stop that from infinite panning.
I am using @react-sigma/core package.
0
votes
1
answer
857
views
Module parse failed: Unexpected token. You may need an additional loader to handle the result of these loaders
When I import Attributes from 'graphology-types' in my .jsx file, I get this error
import { Attributes } from 'graphology-types'
ERROR in ./node_modules/graphology-types/index.d.ts 11:5
Module parse ...
1
vote
0
answers
273
views
Trying to put images in nodes
I am looking to add images inside my nodes on my sigmaJS graph. I know it sounds realy simple but i made a lot of researches and i can't find a correct solution to my problem. I hope someone here can ...
0
votes
1
answer
278
views
Sigma.js v2 Label Size proportional like v1
is there a possibility in Sigma.js v2 to make the labels size proportional, like the first Sigma version ?
Has anyone an idea ?
I have already looked in the documentation and code and can't find a ...
0
votes
1
answer
288
views
SigmaJS Graph should use entire width of element instead of using a 1:1 aspect ratio
I'm trying to fit a network graph into a rectangular area, that's about 3.5 times wider than its height.
I'm using the ForceAtlas algorithm to deploy the nodes: is there a way to make that layout use ...
2
votes
1
answer
337
views
How to dynamically change/set arrow size of an edge in sigma v2?
I am trying to let the user control the arrow size without affecting the size of the edge, in v1 (canvas renderer), it was done like with changing the minArrowSize in the settings, this is not the ...
0
votes
1
answer
128
views
Why is updating the edge size causing the edges to disappear
We are upgrading from sigma v1 to sigma v2
I am using this react-sigma library: https://github.com/sim51/react-sigma
what I am trying to do is to change the size of the edge using a formula that we ...
1
vote
0
answers
97
views
ForceAtlas2 server side rendering with react sigma
Does anyone know how to implement server side node's position rendering & so then export with ForceAtlas2 ? So my users won't need to run ForceAtlas2 by themself
Thanks
1
vote
1
answer
420
views
How do I set allowInvalidContainer in SigmaJS?
First things first, I am absolutely inexperienced so apologies if this is a simple solution, but I haven't been able to find it anywhere else after repeated Googling error messages. I'm working on a ...
0
votes
0
answers
569
views
Embeding React-Sigma-v2 component in another one throw "Container has no width" error
Edit :
Following further testing, this seems to be due to the fact that I'm trying to render multiple instances of a , as rendering only one is working as expected. I suspect this issue arose due to ...
5
votes
2
answers
600
views
How to use sigma.js with svelte
I've been trying load sigma.js with Svelte / Sveltekit but there seems to be no component integration nor any guidance on how to do this. I tried loading it as client-only code in Sveltekit ...
0
votes
0
answers
428
views
Sigma.js graph animate(transition effect) color of nodes and edges?
I want to have a smooth color transition effect when hovering node (duration 2s for example) using sigma.js, but I don't see any example/docs of how to do this.
Demo here: https://codesandbox.io/s/...
0
votes
1
answer
119
views
Is it possible to make a multi-color highlight arc in Sigma.js?
I'm trying to implement my own hoverRenderer to make the highlight ring have multiple colors. So I took the drawHover in src/rendering/canvas/hover.ts line 58 and replaced
context.arc(data.x, data.y, ...
1
vote
0
answers
268
views
Node border on Sigma.js
I am working on a React-Sigma.js project that aims to draw a collaboration network. I want to add a border to all nodes in the graph. I am using the following code:
nodes.forEach((node) => {
...
0
votes
1
answer
637
views
What is the React Sigma style file mentioned in their setup documentation?
This is my first time making graphs in React so I'm following the guide and documentation. I have no prior experience with graphology, sigma.js or react-sigma (I know how to use normal React).
The ...
1
vote
2
answers
1k
views
In SigmaJs i get "Uncaught TypeError: Cannot read properties of undefined (reading 'process')" error
I started out from the demo project that can be found on the offical SigmaJs github repo: https://github.com/jacomyal/sigma.js
The error is the following:
Uncaught TypeError: Cannot read properties of ...
8
votes
1
answer
2k
views
Where can I find the documentation for sigma.js?
I am trying to test the limits of sigma.js (v2) to determine whether it is a suitable option for our project.
From what I have seen in various sample applications it looks very promising. ...
0
votes
1
answer
576
views
How do I re-render a network graph in react?
I am developing a visualization application that uses React and react-sigma. One feature is to change the node size depending on what node centrality is selected by the user. My node list updates but ...
1
vote
1
answer
166
views
CurvedArrows in sigjma.js, typescript and npm
I would like to draw curved arrows in sigma.js within my typescript npm project. The following occures on browser/client-side:
Uncaught TypeError: Cannot read properties of undefined (reading 'process'...
0
votes
1
answer
806
views
Window is not defined in node.js, sigma.js and typescript environment
I try to setup a sigma.js project with node.js written in TypeScript. The following reference error occurs after starting the node.js server with:
ts-node index.ts
The error seems to occur directly ...
0
votes
1
answer
262
views
How can i set type curve of edges in Sigma.js v2.1.3
How can i set type curve of edges in Sigma.js v2.1.3 ? type: "curve" don’t work
0
votes
0
answers
474
views
Hierarchy layout using sigmajs or gephi
Using SigmaJS or gephi toolkit, is it possible to create Hierarchy layout of the graph? I can't use linkurious.
I am currently using sigmaJS 1.2
0
votes
1
answer
132
views
sigmav2 - nodes have same position. How to solve?
We have a sigma instance that is based on lat/long coordinates.
Nodes might have the same position.
How can we solve this with relative ease?
One way we thought was to group all the nodes with the ...
0
votes
1
answer
194
views
Sigmajs v2 unable to load module
I need advise on how can I load SigmaJS v2 on a html document?
Here are the steps I did, but it is not working
Step 1) I created a new folder and open a cmd window, then execute the below command
npm ...
0
votes
1
answer
170
views
v2- Clustering Algorithms
I want to cluster my sigma nodes based on importance or region(sigma graph is bound to a background Leaflet).
For example, would love to display only 1 node for a node group.
E.g: https://deck.gl/...
0
votes
0
answers
435
views
Sigma JS - Customs Icon Image on nodes
i try refer to the example on Use custom images on nodes in Sigma js
but i keep having error on 'Uncaught ReferenceError: images is not defined', wonder anyone can advice me on how to fix it and able ...
0
votes
1
answer
276
views
Smaller Edge Sizes in Sigma V2
In Sigma v1 (webgl) I am able to render edge sizes at "0.01". In v2 I am unable to render edges any smaller than "1".
I have tried modifying different values in the default edge ...
3
votes
0
answers
424
views
Documentation for react-sigma-v2 or just sigmajs [closed]
I was wondering if there is any decent documentation for specifically react-sigma-v2 or just sigma.js. There are handful of examples but even those have limitations on how much it can show/how you can ...
0
votes
0
answers
512
views
Using sigma.js v2 with node.js
I'm looking at the examples provided here and I honestly have no idea how to replicate any of this within node.js. I don't know what to do with .ts files. I'm looking at one particular example from ...
1
vote
1
answer
617
views
How can I center a node in Sigma.js?
This same question was asked five years ago with no answer, maybe since then there's a solution. I don't understand how formatting works in Sigma.js.
Maybe sigma isn't the right tool for the job? I ...