文件名称：d3-force-directed-train-map
文件大小：367KB
文件格式：ZIP
更新时间：2024-06-09 17:09:17
JavaScript
偏远岛屿火车地图 d3方向力地图 设置 Git克隆存储库（或将压缩文件夹解压缩）到本地计算机 在浏览器中打开index.html以查看地图 或者只是 挑战性 我以前曾与d3一起使用过简单的绘图图，饼图，条形图 从未使用过更高级的d3实现，包括力图 不适用于SVG标记，def或悬停效果 过程 熟悉d3如何使用数据生成坐标，因此基本线节点图在2-3小时内完成 将提供的数据重构到一系列城市中，以及一种填充节点和参考链接的方法，以使代码更简洁，更易于阅读 花了大约4个小时来学习和尝试在线上的箭头标记，并将它们与标签相关联最终重构的代码首先生成包含行和标记的svg组，以便填充/描边颜色可以匹配 尝试最短路径实现，阅读有关Dijkstra算法的知识并尝试在线d3 dijkstra示例无法获得最短的路径来应对这一挑战 得到教训 d3力 这是全新的，所以所有实现都是一个实验 挖掘各种在线示例的源代码带来了
【文件预览】：
d3-force-directed-train-map-master
----index.html(872B)
----dijkstra.js(2KB)
----d3-force-directed-train-map.zip(268KB)
----dijkstra2.js(2KB)
----train-map.js(5KB)
----README.md(3KB)
----main.css(1KB)
----background.jpg(113KB)