将d3 html转化为svg,如何将svg转换为d3.js代码?

博主分享了在使用gephi创建图形后,如何将SVG格式转换为D3.js代码,以便在网页中实现交互式功能。SVG样本包括多个节点和链接,具有特定的样式和属性。他们寻求将这些SVG元素导入D3.js或利用其他工具进行转换,以处理包含1800个节点的复杂图形。
摘要由CSDN通过智能技术生成

我正在使用gephi,这是一种制作图形的软件,它以平面svg格式导出图形。如何将svg转换为d3.js代码?

我需要将图形放在网页中,并使用一些交互式行为来突出显示选择,因为它有1800个节点。

我想知道是否有任何方式导入此SVG在D3.js或者其他的工具来转换SVG代码为D3.js代码

下面是SVG格式的有几个样本节点和链接。

xmlns:xlink="http://www.w3.org/1999/xlink" zoomAndPan="magnify"

contentStyleType="text/css"

viewBox="-1491.000000 -1489.000000 2998.826172 2983.000000" height="2983.0"

preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"

version="1.1">

d="M -741.524292,330.655731 C -696.531250,212.884094 -452.384125,103.716217 -334.612488,148.709290"

class="vansdlp kshhbak" stroke-opacity="0.6"

stroke="#73c000"/>

d="M -334.612488,148.709290 C -379.605560,266.480927 -623.752686,375.648804 -741.524292,330.655731"

class="kshhbak vansdlp" stroke-opacity="0.6"

stroke="#73c000"/>

d="M -334.612488,148.709290 C -334.612488,148.709290 -174.612488,148.709290 -334.612488,148.709290"

class="kshhbak" stroke-opacity="0.6" stroke="#73c000"/>

d="M -1003.035095,296.450439 C -943.891846,250.989349 -786.985413,271.512512 -741.524292,330.655731"

class="linaroblujh vansdlp" stroke-opacity="0.6"

stroke="#73c000"/>

class="vansdlp" cy="330.65573" stroke="#000000"

stroke-opacity="1.0" stroke-width="1.0"/>

class="kshhbak" cy="148.70929" stroke="#000000"

stroke-opacity="1.0" stroke-width="1.0"/>

class="linaroblujh" cy="296.45044" stroke="#000000"

stroke-opacity="1.0" stroke-width="1.0"/>

fill="#000000" stroke-linejoin="round"

style="text-anchor: middle; dominant-baseline: central;"

font-family="Arial" class="vansdlp" stroke="#ffffff"

stroke-opacity="0.6" stroke-width="3.75px">

vansdlp

fill="#000000" stroke-linejoin="round"

style="text-anchor: middle; dominant-baseline: central;"

font-family="Arial" class="kshhbak" stroke="#ffffff"

stroke-opacity="0.6" stroke-width="15.0px">

kshhbak

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值