Skip to main content

Questions tagged [sigma.js]

Sigma.js is a lightweight open-source JavaScript library for drawing graphs.

sigma.js
Filter by
Sorted by
Tagged with
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 ...
Dominic Stocker's user avatar
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 ...
Robin Schäper's user avatar
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 ...
Nicholas Li's user avatar
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, ...
Monika Thakur's user avatar
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 ...
Patrick's user avatar
  • 203
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: ...
RaphaelH's user avatar
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 ...
One Zero I0's user avatar
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 ...
Burak Özcan's user avatar
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?
technomage's user avatar
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 ...
nelegalas's user avatar
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 ...
technomage's user avatar
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 ...
Zayyan Masud's user avatar
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 ...
slt's user avatar
  • 69
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/...
Kevin P's user avatar
  • 189
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 ...
Eleni's user avatar
  • 13
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 ...
svitkin's user avatar
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 ...
wthrajat's user avatar
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 ...
wthrajat's user avatar
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 ...
Broshi's user avatar
  • 3,534
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 └── ...
user56591's user avatar
  • 503
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.
harish kumar dev's user avatar
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 ...
Melinda's user avatar
  • 265
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 ...
bob 's user avatar
  • 11
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 ...
kosta11's user avatar
  • 15
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 ...
T. Altena's user avatar
  • 801
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 ...
Mohamed Baher's user avatar
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 ...
Mohamed Baher's user avatar
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
DAMIEN's user avatar
  • 11
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 ...
Declan's user avatar
  • 51
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 ...
Marek's user avatar
  • 1
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 ...
Francisco Gama T. R.'s user avatar
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/...
Duy Phan's user avatar
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, ...
Larry Z's user avatar
  • 13
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) => { ...
gczo's user avatar
  • 11
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 ...
Santiago Langer's user avatar
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 ...
Attila Bacskai's user avatar
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. ...
codezalot's user avatar
  • 334
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 ...
gczo's user avatar
  • 11
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'...
Oliver's user avatar
  • 221
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 ...
Oliver's user avatar
  • 221
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
Medi's user avatar
  • 13
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
xxestter's user avatar
  • 487
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 ...
Davor Gajic's user avatar
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 ...
xxestter's user avatar
  • 487
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/...
Davor Gajic's user avatar
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 ...
ngjiajun's user avatar
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 ...
bdon's user avatar
  • 1
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 ...
Hannah W.'s user avatar
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 ...
Omnia87's user avatar
  • 105
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 ...
J.Todd's user avatar
  • 807

1
2 3 4 5