VisJS 随机图

VisJS 随机图

大家好,又见面了,我是全栈君。

VisJS 随机图

<!doctype html>
<html>
<head>
    <title>Random nodes</title>
    
    <style type="text/css">
        body {
            font: 13pt "courier new";
        }
        #mynetwork {
            width: 600px;
            height: 600px;
            border: 8px solid blueviolet;
        }
    </style>
    
    <script type="text/javascript" src="VisJS/dist/vis.js"></script>
    
    <script type="text/javascript">
        function draw(){
            var nodes = [];
            var edges = [];
            var countConnected = [];
            var nodeCount = document.getElementById( "nodeCount" ).value;
            for( var i = 0; i < nodeCount; ++i ){
                nodes.push( { id: i, label: String( i ) } );
                countConnected[i] = 0;
                if( i == 1 ){
                    edges.push( { from: i, to: 0 } );
                    countConnected[i]++;
                    countConnected[0]++;
                }
                else if( i > 1 ){
                    var rand = Math.floor( Math.random() * edges.length * 2 );
                    var limit = countConnected.length;
                    var val = 0;
                    var j = 0;
                    while( val < rand && j < limit ){
                        val += countConnected[j];
                        j++;
                    }
                    edges.push( { from: i, to: j } );
                    countConnected[i]++;
                    countConnected[j]++;
                }
            }
            var container = document.getElementById( "mynetwork" );
            var data = { nodes: nodes, edges: edges };
            var options = { edges: {}, stabilize: false };
            var net = new vis.Network( container, data, options );
        }
    </script>
</head>

<body onload="draw();">
    <form onsubmit="draw(); return false;">
        <label for="nodeCount">Number of nodes:</label>
        <input id="nodeCount" type="text" value="10" style="width: 50px;">
        <input type="submit" value="Go">
    </form>

    <br>

    <div id="mynetwork"></div>
</body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/115529.html原文链接:https://javaforall.net

(0)
上一篇 2022年2月3日 上午9:00
下一篇 2022年2月3日 上午9:00


相关推荐

  • openclaw 安装流程

    openclaw 安装流程

    2026年3月17日
    2
  • Xenu-web开发死链接检测工具应用

    Xenu-web开发死链接检测工具应用Xenu是一款深受业界好评,并被广泛使用的死链接检测工具。时常检测网站并排除死链接,对网站的SEO非常重要,因为大量死链接存在会降低用户和搜索引擎对网站的信任。我们推荐的死链接检测工具Xenu主要具有以下特征:需要下载安装,不到1M大小,用户界面非常简洁,操作简单。检测彻底:能够检测到图片、框架、插件、背景、样式表、脚本和java程序中的链接。报告形式合理多样,死链

    2022年7月23日
    17
  • 机器学习实战——SVD(奇异值分解)

    机器学习实战——SVD(奇异值分解)与 PCA 一样的学习过程 在学习 SVD 时同样补习了很多的基础知识 现在已经大致知道了 PCA 的应用原理 SVD 个人感觉相对要难一点 但主要步骤还是能勉强理解 所以这里将书本上的知识和个人的理解做一个记录 主要关于 SVD 原理 降维公式 重构原矩阵 SVD 的两个实际应用 当然矩阵的分解和相对的公式我会给出写的更好的文章对于说明 个人基础有限 最后给出两条 SVD 最重要的公式 SVD 奇异值分

    2026年3月20日
    2
  • 工作日两个日期之间的数

    工作日两个日期之间的数

    2021年9月9日
    71
  • 一个计算器的C语言实现「建议收藏」

    一个计算器的C语言实现

    2022年1月23日
    52
  • arch wps 无法输入中文问题解决

    arch wps 无法输入中文问题解决archwps 无法输入中文问题解决 1 archwps 无法输入中文 1 archwps 无法输入中文在 usr bin 文件夹中 cd usr bin 用 nano 或 vim 进入 wpswppetsudo 在前面按 ctrl shift v 粘贴一下代码 exportXMODIF im fcitx exportQT IM MODULE fcit

    2026年3月18日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号