当前位置: article > 正文

d3.js 搭建 d3-force-directed-graph 例子_vue中使用3d-force-graph

作者：Gausst松鼠会 | 2024-02-23 01:32:58

踩

vue中使用3d-force-graph

d3.js 搭建 d3-force-directed-graph 例子


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script src="http://d3js.org/d3.v3.min.js"></script>
<style>
.node {
  stroke: #fff;
  stroke-width: 1.5px;
}
.link {
  stroke: #999;
  stroke-opacity: .6;
}
</style>
    <title>Hello World! Site Title</title>
  </head>
  <body>
<script>
var width = 600,
    height = 400;
 
var svg = d3.select("body")
        .append("svg")
        .attr("width", width)
        .attr("height", height)
 
var links = [
    {source: 0, target: 1},
    {source: 0, target: 2},
    {source: 1, targ

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/132725