@sigmajs@vis.social

· 25mo ago

Replying to

A new package, @sigma/layer-webl, allows rendering custom #WebGL layers in addition to the nodes and edges ones. This allows some pretty powerful things, such as heat maps, contour lines, or more simply showing a curve surrounding a given set of nodes. https://npmjs.com/package/@sigma/layer-webgl

npm

@sigma/layer-webgl

A package to help drawing custom WebGL layers with sigma.js. Latest version: 4.0.0, last published: 4 days ago. Start using @sigma/layer-webgl in your project by running `npm i @sigma/layer-webgl`. There are no other projects in the npm registry using @sigma/layer-webgl.

5

1

2

0

sigma.js @sigmajs@vis.social

· 22mo ago

The last remaining ticket from the v3 milestone has been handled:
https://github.com/jacomyal/sigma.js/milestone/10

So, sigma.js finally hits v3.0.0 🎉

GitHub

v3 Milestone · jacomyal/sigma.js

A JavaScript library aimed at visualizing graphs of thousands of nodes and edges - v3 Milestone · jacomyal/sigma.js

4

0

4

0

sigma.js @sigmajs@vis.social

· 25mo ago

Hello vis.social folks 👋

I'm excited to start this new account about sigma.js, a JavaScript library dedicated to visualize graphs on web pages.

This account will tell about new versions and features, and showcase real life uses. It is curated by @jacomyal@vis.social.

Don't hesitate to interact if you want to ask questions, share your own sigma.js creations, or just say hello ✨

https://www.sigmajs.org

sigmajs.org

4

0

3

0

sigma.js @sigmajs@vis.social

· 25mo ago

Replying to

And while he was at it, @logisima also implemented the #Leaflet version: https://npmjs.com/package/@sigma/layer-leaflet

npm

@sigma/layer-leaflet

A plugin to set a geographical map in background. Latest version: 4.0.0, last published: 4 days ago. Start using @sigma/layer-leaflet in your project by running `npm i @sigma/layer-leaflet`. There are 1 other projects in the npm registry using @sigma/layer-leaflet.

2

0

sigma.js @sigmajs@vis.social

· 25mo ago

Replying to

Finally, it is now possible to display square nodes, because why not... https://npmjs.com/package/@sigma/node-square

npm

@sigma/node-square

A node program that renders nodes as squares for sigma.js. Latest version: 3.0.0, last published: 2 years ago. Start using @sigma/node-square in your project by running `npm i @sigma/node-square`. There are 1 other projects in the npm registry using @sigma/node-square.

2

0

1

0

sigma.js @sigmajs@vis.social

· 24mo ago

I just added Helveg to the "In the wild" section of #sigmajs homepage: https://helveg.net

Their way to highlight "error nodes" with animated visual effects is stunning!

helveg.net

Helveg – An experimental visualization tool for C# codebases

1

0

3

0

sigma.js @sigmajs@vis.social

· 24mo ago

A new package, @sigma/export-image, handles exporting a #sigmajs instance as an image (PNG or JPG) file.

It replaces an old snippet that was only exposed from some code example, and handles more options.

https://www.npmjs.com/package/@sigma/export-image

You can try it in the StoryBook here:

https://www.sigmajs.org/storybook/?path=/story/sigma-export-image--custom-layers-and-renderers

npm

@sigma/export-image

An helper to capture snapshots of sigma.js instances as images. Latest version: 4.0.0, last published: 4 days ago. Start using @sigma/export-image in your project by running `npm i @sigma/export-image`. There are 1 other projects in the npm registry using @sigma/export-image.

1

0

sigma.js @sigmajs@vis.social

· 25mo ago

Replying to

It is now possible to display a background map behind a sigma.js graph, using #MapLibre: https://npmjs.com/package/@sigma/layer-maplibre

npm

@sigma/layer-maplibre

A plugin to set a geographical map in background. Latest version: 4.0.0, last published: 4 days ago. Start using @sigma/layer-maplibre in your project by running `npm i @sigma/layer-maplibre`. There are 0 other projects in the npm registry using @sigma/layer-maplibre.

1

3

0

sigma.js @sigmajs@vis.social

· 24mo ago

Also, here are some updates on sigma.js status and roadmap:

https://github.com/jacomyal/sigma.js/discussions/1469

GitHub

Current Status and Roadmap · jacomyal sigma.js · Discussion #1469

Sigma.js: Current Status and Roadmap Hey everyone, This post is here to explain where sigma.js is at right now, what’s coming in v3, and what to expect for v4. Current State of Sigma.js Sigma.js v3...

0

sigma.js @sigmajs@vis.social

· 24mo ago

✨ Sigma.js Storybook has just been revamped. ✨

Stories are now better organized with a cleaner layout, making them easier to navigate and explore. Plus, the source code is more readable by default, with less noise around.

https://www.sigmajs.org/storybook/

sigmajs.org

0

sigma.js @sigmajs@vis.social

· 25mo ago

We just released @sigma/utils, with two helpers:
- `fitViewportToNodes` allows moving the camera to fit the best a set of nodes
- `getNodesInViewport` allows retrieving the list of nodes visible in the current viewport

The package is here:
https://npmjs.com/package/@sigma/utils

We also added stories to showcase those two helpers:
https://www.sigmajs.org/storybook/?path=/story/utils

npm

@sigma/utils

A set of utils functions to ease the use of sigma.js. Latest version: 4.0.0, last published: 4 days ago. Start using @sigma/utils in your project by running `npm i @sigma/utils`. There are 5 other projects in the npm registry using @sigma/utils.

0