Welcome to MSDN Blogs Sign in | Join | Help

Introduction to Directed Graph Markup Language ( DGML )

DGML, or "Directed Graph Markup Language" is what we are using in VSTS 2010 Architecture to render graphs like the one below:
image_thumb3[1] 

The power of DGML is in its simplicity. Let me show you what I mean.

If you launch the VSTS 2010 CTP, open a project, click View->Architecture Explorer, then click the button shown below...
 image_thumb8

...you'll get a new dgml editor in the document well. You can then right click inside that document and select "View Code". Right click on the tab of the resulting editor and select "New Horizontal Tab Group". You'll have something similar to this:

image_thumb14 

If you add a Link element as a child element to the Links node, with a Source and Target attribute, you'll get something similar to this:

image_thumb17 

To add a few more elements, try this:

image_thumb20

You'll notice the Nodes element isn't even needed to render the graph above. That is really all you need to know to visualize all kinds of data. Rest assured there is a lot more goodness to discuss about this technology, but the simplicity of it is one of the most exciting aspects as far as I'm concerned!

In my next post, I'm actually going to show you how, armed with just this little nugget of DGML information, you can visualize some Java code. Stay tuned!

Published Tuesday, December 16, 2008 8:59 PM by camerons

Comment Notification

If you would like to receive an email when updates are made to this post, please register here

Subscribe to this post's comments using RSS

Comments

# re: Introduction to Directed Graph Markup Language ( DGML )

Are there any plans to allow the diagramming surface to be used outside VS?

Are there alternative layout algorithms or only the tree layout?

Wednesday, December 17, 2008 3:37 AM by Francois Vanderseypen

# re: Introduction to Directed Graph Markup Language ( DGML )

In regards to you "outside VS" question, no plans for VSTS 2010.

There are different layout capabilities that you can see in the 2010 CTP, but I'll also be showing a couple in some future posts as well.

Wednesday, December 17, 2008 11:47 AM by camerons

# re: Introduction to Directed Graph Markup Language ( DGML )

Really cool !!! ... and the matrix view, the hierarchical one, etc are soo cool :D

Best regards

Wednesday, December 17, 2008 12:57 PM by El Bruno

# re: Introduction to Directed Graph Markup Language ( DGML )

Congratulations, you just reinvented RDF!

Wednesday, December 17, 2008 2:27 PM by Jeremy Gray

# [VSTS2010] Directed Graph Markup Language

Buenas, el bueno de Cameron Skinner, hoy me ha dado pie para terminar de cerrar un post que habia comenzado

Wednesday, December 17, 2008 3:23 PM by El Bruno

# [VSTS2010] Directed Graph Markup Language

Buenas, el bueno de Cameron Skinner, hoy me ha dado pie para terminar de cerrar un post que habia comenzado

Wednesday, December 17, 2008 3:23 PM by El Bruno

# "Standard Graphs"

It became clear from the emails and comments to my last post that I should probably spend a little more

Wednesday, December 17, 2008 7:04 PM by Skinner's Blog

# re: Introduction to Directed Graph Markup Language ( DGML )

Very verbose. I like the dot language that Graphviz uses.

Saturday, December 20, 2008 11:27 AM by Mathias

# Visualize Java Code

In this last post I introduced you to some *very* basic understanding of how DGML works. Now I want to

Tuesday, January 20, 2009 12:09 AM by Skinner's Blog

# Directed Graph Markup Language ( DGML )

In this previous post I introduced you to the new format, and then this follow on post showed some of

Monday, January 26, 2009 4:04 PM by Skinner's Blog

# Visual Studio Team System 2008 Architecture Edition with MSDN Premium Subscription

[Nacsa Sándor, 2009. január 19-31.] Ez a Team System változat a szolgáltatás-orientált (SOA) elosztott

Sunday, February 01, 2009 4:41 PM by Termékinformációk fejlesztĹ‘knek

# re: Introduction to Directed Graph Markup Language ( DGML )

Do you have plans to integrate this tool  in a VS specific domain or as an independent project template?

Tuesday, February 17, 2009 3:11 AM by pvila

# re: Introduction to Directed Graph Markup Language ( DGML )

You will be able to create DGML files via stand-alone project item template.

Tuesday, February 17, 2009 11:45 AM by camerons

Leave a Comment

(required) 
required 
(required) 

  
Enter Code Here: Required
 
Page view tracker