sigma.js框架初探

最新推荐文章于 2025-11-09 08:34:38 发布

原创

最新推荐文章于 2025-11-09 08:34:38 发布 · 6.6k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#框架 #sigmajs

本文主要介绍了sigma.js框架的学习过程，包括快速入门和教程。在快速开始部分，指出了直接打开html文件可能出现的问题及解决方法。教程部分讲解了如何加载显示图形以及如何使用回调事件来操作节点和边的颜色。适合需要了解sigma.js的开发者参考。

最近项目开发需要用到sigma.js，网络上的中文资料很少，所以写这样一篇文章记录自己学习的过程。
资料来自官网。

快速开始

DATA

{
  "nodes": [
    {
      "id": "n0",
      "label": "A node",
      "x": 0,
      "y": 0,
      "size": 3
    },
    {
      "id": "n1",
      "label": "Another node",
      "x": 3,
      "y": 1,
      "size": 2
    },
    {
      "id": "n2",
      "label": "And a last one",
      "x": 1,
      "y": 3,
      "size": 1
    }
  ],
  "edges": [
    {
      "id": "e0",
      "source": "n0",
      "target": "n1"
    },
    {
      "id": "e1",
      "source": "n1",
      "