A shape containing the vertex label. Used to position incident edge endpoints. The shape is assumed to be centred on the vertex position.
- circle
(radius : Float)
: BoundingShape
A circle of fixed radius.
- rect
(width height : Float)
: BoundingShape
A rectangle of fixed dimensions.
Instances For
- id : String
Identifier for this vertex. Must be unique.
- label : Html
The label is drawn at the vertex position. This must be an SVG element. Use
<foreignObject>
to draw non-SVG elements. - boundingShape : BoundingShape
Details are shown below the graph display after the vertex label has been clicked. See also
Props.showDetails
.
Instances For
- source : String
Source vertex. Must match the
id
of one of the vertices. - target : String
Target vertex. Must match the
id
of one of the vertices. Extra attributes to set on the SVG
<line>
element representing this edge. See alsoProps.defaultEdgeAttrs
.If present, the label is shown over the edge midpoint. This must be an SVG element. Use
<foreignObject>
to draw non-SVG elements.Details are shown below the graph display after the edge has been clicked. See also
Props.showDetails
.
Instances For
Equations
- ProofWidgets.GraphDisplay.instInhabitedForceCenterParams = { default := { x? := default, y? := default, strength? := default } }
Equations
- ProofWidgets.GraphDisplay.instInhabitedForceCollideParams = { default := { radius? := default, strength? := default, iterations? := default } }
Equations
- ProofWidgets.GraphDisplay.instInhabitedForceLinkParams = { default := { distance? := default, strength? := default, iterations? := default } }
Equations
- ProofWidgets.GraphDisplay.instInhabitedForceXParams = { default := { x? := default, strength? := default } }
Equations
- ProofWidgets.GraphDisplay.instInhabitedForceYParams = { default := { y? := default, strength? := default } }
Settings for the simulation of forces on vertices. See https://d3js.org/d3-force.
- center : ForceCenterParams → ForceParams
- collide : ForceCollideParams → ForceParams
- link : ForceLinkParams → ForceParams
- manyBody : ForceManyBodyParams → ForceParams
- x : ForceXParams → ForceParams
- y : ForceYParams → ForceParams
- radial : ForceRadialParams → ForceParams
Instances For
At most one edge may exist between any two vertices. Self-loops are allowed, but (TODO) are currently not rendered well.
Attributes to set by default on
<line>
elements representing edges.- forces : Array ForceParams
Which forces to apply to the vertices. Most force parameters are optional, using default values if not specified.
- showDetails : Bool
Whether to show a details box below the graph.
Instances For
Display a graph with an interactive force simulation.
Equations
- One or more equations did not get rendered due to their size.