Cliquez sur un nœud pour le sélectionner.

direction

expandableNœuds repliables (▾ pour déplier chaque équipe)

rootId (optionnel — limite la profondeur affichée)

Python

nodes = [
    {"id": "dg", "name": "Claire Fontaine", "role": "Directrice générale"},
    {"id": "dirops", "name": "Marc Lefebvre", "role": "Directeur des opérations", "parentId": "dg"},
    {"id": "dircom", "name": "Sophie Bernard", "role": "Directrice commerciale", "parentId": "dg"},
    {"id": "dirfin", "name": "Antoine Moreau", "role": "Directeur financier", "parentId": "dg"},
    {"id": "prod", "name": "Julie Garnier", "role": "Responsable production", "parentId": "dirops"},
    {"id": "log", "name": "Karim Haddad", "role": "Responsable logistique", "parentId": "dirops"},
    {"id": "ventes", "name": "Élodie Petit", "role": "Responsable ventes France", "parentId": "dircom"},
    {"id": "export", "name": "Nicolas Roy", "role": "Responsable export", "parentId": "dircom"},
    {"id": "compta", "name": "Isabelle Marchand", "role": "Cheffe comptable", "parentId": "dirfin"},
]
bpm.orgChart(nodes=nodes)

Prop	Type	Défaut	Requis	Description
`nodes`	`{ id, name, role?, avatar?, parentId?, metadata? }[]`	—	Oui	Liste plate des nœuds ; l'arbre est reconstruit via `parentId`. Un nœud sans parent est une racine.
`direction`	`"vertical" \| "horizontal"`	vertical	Non	Sens de l'arbre : haut → bas ou gauche → droite.
`onNodeClick`	`(node: OrgChartNode) => void`	—	Non	Callback au clic sur une carte (le nœud cliqué est passé en argument).
`expandable`	`boolean`	false	Non	Affiche un chevron sur les nœuds ayant des enfants pour replier/déplier leur équipe.
`rootId`	`string`	—	Non	Id du nœud à utiliser comme racine (affiche uniquement son sous-arbre).
`className`	`string`	—	Non	Classes CSS additionnelles.

Exemples

bpm.orgChart(nodes=[
    {"id": "dg", "name": "Claire Fontaine", "role": "Directrice générale"},
    {"id": "dirops", "name": "Marc Lefebvre", "role": "Directeur des opérations", "parentId": "dg"},
])

bpm.orgChart(nodes=nodes, direction="horizontal", expandable=True)

bpm.orgChart(nodes=nodes, root_id="dircom", on_node_click=ouvrir_fiche_employe)