These docs are for v1.0. Click to read the latest docs for v1.2.

Shape Library

Circle

Circle Block

{
    "id": "shape5",
    "type": "circle",
    "boundingBox": { ... },
    "style": { ... },
    "text": "Text",
    "actions": [ ... ],
    "customData": [ ... ],
    "linkedData": [ ... ],
    "opacity": 100,
    "note": "Test Note"
}

Cloud

Cloud Block

{
    "id": "shape6",
    "type": "cloud",
    "boundingBox": { ... },
    "style": { ... },
    "text": "Text",
    "actions": [ ... ],
    "customData": [ ... ],
    "linkedData": [ ... ],
    "opacity": 100,
    "note": "Test Note"
}

Cross

PropertyDescription
indentIndent
Determines the behavior of the indent on the shape.
Optional

Cross Block

{
    "id": "shape7",
    "type": "cross",
    "boundingBox": { ... },
    "style": { ... },
    "indent": { ... },
    "text": "Text",
    "actions": [ ... ],
    "customData": [ ... ],
    "linkedData": [ ... ],
    "opacity": 100,
    "note": "Test Note"
}

Indent

A set of values that determines the appearance of the shape. Values must be between 0 and 0.5.

PropertyDescription
xDecimal
A value that determines the size of the horizontal indent.
Required
yDecimal
A value that determines the size of the vertical indent.
Required
{
    "x": 0.25,
    "y": 0.25
}

Diamond

Diamond Block

{
    "id": "shape8",
    "type": "diamond",
    "boundingBox": { ... },
    "style": { ... },
    "text": "Text",
    "actions": [ ... ],
    "customData": [ ... ],
    "linkedData": [ ... ],
    "opacity": 100,
    "note": "Test Note"
}

Double Arrow

Double Arrow Block

{
    "id": "shape9",
    "type": "doubleArrow",
    "boundingBox": { ... },
    "style": { ... },
    "text": "Text",
    "actions": [ ... ],
    "customData": [ ... ],
    "linkedData": [ ... ],
    "opacity": 100,
    "note": "Test Note"
}

Flexible Polygon

PropertyDescription
verticesArray[RelativePosition]
An array of positions. Must have between 3 and 100 vertices inclusive. Defines the border of the shape relative to the bounding box.
Required

Flexible Polygon Block

{
    "id": "shape10",
    "type": "flexiblePolygon",
    "boundingBox": { ... },
    "style": { ... },
    "vertices": [ ... ],
    "actions": [ ... ],
    "customData": [ ... ],
    "linkedData": [ ... ],
    "opacity": 100,
    "note": "Test Note"
}

Hexagon

Hexagon Block

{
    "id": "shape11",
    "type": "hexagon",
    "boundingBox": { ... },
    "style": { ... },
    "text": "Text",
    "actions": [ ... ],
    "customData": [ ... ],
    "linkedData": [ ... ],
    "opacity": 100,
    "note": "Test Note"
}

Isosceles Triangle

Isosceles Triangle Block

{
    "id": "shape12",
    "type": "isoscelesTriangle",
    "boundingBox": { ... },
    "style": { ... },
    "text": "Text",
    "actions": [ ... ],
    "customData": [ ... ],
    "linkedData": [ ... ],
    "opacity": 100,
    "note": "Test Note"
}

Octagon

Octagon Block

{
    "id": "shape13",
    "type": "octagon",
    "boundingBox": { ... },
    "style": { ... },
    "text": "Text",
    "actions": [ ... ],
    "customData": [ ... ],
    "linkedData": [ ... ],
    "opacity": 100,
    "note": "Test Note"
}

Pentagon

Pentagon Block

{
    "id": "shape14",
    "type": "pentagon",
    "boundingBox": { ... },
    "style": { ... },
    "text": "Text",
    "actions": [ ... ],
    "customData": [ ... ],
    "linkedData": [ ... ],
    "opacity": 100,
    "note": "Test Note"
}

Poly-Star

PropertyDescription
shapePoly-Star Shape
Defines the shape of the star.
Required

PolyStar Block

{
    "id": "shape15",
    "type": "polyStar",
    "boundingBox": { ... },
    "style": { ... },
    "shape": { ... },
    "actions": [ ... ],
    "customData": [ ... ],
    "linkedData": [ ... ],
    "opacity": 100,
    "note": "Test Note"
}

Poly-Star Shape

PropertyDescription
numPointsNumber
The number of points on the star. Must be between 3 and 25.
Required
innerRadiusNumber
The fraction of the total shape from the center of the star to each inner point. Must be between 0 and 1.
Required
{
    "numPoints": 5,
    "innerRadius": 0.5
}

Rectangle

Default Block

{
    "id": "shape16",
    "type": "rectangle",
    "boundingBox": { ... },
    "style": { ... },
    "text": "Text",
    "actions": [ ... ],
    "customData": [ ... ],
    "linkedData": [ ... ],
    "opacity": 100,
    "note": "Test Note"
}

Right Triangle [shapes-right-triangle-block]

Right Triangle Block

{
    "id": "shape17",
    "type": "rightTriangle",
    "boundingBox": { ... },
    "style": { ... },
    "text": "Text",
    "actions": [ ... ],
    "customData": [ ... ],
    "linkedData": [ ... ],
    "opacity": 100,
    "note": "Test Note"
}

Single Arrow

PropertyDescription
orientationSingle Arrow Orientation
Determines the direction of the arrow. Defaults to "right".
Optional

Single Arrow Block

{
    "id": "shape18",
    "type": "singleArrow",
    "boundingBox": { ... },
    "orientation": "right",
    "style": { ... },
    "text": "Text",
    "actions": [ ... ],
    "customData": [ ... ],
    "linkedData": [ ... ],
    "opacity": 100,
    "note": "Test Note"
}

Single Arrow Orientation

Determines the direction of the arrow.

ValueDescription
rightA rightward-facing arrow.
leftA leftward-facing arrow.
upAn upward-facing arrow.
downA downward-facing arrow.