#sigmajs — Public Fediverse posts

@pintoch @Gephi It’s been a while, but I think #SigmaJS plays fairly well with Gephi? (At least it reads gexf files.) https://www.sigmajs.org/

Woohoo, I finally got proper OIT working, which means that #sigmajs will soon properly handle semi-transparent elements and dynamic depth 🎉

There are still some issues with anti-aliasing (the related pixels sometimes seem to not appear at the proper depth), but it's getting very close 🤞

#typescript #webgl

I am now discovering that juggling with multiple #WebGL buffers is tough, and can lead to very weird renders...

#sigmajs #typescript

Still trying to get proper transparency and depth management in #sigmajs.

Current state: Plain opaque nodes and edges appear like 90s French encrypted TV channels...

#typescript #webgl

Woohoo, I found the bugs! Turns out I misnamed a variable in my fragment shader, and WebGL thought "this uniform does not exist? no problem, I'll use the first one you declared instead", which contained similarly structured data, but about the nodes rather than the k centroids...

So now, I have a k-means based ForceAtlas2 implementation, which looks a bit like a ForceAtlas2 who drunk too much coffee ☕

#webgl #sigmajs #typescript

While we're at it, I tried to push a bit more some experiments that @Yomguithereal and I worked on a year ago.

We tried to implement ForceAtlas2 on a GPU for Graphology. We tried to replace the Barnes-Hut approximation for the repulsion by some more aggressive strategies, including some simple k-means.

I am now trying to debug weird vertical lines artifacts, and huge gaps around some nodes. Unsuccessfully for now...

#sigmajs #webgl

I tried to implement Weighted Blended Order Independant Transparency to solve various limitations of sigma.js... Oh my, graphics rendering is soooo harder than everything I know about programing 😭

https://learnopengl.com/Guest-Articles/2020/OIT/Weighted-Blended

#webgl #sigmajs #typescript

Still struggling with my quadtree-based ForceAtlas2 implementation... Weirdly enough, it still manages at some point to put together densest parts of the graph (visible by their colors), but then things go completely off-track...

#graph #layout #sigmajs #graphology

I really love #Vitest 😍

Anytime I have an issue with it (and especially its "browser mode" experimental features), I find in minutes that it's being addressed like right now!

In today's episode, I wanted to unit test touch interactions in #sigmajs. It's not yet implemented, but the PR is in progress:
https://github.com/vitest-dev/vitest/pull/6026

#typescript #webdev

I'm just trying to finalize a sigma.js WebGL program that renders both the colored "metaballs", and the fixed width contour lines.

I still have some issues though, but hell does it looks nice and trippy...

#sigmajs #webgl

YES finally:

A clean, single, anti-aliased contour line, with controlled fixed width, and focused on a controlled threshold value.

That's gonna be very nice to highlight groups of nodes in #sigmajs applications.

First visible (yet broken) custom WebGL layer bound to an existing sigma.js instance 🎉

This will enable dynamic heatmaps, metaballs... But first, I got some more WebGL to debug.

#sigmajs #webgl

Now that I have proper #WebGL depth-based z-indexing in #sigmajs, I can run some benchmarks. And it seems that z-indexing has a pretty little cost!

By the way, still very happy with our headless browser benchmark setup with #Vitest and #Playwright:
https://www.ouestware.com/2024/05/28/tests-benchmark-headless-browser/

Debugging depths in 2D #WebGL is quite painful. It basically stops drawing some elements sometimes, but there are no hint, warns of logs anywhere to help explaining what's happening...

#sigmajs #typescript

Still working on #sigmajs issue https://github.com/jacomyal/sigma.js/issues/1427.

I have a version that works for nodes. But apparently, I still have some issues with edges...

#monday #webgl

Note to myself:
The following function is quite handy to log ImageData in the Chrome JavaScript console:

https://gist.github.com/jacomyal/6f37a25db647b807d4d9c5ce37301d33

I'm using it to debug textures generated to handle images in node in #sigmajs.

#javascript #typescript

It seems that adding z-indexing in #sigmajs might conflict with the current alpha blending code...

This is not good news for the issue: https://github.com/jacomyal/sigma.js/issues/1427

#webgl #typescript

Here is #Mastoviz. A little website that visualizes your Mastodon Network.

https://mastoviz.glitch.me/

1. Enter your instance
2. Authorize the automatically created app
3. Load your network
4. Explore it

#mastodon #glitch #dataviz #network #sigmajs #visualization #opensource

I guess it's ready to meet you. #WIP #sigmajs

Should have read the docs properly and not hoped for the best. #WIP #sigmaJS

#WIP #sigmaJS