sigma.js

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 🎉

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!

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

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

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

✨ 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/

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

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

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

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

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

There have been various new features shipped recently as new NPM packages, and we never actually told users about them...

https://npmjs.com/org/sigma

So here we go 👇

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