Javascript Sigma.js学习和示例_Javascript_Java_Sigma.js

Javascript Sigma.js学习和示例

javascript java

Javascript Sigma.js学习和示例,javascript,java,sigma.js,Javascript,Java,Sigma.js,我想发现sigma.js，以便在项目中使用它。我已经知道了一点d3，但是通过在互联网上搜索人们提到西格玛更适合于图形，在我的例子中，例如在图形中数据库可能更好。但是我搜索了一下，找不到很多关于sigma的文档或任何教程。甚至jacomy网站上的例子都不存在。有人能告诉我从哪里开始学习sigma.js吗我在项目的GitHub上找到了一些教程：此外，在本网站：这是官方网页：例如，从官方教程页面可以看到，下面是一个简单的示例：对于数据： { "nodes": [ {

我想发现sigma.js，以便在项目中使用它。我已经知道了一点d3，但是通过在互联网上搜索人们提到西格玛更适合于图形，在我的例子中，例如在图形中

数据库可能更好。但是我搜索了一下，找不到很多关于sigma的文档或任何教程。甚至jacomy网站上的例子都不存在。有人能告诉我从哪里开始学习sigma.js吗

我在项目的GitHub上找到了一些教程：

此外，在本网站：

这是官方网页：

例如，从官方教程页面可以看到，下面是一个简单的示例：

对于数据：

{
  "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",
      "target": "n2"
    },
    {
      "id": "e2",
      "source": "n2",
      "target": "n0"
    }
  ]
}

  <!DOCTYPE HTML>
    <html>
    <head>
    <style type="text/css">
      #container {
        max-width: 400px;
        height: 400px;
        margin: auto;
      }
    </style>
    </head>
    <body>
    <div id="container"></div>
    <script src="sigma.min.js"></script>
    <script src="sigma.parsers.json.min.js"></script>
    <script>
      sigma.parsers.json('data.json', {
        container: 'container',
        settings: {
          defaultNodeColor: '#ec5148'
        }
      });
    </script>
    </body>
    </html>

对于html：

{
  "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",
      "target": "n2"
    },
    {
      "id": "e2",
      "source": "n2",
      "target": "n0"
    }
  ]
}

  <!DOCTYPE HTML>
    <html>
    <head>
    <style type="text/css">
      #container {
        max-width: 400px;
        height: 400px;
        margin: auto;
      }
    </style>
    </head>
    <body>
    <div id="container"></div>
    <script src="sigma.min.js"></script>
    <script src="sigma.parsers.json.min.js"></script>
    <script>
      sigma.parsers.json('data.json', {
        container: 'container',
        settings: {
          defaultNodeColor: '#ec5148'
        }
      });
    </script>
    </body>
    </html>


#容器{
最大宽度：400px；
高度：400px；
保证金：自动；
}
sigma.parsers.json（'data.json'{
容器：'容器'，
设置：{
defaultNodeColor:“#ec5148”
}
});

这将导致：