The SDON Cookbook

7/17 Page

Getting Started with SDON

All SDON diagrams are built from a single SDON object defined in JSON format. This script defines a single shape of default size and with default appearance centered on the canvas.

{
"Shape":{}
}
SDON shape

Shapes have properties. For example:

{
"Shape":{"Label":"Hello World"}
}
SDON hello world shape

The SDON Reference gives a complete list of properties but two important ones are a ShapeConnector and and ShapeContainer. These properties are recursive and create additional shapes on the page in many different layouts.

Adding a ShapeConnector to the shape and we get:

{
"Shape": {
          "ShapeConnector": [{"Shapes": [{},{}]}]
         }
}
SDON simple org chart

A ShapeContainer gives:

{
"Shape": {
          "ShapeContainer": {"Shapes": [{},{}]}
       }
}
SDON shapes

We will use these building blocks to build lots of different types of diagram.

7/17 Page