CDN Image Support (Older Site)

[Ginger0913]

I am working on a legacy site which does not use any compilers and relies on local files. I have downloaded sigma and graphology and gotten a working POC together. I want to be able to render either images or possibly svg's from an icon pack like font-awesome, but noticed that all the examples are using React or are importing the NodeImageProcessor from @sigma/node-image.

I would love and plan on revamping to react and either Next/Webpack/Vite at some point, but was curious if I could still set up this image processor with an older site that does not have access to these?

[jacomyal]

Hum, I don't understand why you mention React. It is used by the demo, sure, but no example from the Storybook uses it. You can check these for instance:

• https://www.sigmajs.org/storybook/?path=/story/sigma-node-image--node-images
• https://www.sigmajs.org/storybook/?path=/story/sigma-node-image--node-pictograms-with-background

Also, the CDN version of sigma includes most satellite packages, including the createNodeImageProgram factory from @sigma/node-image. You can see exactly what is exported here. But I understand now that it is very poorly documented, I'll improve that when I can.

You can check this example, that reproduces some example from the Storybook, but with nothing more than some vanilla JS code and some scripts linking to the CDN.

[jacomyal]

Hum, I don't understand why you mention React. It is used by the demo, sure, but no example from the Storybook uses it. You can check these for instance:

• https://www.sigmajs.org/storybook/?path=/story/sigma-node-image--node-images
• https://www.sigmajs.org/storybook/?path=/story/sigma-node-image--node-pictograms-with-background

Also, the CDN version of sigma includes most satellite packages, including the createNodeImageProgram factory from @sigma/node-image. You can see exactly what is exported here. But I understand now that it is very poorly documented, I'll improve that when I can.

You can check this example, that reproduces some example from the Storybook, but with nothing more than some vanilla JS code and some scripts linking to the CDN.

[Ginger0913]

Thank you for the prompt reply. Checked out the example you mentioned. I had glossed over that. My apologies.

[jacomyal]

It really is poorly documented, sorry about this 😅

[Ginger0913]

You're good. Awesome library. Saved my bacon with with this one. Side comment: Is the animateNodes also exported? I didn't see it on the Sigma object when I was using the cdn(that was on v2 though)