Webcomponent for interactive graphs using SVG
APACHE-2.0 License
Bot releases are visible (Hide)
Published by buehlefs 9 months ago
multiple
; other: none
, single
)select
; other: none
, link
)move
; other: none
, link
)link
; other: none
)move
; other: none
, select
, zoom
, custom
)select
, zoom
or custom
zoomToBox
to allow changing or removing the added padding'
as quote is deprecated.nodes="[{'id': 1, 'x': 0, 'y': 0}]"
(also edges
and classes
)nodes='[{"id": 1, "x": 0, "y": 0}]'
style
slot in the default template as it did not work to isolate style anywayrotation
property of edge markersstyle
slotdata-id
attribute without any prefixes. CSS selectors relying on matching nodes by ID need to be changed (use getSingleNodeSelection
or getSingleEdgeSelection
if possible)data-line-wraps
attributeGroupingManager.getAllRegisteredGroups
helper functionresetTextTransform
" for more information on how this is calculated.Published by buehlefs almost 4 years ago
svg-template
attribute to specify a css selector of a html template containing the svg to loaddata-text-center-y
attribute)data-wrap-lines
attribute for wrapping text in lines with different max widthsdata-wrap-lines
attributetext
tag also had a text
css class. Now all text
tags will be wrapped automatically.Published by buehlefs about 4 years ago
getSVG
, getGraphGroup
, getNodesGroup
, getEdgesGroup
, getEdgeSelection
and getDraggedEdgeSelection
to grapheditorremoveAllChildNodes
and copyTemplateSelectionIntoNode
n util to help working with static templatesupdateEdgeGroupClasses
to only update the classes of edgesghost
class until completeRender
was calledPublished by buehlefs over 4 years ago
Published by buehlefs over 4 years ago
Known Issue: this version was compiled using typescript 3.8!
The resulting .d.ts
are only compatible with typescript versions >= 3.6
. See typescript 3.7 release notes for more information.
This will be the last release to include this warning in the changelog!
typesVersions
field to package.json to get a warning when using this package with an incompatible typescript versionPublished by buehlefs over 4 years ago
Known Issue: this version was compiled using typescript 3.7!
The resulting .d.ts
are only compatible with typescript versions >= 3.6
. See typescript 3.7 release notes for more information.
getNodeBBox
to get the bounding box of a nodecalculateBoundingRect
sometimes having negative width or heightGroupBehaviour
interface not allowing additional propertiesPublished by buehlefs over 4 years ago
Known Issue: this version was compiled using typescript 3.7!
The resulting .d.ts
are only compatible with typescript versions >= 3.6
. See typescript 3.7 release notes for more information.
updateGraphPositions
not declared as publicPublished by buehlefs over 4 years ago
Known Issue: this version was compiled using typescript 3.7!
The resulting .d.ts
are only compatible with typescript versions >= 3.6
. See typescript 3.7 release notes for more information.
currentViewWindow
to get the currently visible area of the graphcurrentViewWindow
to the 'zoomchange' eventonBeforeCompleteRender
callbackabsolutePositionOnLine
dragHandles
for edges (interface EdgeDragHandle
)dragend
event listed as dragstart
in the documentationPathPositionRotationAndScale
has a new attribute absolutePositionOnLine
(affecting edge markers, text components and LinkDragHandles)dragHandles
and isBidirectional
Published by buehlefs over 4 years ago
Known Issue: this version was compiled using typescript 3.7!
The resulting .d.ts
are only compatible with typescript versions >= 3.6
. See typescript 3.7 release notes for more information.
currentZoomTransform
to get the current zoom transform of the graphzoomToBox
to zoom to a specific area of the graphgetGraphPointFromClientCoordinates
as inverse of getClientPointFromGraphCoordinates
updateNodeClasses
to only update the classes of nodesPublished by buehlefs over 4 years ago
Known Issue: this version was compiled using typescript 3.7!
The resulting .d.ts
are only compatible with typescript versions >= 3.6
. See typescript 3.7 release notes for more information.
getNodesFromPoint
and getClientPointFromGraphCoordinates
to get a list of nodes that overlap a certain pointmoveNode
to move a node with all special node movement logiconBeforeNodeMove
NodeMovementInformation used when a node movesRect
interface to utilcalculateBoundingRect
that calculates a bounding box of a bunch of rectsNode.type
from any
to string
Published by buehlefs almost 5 years ago
Known Issue: this version was compiled using typescript 3.7!
The resulting .d.ts
are only compatible with typescript versions >= 3.6
. See typescript 3.7 release notes for more information.
selectNode
, deselectNode
, changeSelected
and selected
)classes
attribute of the network-graph
beeing applied to nodes/edges if setNodeClass
/setEdgeClass
was nullMarkerStart
not beeing rotated 180° like the line attachement pointremoveEdge
not working correctly with edges with explicit idPublished by buehlefs almost 5 years ago
Known Issue: this version was compiled using typescript 3.7!
The resulting .d.ts
are only compatible with typescript versions >= 3.6
. See typescript 3.7 release notes for more information.
Edge.markerStart
data-line-attachement-point
to marker templates to specify where an edge attaches to the marker if the marker is an end markerEdgePathGenerator
and EdgePathGeneratorRegistry
Marker.rotate
. Use Marker.absoluteRotation
and Marker.relativeRotation
instead.Marker.lineOffset
. Use data-line-attachement-point
in marker template instead.TextComponent.class
. Use custom dynamic templates instead.<g>
element. This will break some css styles!Published by buehlefs almost 5 years ago
defs
section of the provided svg.attributePath
text components not working correctlytemplate-type
attribute of templates to data-template-type
network-graph
tag can no longer be empty it must at least contain a svg
tag for the graph
slotPublished by buehlefs about 5 years ago
originalEdge
in detail of edgedrop for edges that have createdFrom setgetEdgesByTarget
always returning empty setPublished by buehlefs about 5 years ago
Published by buehlefs over 5 years ago
This release needs d3-selection ^1.4.0 to work correctly. Please ensure that your package lock got updated correctly.
edgedrop
event to enable creating nodes where an edge was dropped in the voideventSource
to all custom events to distinguish events by how they were triggered (possible values: INTERNAL
, API
, USER_INTERACTION
)clickEventKey
attribute to Marker
class (used to set data-click
attribute in html)edgeclick
and nodeclick
now search the whole path (only inside the specific svg group) for a data-click
attribute to use as keyedgetextpositionchange
events used when the user drags a text componentcalculateLinkHandlesForEdge
callback to customise where edges attach to nodesdata-content
, data-fill
, data-stroke
and data-href
attributesPublished by buehlefs over 5 years ago
First beta release.
Published by buehlefs over 5 years ago
updateTextElements
function to update and reflow text with force
parametergetNode
, getEdge
, getEdgesBySource
and getEdgesByTarget
functions in grapheditorscaleRelative
not affecting lineOffset
position of edge.markerEnd
Published by buehlefs over 5 years ago
path
and polygon
elementsMarker
for scaling relative to stroke-width of edge pathEdge
for better arrowheadsMarker
for offsetting markerEnd from the end of the edge path