d3.js - Dagre-D3 graph. Can egde path be customized? -
i've managed create graph using dagre-d3 graph layout library. library works wonderful seems bit lacking in documentation.
my graph looks example: http://cpettitt.github.io/project/dagre-d3/latest/demo/interactive-demo.html
what want customize edges picture:
so, basically, need customize svg path element representing edge. did research , seems possible use graphviz styles (arrows, colors, etc) hasn't found way customize connection path itself.
is possible customize somehow?
check out this graph. shows how use styles on edges, change way edge layed out (lineinterpolate), , how remove arrowhead.
for more details on styling, see https://github.com/cpettitt/dagre-d3/wiki#demos. in particular, following may helpful:
- style attributes: http://cpettitt.github.io/project/dagre-d3/latest/demo/style-attrs.html
- built in shapes: http://cpettitt.github.io/project/dagre-d3/latest/demo/shapes
- built in arrows: http://cpettitt.github.io/project/dagre-d3/latest/demo/arrows.html
- user defined shapes , arrows: http://cpettitt.github.io/project/dagre-d3/latest/demo/user-defined.html
Comments
Post a Comment