Documentation

ProofWidgets.Component.GraphDisplay

A themed <circle> SVG element, with optional extra attributes.

Equations
  • One or more equations did not get rendered due to their size.
Instances For

    A shape containing the vertex label. Used to position incident edge endpoints. The shape is assumed to be centred on the vertex position.

    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? : Option Html

        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 also Props.defaultEdgeAttrs.

        • label? : Option Html

          If present, the label is shown over the edge midpoint. This must be an SVG element. Use <foreignObject> to draw non-SVG elements.

        • details? : Option Html

          Details are shown below the graph display after the edge has been clicked. See also Props.showDetails.

        Instances For
          Equations
          Instances For
            Instances For
              Instances For
                • vertices : Array Vertex
                • edges : Array Edge

                  At most one edge may exist between any two vertices. Self-loops are allowed, but (TODO) are currently not rendered well.

                • defaultEdgeAttrs : Array (String × Lean.Json)

                  Attributes to set by default on <line> elements representing edges.

                • 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
                  Equations

                  Display a graph with an interactive force simulation.

                  Equations
                  • One or more equations did not get rendered due to their size.
                  Instances For