Graphs on a google sites page

[reaver]

Only tangentially related to roguelikes, but here we go:

I have some google sites page and I'm trying to document some activated abilities for the actors for my game. Anyway, long story short, ideally I'd like to use a graph in dot language like these: http://www.graphviz.org/Gallery/undirected/fdpclust.svg, (directed graphs, not that it matters).
Once upon a time I was working with a wiki system called Confluence which allowed you to insert some tags and write some code in dot language. Is there anything similar for google sites or in general? I want to write code in the html, not paste an link of an image generated from an application. Embedding the code in a link for a web app is ok, even though it will probably make my eyes squint.

Also, if you're ready to suggest Javascript, I'm ready to say that I'm clueless, but I'd take pointers on how to add dot support on the webpage.

[reaver]

Well, ok I found the code-integrated-in-link version, adding e.g. this in the HTML:

<img src="https://chart.googleapis.com/chart?cht=gv:neato&chl=digraph{A->B->C->A}&chs=150x150" alt="neato chart">

It looks like the forum automatically recognizes the url and you can view the result directly.

[corremn]

HTML does not work in this forum - replace your code with the correct tags

https://chart.googleapis.com/chart?cht=gv:neato&chl=digraph{A->B->C->D->C->A}&chs=450x450

[reaver]

The tags were on purpose, in case you wanted to add that in your own html

[corremn]

Cool. Good find though.