This project has moved and is read-only. For the latest updates, please go here.

Project Description

SPGraphviz - create your own visualization graphs without programming in Sharepoint



  • Define graph using the DOT language in simple .txt file. E.g. the graph shown at the beginning of this page is defiend using the following file:
digraph example {
        node [color=lightblue2, style=filled];
        "Start page" -> "Departments";
        "Start page" -> "News";
        "Start page" -> "Personal sites";
        "Departments" -> "IT";
        "Departments" -> "HR";
        "Departments" -> "Sales";
        "Personal sites" -> "Alexey Sadomov";
        "Personal sites" -> "...";

As you see it is quite straightforward: you define digraph and relationships between nodes. DOT is very flexible language, but you don't need to know it deeply. For simple scenarios you can use this example as a reference. For more layout settings you can check examples from Graphviz gallery
  • Upload created .txt file with graph definition into document library in your site collection
  • Specify absolute URL of uploaded file in web part properties (Custom Properties > Dot file URL):
(in our example I specified the following URL in "Dot file URL" property:
  • Click Apply. Graphical representation of the graph will be shown on the publishing page:

Additional resources

Last edited Oct 13, 2010 at 7:39 AM by sadomovalex, version 12