Organization Chart

Show a team or hierarchy using nodes.

How to use

Create the root node and add names and roles to children.
Set parent-child relationships, orientation and card colors.
Check that the widest level fits the slide.

Things to check

Do not create hierarchy cycles; split wide teams across slides.

Property reference

Select the module in the editor to change its settings. Technical identifiers below are kept unchanged for reference; some advanced fields are stored as structured data rather than separate controls.

Find a property

16 / 16

autoScroll

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

autoScrollSpeed

Controls movement speed, duration or delay. Units are shown in the editor control; test timing in presentation mode.

number

fontFamily

Font family. Keep headings and body text consistent with the presentation typography.

string

fontSize

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

lineColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

lineWidth

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

nodeBackgroundColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

nodeBorderColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

nodeHeight

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

nodePadding

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

nodeTextColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

nodeWidth

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

nodes

Hierarchy nodes and parent-child relationships. Use unique identifiers and do not create cycles.

OrgChartNode[]

orientation

Sets the associated element alignment, placement or direction; preview it within the content area.

'vertical' | 'horizontal'

showImages

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

spacing

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number