Project Description

SPGraphviz - create your own visualization graphs without programming in Sharepoint. Just define graph on DOT language in simple text file, upload it into document library and specify URL in SPGraphvizWebPart - it will make graphical representation of your graph

graphviz.png

Usage

  • 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 {
        size="6,6";
        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):
properties.png
(in our example I specified the following URL in "Dot file URL" property: http://example.com/Documents/test.txt)
  • Click Apply. Graphical representation of the graph will be shown on the publishing page:
webpart.png

Additional resources

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