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?

Diagrams
 

Do you use?

JavaScript Frameworks
 

Do you use?

PDF & Image Export Support