【探索】链接数据连线html | d3 绘制连线

最新推荐文章于 2024-07-16 14:24:12 发布

神创

最新推荐文章于 2024-07-16 14:24:12 发布

阅读量2.7k

点赞数

分类专栏： python 可视化 d3

本文链接：https://blog.csdn.net/qq_19741181/article/details/79525907

版权

本文介绍了如何利用d3.js库来绘制SVG连线，以展示HTML链接数据。参考了w3cplus上的一篇文章，并展示了绘制过程中的错误与修正，强调了在学习d3.js过程中遇到的挑战。

摘要由CSDN通过智能技术生成

参考

https://www.w3cplus.com/svg/svg-markers.html

效果

代码

<svg width="600px" height="100px"> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refx="0" refy="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#f00" /> </marker> </defs> <line x1="50" y1="50" x2="250" y2="50" stroke="#000" stroke-width="5" marker-end="url(#arrow)" /> </svg>

--------------------------------------------------------