Diagram Application (Pro)

Create various types of diagrams using draw.io

Active Installs78
3 Votes
LicenseGNU Lesser General Public License 2.1

With this application you can edit and view diagrams in XWiki, using the jgraph/draw.io integration.

You can create a big array of diagrams, such as: wireframes, mockups, UML, charts, BPMN, mind maps, tree & network diagrams etc.

Each diagram is stored in a wiki page. The revisions of the diagrams are synched in XWiki.

The app provides intuitive functionalities for both beginners and advanced users. You can:

  • add and edit new diagrams, with a variety of shapes available


  • import existing diagrams


  • export diagrams as PDF and images


  • view the diagrams as images attached to wiki pages


  • include diagrams in other wiki pages

To learn more about how to create, edit and include diagrams please visit the documentation tab

Other diagram examples

Creating a new diagram

To create a new diagram click on Diagrams in the Applications panel.


Click on the Create button, fill in the diagram name and select the Diagram template, then click Create again.



Use the editor to create your diagram, then click Save & View.



Including a diagram in another wiki page

Using the WYSIWYG editor

If you wish to display an existing diagram on another page you should use the Diagram Macro. Go to the wiki page where you'd like to include the diagram. In edit mode, click on the XWiki Macro icon.


Select the Diagram Macro from the list of macros.


Fill in the path to the diagram you wish to include and click Submit.


You will be able to see the included diagram both in edit mode and in view mode.

Included diagram in edit mode.

Included diagram in view mode.

Using the Wiki editor

If you're more inclined to write code directly, you can write the following directly in wiki mode:

{{diagram reference="Path.To.DiagramPage" cached="true" /}}

Installation Steps

This paid extensions requires XWiki 8.4 or above. In order to install the extension, follow the next steps inside your XWiki instance (on cloud or on premise).

Navigate to the Extension Manager

In the Applications Panel click on "More Applications..." and then "Install new applications...". Alternatively navigate directly to the Administration and select the "Extensions" section.


Install the Extension

Search for the extension you wish to install and use the Install button to install it.


Get a License

Navigate to the "Licenses" section of the Administration, fill your details, look for the extension you just installed in the live table and click the buttons to get a trial license or to buy a license.


Install the License

If you have selected a trial license then you're good and there's nothing else to do. Your trial license is automatically installed.

However if you've selected to buy a license you'll be redirected to a page to perform the payment. At the end you need to come back to the "Licenses" administration section and click on the "Check for Updates" button. This will download and apply the license you bought.

Use the Extension

Start using the Extension! Refer to the extension's documentation to know how to use it.


The price is per year and varies depending on the support level and the number of users.

Support / Users 10 25 50 100 250 500 1000 2500 5000 10000 20000
Diagram Application (Pro) is part of the XWiki Pro package. Purchasing this package you will benefit from more extensions at a better price. Check the full offer in XWiki Pro!


What do you get when you purchase an XWiki extension?

1 year license

By purchasing an XWiki extension license, you'll benefit from it during one year.

Free updates

You benefit from all the extension updates during one year. You are always up to date.

Support included

If you are facing an issue, you can reach the XWiki support. Our team is always available to help.

How to Buy

To buy, install this extension from inside your XWiki instance and follow the instructions.

Release notes


Bugs fixed:
#80 Dialogs show unrequired scrollbars
#25 PDF and XML export shows an unrequired scrollbar
#23 Exporting Diagram as VSDX (beta) leads to a loading icon that remains stuck

Upgraded draw.io library to version 12.0.0.


Bugs fixed:
#11 Paths to images inserted into diagrams become invalid at upgrade
#72 Print preview feature doesn't display Diagram
#73 Issues with inserting links to wiki pages
#75 Diagram element is moved away from its position when colored 

Update the Licensing dependency to version 1.14.5.
Update Default Page Template application dependecy to version to 1.4.


New features:
#32 Add support for zooming the diagram in view mode
#63 Add support for viewing the diagram in full screen mode
#64 Add support for inserting links to wiki pages

Bugs fixed:
#27 Importing a diagram from URL doesn't work properly
#59 Sometimes an error message appears when saving the diagram
#68 The diagram is not loading after clicking on a tab and refreshing the page

Upgrade to draw.io 11.2.9


#33 Store images as attachment
#47 Fix several French translations
#53 Hide 'Export as HTML' submenu

Bugs fixed:
#9 Unable to save a Diagram once you've inserted a large image "400: Unable to parse form content" in a diagram
#16 Scroll bar is displayed although the shapes are inserted within the paper size boundaries
#21 Clicking on "More results" redirects the page from Edit to Preview mode
#24 "Export as URL" is not working
#28 Migration request appears for some newly created diagrams
#29 Diagram page PDF export does not contain the diagram
#34 Migration script: execute only if there is a valid license
#37 The link to a Diagram text is not saved in view mode if you don't click outside the text element before saving the Diagram page
#38 Undefined translation key when the licence of the diagram app is not valid
#39 Error displayed when no license is added
#40 Diagram is not displayed
#49 Saving the diagram takes to long after several changes made

Update the Licensing dependency to version 1.14.2.

Updated translations

  • French


Update the Licensing dependency to version 1.13.8.


Update the Licensing dependency to version 1.13.4.


Update the Licensing dependency to version 1.13.3.


Bugs fixed:
#18 Create a migration script for diagrams affected by #11


Update the Licensing dependency to version 1.13.2.


#13 Diagram template is not preselected when creating a new entry

Updated translations

  • French


Bugs fixed:
#15 If you install XWebIDE Application you can't use "W" letter in the diagram text


Bugs fixed:
#12 Pages created by the Diagram app should use the plain syntax.


Upgrade to draw.io 8.9.9
Fix the export of external images.
Fix the "Import from > Browser..." form.
Diagram names that start with L don't cause problems anymore.
Remove the language picker.


Update the Licensing dependency to version 1.13.


Update the Licensing dependency to version 1.12.2.


Update the Licensing dependency to version 1.12.1.


Improve the message displayed when there is no valid license.
Update the Licensing dependency to version 1.8.


Initial paid version.

Extension details

This information is only displayed to Administrators. Your users can't see this tab.


  • GNU Lesser General Public License 2.1




  • xar

Developed by


  • Requires XWiki 8.4 or above.
Installable with the Extension Manager


  • com.xwiki.licensing:application-licensing-licensor-api 1.14.5
  • org.xwiki.platform:xwiki-platform-sheet-ui 8.4
  • org.xwiki.platform:xwiki-platform-rendering-macro-velocity 8.4
  • org.xwiki.rendering:xwiki-rendering-macro-html 8.4
  • com.xwiki.defaultPageTemplate:application-defaultPageTemplate 1.4
  • org.webjars:requirejs 2.2.0
  • org.webjars:jquery 2.2.2
  • org.xwiki.contrib:draw.io 12.0.0
Created by Administrator on 2018/02/26 13:10
XWiki SAS Copyright © 2019