It's better when it's simple

User Tools

Site Tools


OrgChart Plugin

Compatible with DokuWiki

  • 2023-04-04 "Jack Jackrum" unknown
  • 2022-07-31 "Igor" unknown
  • 2020-07-29 "Hogfather" unknown
  • 2018-04-22 "Greebo" yes

plugin Create an Org Chart from a table

Last updated on
data, wrap

Similar to jorgchart, orgapp

Tagged with chart, orgchart, relation, staff


:!: External requirements: This plugin requires the following additional components that must be installed separately:

  • Either the wrap plugin
  • Or the data plugin

Search and install the plugin using the Extension Manager. Refer to Plugins on how to install plugins manually.

This plugin calls Google's JavaScript API to use their Org Chart library. Therefore this plugin needs an internet connection.


This plugin will create org charts out of any table which a) follows a certain structure (namely having columns for name, manager and optional job title and photo - in that order) and b) are marked as being an org chart (by adding the 'orgchart' class to the table).


Independent of whether the wrap or data plugin is used to help build the org chart, the following syntax rules always apply:

  • The class orgchart must be added.
  • The order of the columns must be:
    • name
    • line manager
    • job title
    • photo
  • Job title and photo are optional.

Using Wrap Plugin

Simplest example

<WRAP orgchart>
^Name           ^Line Manager   ^
|Alice Baker    |Bob Smith      |
|Bob Smith      |Carol Davidson |
|Carol Davidson |               |
|Dave Miller    |Carol Davidson |
|Eric Taylor    |Bob Smith      |

Example including photos and job titles

<WRAP orgchart>
^Name           ^Line Manager   ^Job Title          ^Photo                   ^
|Alice Baker    |Bob Smith      |PR                 |{{:staff:alice.png?60}} |
|Bob Smith      |Carol Davidson |Marketing Director |{{:staff:bob.jpg?60}}   |
|Carol Davidson |               |CEO                |{{:staff:carol.jpg?60}} |
|Dave Miller    |Carol Davidson |Secretary          |{{:staff:dave.jpg?60}}  |
|Eric Taylor    |Bob Smith      |                   |                        |

Additional syntax rules

  • The line manager's name must be the same as it appears in the name column of that manager.

Using Data Plugin

Dataentry needs at least:

  • name (staff member's name, type: 'pageid' or simple string)
  • line manager (line manager's pagename, type: 'page' or simple string; when using 'page' this needs to be the exact pagename, when using simple string it needs to be the exact same string for each entry of the same manager)

Optional dataentry:

  • job title (staff member's job title, type: simple string)
  • photo (photo of staff member, type: 'img')

Examples including all the things

---- datatable orgchart includelinks ----
cols    : name_pageid, linemanager, title, photo_img60
headers : Name, Line Manager, Job Title, Photo
sort    : name

Would look like this:

Simpler example

---- datatable orgchart ----
cols    : name_pageid, linemanager_page, title
headers : Name, Line Manager, Job Title
sort    : name

Could look like this:

Additional syntax rules

  • class 'includelinks' results in link to a staff member's page being included
  • if type 'page' is used for line manager, the link text doesn't need to match the exact name as the pagename in the link will be used to match managers


Problems with more than one OrgChart

I've problems with two orgcharts on one page. The'll be placed side by side and not in the right position. — kkue 2014-09-09 16:53

This has now been fixed in the latest version. — Anika Henke 2016-04-06 19:59

¿It is possible add a link from any way?

Sorry, this is not possible right now. — Anika Henke 2016-04-06 19:59
Inside photo (for exemple, but not anywhere) ;-)Wild Dagger 2016-10-22 14:40
<WRAP orgchart>
|Dokuwiki| |wiki |  [[wiki:welcome|{{:wiki:dokuwiki-128.png?nolink&60|Go to table of content}}]]  |

Horizontal Grey Bars inside OrgChart

I just updated a site from Hrun the Detritus. I also updated to the current WRAP and OrgChart plugins. I'm running PHP 5.3 (GoDaddy). The problem is that I now see horizontal grey background bars inside the Org Chart. The problem appears isolated to the Vector template. Is there a way I can correct this? — rrandall 2016-04-27 08:03

Never mind. I discovered that there is a conflict between “fkshelper” (required for “fkstimer”) and “OrgChart” WHEN used in the “Vector” Template. — rrandall 2016-05-01 15:42

Simple Multiple hierarchy

How can i do simple multiple hierarchy ? — Wild Dagger 2016-10-22 15:07

Problem with Firefox after update to "Frusterick Manners"

After the update to “Frusterick Manners” Orgcharts are not rendered anymore in Firefox, apparently due to the Onload Callback not being called. — Stephan Wiehr 2017-04-11 10:26

plugin/orgchart.txt · Last modified: 2018-05-28 19:52 by Klap-in

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki