Javascript 运行vasturiano 3D力图需要什么环境？
我只从web浏览器的角度了解javascript，但我需要以此web组件的方式在线显示数据： 问题是那里的安装说明对新手一点都不友好。它假定有一些从基础到高级的知识。 所以我做了一些研究，尽管每个人都在谈论这个组件，说它很容易实现，但没有人说如何实现 我认为一定有一些javascript服务器（node.js？）参与其中。必须导入Three.js和d3-force-3d（不知何故，在某个地方）。但就是这样。我甚至不确定这是否足够。 但我就是不知道如何设置整个程序，以便运行其中一个脚本 那么，有谁能给我一个新手级别的提示，这样我就可以使用这些脚本了？因为在这一点上，我愿意搜索，但我不知道到底要搜索什么。我缺乏大局，而在链接中的信息是非常具体的，不是很彻底 我在网上搜索了两天，但关于3d力图的内容不多，也没有关于如何设置的信息 我所需要的只是一个信息桥梁，以便这些脚本可以由非专家设置和运行（使用自定义数据）。 我指的是什么环境、什么库/依赖项、要导入什么、如何导入等等。 不一定详细，因为任何帮助都是一个很好的起点Javascript 运行vasturiano 3D力图需要什么环境？,javascript,d3.js,graph,three.js,environment,Javascript,D3.js,Graph,Three.js,Environment,我只从web浏览器的角度了解javascript，但我需要以此web组件的方式在线显示数据： 问题是那里的安装说明对新手一点都不友好。它假定有一些从基础到高级的知识。 所以我做了一些研究，尽管每个人都在谈论这个组件，说它很容易实现，但没有人说如何实现 我认为一定有一些javascript服务器（node.js？）参与其中。必须导入Three.js和d3-force-3d（不知何故，在某个地方）。但就是这样。我甚至不确定这是否足够。 但我就是不知道如何设置整个程序，以便运行其中一个脚本 那么，有
谢谢。我只需创建一个.html文件并将其放入web服务器，就可以运行基本示例。因此，如果您抓住基本示例（）并将该文件内容放入您的开发web服务器中 因此，
index.html<head>
<style> body { margin: 0; } </style>
<script src="//unpkg.com/3d-force-graph"></script>
</head>
<body>
<div id="3d-graph"></div>
<script>
// Random tree
const N = 300;
const gData = {
nodes: [...Array(N).keys()].map(i => ({ id: i })),
links: [...Array(N).keys()]
.filter(id => id)
.map(id => ({
source: id,
target: Math.round(Math.random() * (id-1))
}))
};
const Graph = ForceGraph3D()
(document.getElementById('3d-graph'))
.graphData(gData);
</script>
</body>
正文{页边距：0；}
//随机树
常数N=300；
常数gData={
节点：[…数组（N）.keys（）].map（i=>（{id:i}）），
链接：[…数组（N）.keys（）]
.filter（id=>id）
.map（id=>({
资料来源：id，
目标：Math.round（Math.random（）*（id-1））
}))
};
常量图=ForceGraph3D（）
（document.getElementById（'3d-graph'））
.graphData（gData）；
关于依赖项，看起来您只需要导入一个，有不同的导入选项（此处提到），导入方式取决于您的开发环境。非常感谢您的回答，这非常有帮助，我确实可以呈现示例文件。我甚至不希望事情会这么直截了当。非常感谢你！我将检查如何远程更改样式（背景、可见标题等）。我想如果你能改变一些配置属性，希望样式和标题也能改变。我在上面！我能够改变我需要的最小值，并插入我自己的值，所以我非常高兴，我非常感谢你们。现在我正努力从中得到最大的收获。我真的认为我需要安装某种本地服务器，安装并导入一些东西，编辑整个内容，然后将其打包为一个组件。多亏了你，这出乎意料地容易了。当心！我真的很高兴这有帮助