-
Kizdar net |
Kizdar net |
Кыздар Нет
Introduction - Sigma.js
Sigma.js is an open-source JavaScript library aimed at visualizing graphs of thousands of nodes and edges using WebGL, mainly developed by @jacomyal and @Yomguithereal, and built on top of graphology.
Sigma.js
Sigma.js is a modern JavaScript library for rendering and interacting with network graphs in the browser. It works in symbiosis with graphology, a multipurpose graph manipulation library.
Customizing graph appearance - Sigma.js
Sigma.js offers a range of options to tailor the appearance of graphs. Depending on your needs and familiarity with the library, you can choose from simple tweaks to more advanced customizations. Here's a breakdown of the available methods: Sizes and colors
Quickstart Guide - Sigma.js
Load this HTML in a browser, and you'll see a simple graph with two nodes connected by an edge. This serves as a foundational step to start exploring the capabilities of sigma.js.
Resources - Sigma.js
Documentation: This documentation provides in-depth information on sigma.js-specific topics. It covers both foundational concepts and advanced features, ensuring developers have a comprehensive understanding of the library. Storybook: For practical insights, sigma.js includes a set of examples base on Storybook.
Graph data - Sigma.js
Sigma.js utilizes a specific data model to represent and display graphs. This section provides an overview of the core attributes and functionalities related to nodes and edges in sigma.js.
Advanced topics | sigma.js
Sigma.js offers a range of options to tailor the appearance of graphs. Depending on your needs and familiarity with the library, you can choose from simple tweaks to more advanced customizations. Here's a breakdown of the available methods:
Node and Edge Sizes | sigma.js
Sigma applies the following rules for rendering nodes and edges relative to data sizes: Node and edge sizes scale with the square root of the zoom ratio. Sizes from data are treated as pixel values, for the default zoom level.
Creating new packages | sigma.js
To create a new package, you first need to get a clean local instance of sigma, with up-to-date versions of Git, Node.js and NPM. Then, go to the root of the repository, and run npm run createPackage .
Lifecycle - Sigma.js
This page outlines the lifecycle and rendering processes of a sigma instance. It details the steps from instantiation to termination and explains the mechanics behind data visualization in sigma.js.