Basic Primitives

Basic Primitives is a 100% JavaScript component library for building general purpose diagrams without manual nodes layout.

  • Increase font size
  • Default font size
  • Decrease font size

Family Items Ordering

Family Diagram supports multiple parents and children per node, so there is no deterministic way to define groups of items and their order in group, so Family diagram provides non-determenistic API to order items. That means if items expected to be in one layout group then user can use following properties to guide layout engine about user preferred relative order of items:

relativeItem - item position and placement type defined relative to this property referenced item

placementType - item placement on the left or right side of relative item. Property has following values:

  • primitives.common.AdviserPlacementType.Left
  • primitives.common.AdviserPlacementType.Right

position - if several items reference the same relativeItem and placement then this position property define order of them.

If item has no relative item defined then layout engine will try to find optimal placement for it based on its relations.

Please, pay attention that loops in references are completely ignored, so don't create mutual references between items.

Family Items Ordering Sample


Multiple Families Ordering Sample



Do you need?


Do you use?

JavaScript Frameworks

Do you use?

PDF & Image Export Support