SharePoint Framework (SPFx) webpart to display organization hierarchy.
Big tiles
Small tiles
git clone the repo
npm i
npm i -g gulp
gulpThis package produces the following:
-
lib/* - intermediate-stage commonjs build artifacts
-
dist/* - the bundled script, along with other resources
-
deploy/* - all resources which should be uploaded to a CDN.
gulp serveUse this url to test on any sharepoint Online site: /_layouts/15/workbench.aspx
gulp bundle --ship
gulp package-solution --ship- There is a config list deployed as default for you to configure, add items to the list to start building your organizational chart.
- Start with adding a few items before setting the My Reportees field.
Config list
| Setting | Description |
|---|---|
| Use AD data to build the org chart | Use the Microsoft Graph API to generate your organizational tree. |
| Select Org Config List | Select a config list to generate your organizational tree. |
| Select user to start building the Org-Chart from the config list | Select a user from the selected configuration list to use as starting point for your organizational tree. |
| Select user to start building the Org-Chart from AD data | Select a user from the AD to use as starting point for your organizational tree. |
| Use small tiles | Use only pictures/persona to display the nodes |
| Create Configuration List button | Will display a dialog to create a new Configuration list |
Webpart properties
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent