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.

Did this page help you?