<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Maurice&#039;s Musings &#187; graphics</title>
	<atom:link href="http://www.calvert.ch/maurice/category/graphics/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.calvert.ch/maurice</link>
	<description>On People, Life and Technology</description>
	<lastBuildDate>Sat, 04 Feb 2012 22:37:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Creating Bubble Diagrams with Excel, Visio, Graphviz and Graphvizio</title>
		<link>http://www.calvert.ch/maurice/2011/05/10/creating-bubble-diagrams-with-excel-visio-graphviz-and-graphvizio/</link>
		<comments>http://www.calvert.ch/maurice/2011/05/10/creating-bubble-diagrams-with-excel-visio-graphviz-and-graphvizio/#comments</comments>
		<pubDate>Tue, 10 May 2011 19:52:33 +0000</pubDate>
		<dc:creator>maurice</dc:creator>
				<category><![CDATA[graphics]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[excel]]></category>
		<category><![CDATA[Graphviz]]></category>
		<category><![CDATA[Graphvizio]]></category>
		<category><![CDATA[visio]]></category>

		<guid isPermaLink="false">http://www.calvert.ch/maurice/?p=408</guid>
		<description><![CDATA[Pavel in St. Petersburg asked me if it would be possible to produce bubble diagrams like this in Excel: Excel has had bubble diagrams sine 2003 but they are just an X-Y plot with variable-sized nodes. What Pavel was after is an automatic layout, with lines joining the nodes, along these lines: Not perfect, but <a href='http://www.calvert.ch/maurice/2011/05/10/creating-bubble-diagrams-with-excel-visio-graphviz-and-graphvizio/'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>Pavel in <a href="http://en.wikipedia.org/wiki/St._Petersburg">St. Petersburg</a> asked me if it would be possible to produce bubble diagrams like this in Excel:</p>
<p><a href="http://www.calvert.ch/maurice/files/2011/05/2009124163835.jpg"><img class="alignnone size-medium wp-image-409" title="UK Public Spending" src="http://www.calvert.ch/maurice/files/2011/05/2009124163835-300x196.jpg" alt="UK Public Spending" width="300" height="196" /></a></p>
<p>Excel has had bubble diagrams sine 2003 but they are just an X-Y plot with variable-sized nodes. What Pavel was after is an automatic layout, with lines joining the nodes, along these lines:</p>
<p><a href="http://www.calvert.ch/maurice/files/2011/05/Bubble1.jpg"><img class="alignnone size-medium wp-image-410" title="Bubble diagram with Graphviz" src="http://www.calvert.ch/maurice/files/2011/05/Bubble1-268x300.jpg" alt="Bubble diagram with Graphviz" width="268" height="300" /></a></p>
<p>Not perfect, but you get the idea, and it&#8217;s produced <strong>automatically</strong>. To do this, you&#8217;ll need Excel, Visio, <a href="http://www.calvert.ch/graphvizio">Graphvizio</a> and <a href="http://www.calvert.ch/download/bubbles.zip">this zip file</a> which contains the sample XLS, GV, VSD and JPG files.</p>
<ul>
<li>Open the XLS. Column A is the node&#8217;s title, B is the title and the amount separated by a newline. Columns C, D and E specify the node&#8217;s parent, colour and amount. Column F computes the diameter of the node, in inches, from the amount:</li>
</ul>
<p><a href="http://www.calvert.ch/maurice/files/2011/05/bubbless1.jpg"><img class="alignnone size-full wp-image-412" title="bubbless1" src="http://www.calvert.ch/maurice/files/2011/05/bubbless1.jpg" alt="" width="708" height="189" /></a></p>
<p>Column G just creates Graphviz DOT statements from the values. G1 and G2 are the prelude. Copying column G into a text file called bubble1.gv, we get:</p>
<pre class="qoate-code">
graph  RootGraph {
node [fontname=Arial, fontsize=12, style=filled];

"Total\n620" [width="3.1", height="3.1", color="gray", fillcolor="gray", shape=circle];

"Children, schools, family\n63"--"Total\n620" [color="pink"]; "Children, schools, family\n63" [width="0.315", height="0.315", color="pink", fillcolor="pink", shape=circle];

"Schools\n42"--"Children, schools, family\n63" [color="pink"]; "Schools\n42" [width="0.21", height="0.21", color="pink", fillcolor="pink", shape=circle];

...snip...

}
</pre>
<ul>
<li>Fire up Visio. Graph&gt;Diagram-&gt;Import Graphviz</li>
<li>To get the circular layout, Graph-&gt;Settings-&gt;Diagram-&gt;Concentric</li>
<li>Graph-&gt;Layout</li>
<li>A little tweaking of the font sizes and line thickness and you&#8217;re on your way</li>
</ul>
<p>Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.calvert.ch/maurice/2011/05/10/creating-bubble-diagrams-with-excel-visio-graphviz-and-graphvizio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GraphVizio &#8211; A Graphviz addin for Visio</title>
		<link>http://www.calvert.ch/maurice/2010/05/11/graphvizio-a-graphviz-addin-for-visio/</link>
		<comments>http://www.calvert.ch/maurice/2010/05/11/graphvizio-a-graphviz-addin-for-visio/#comments</comments>
		<pubDate>Tue, 11 May 2010 09:15:23 +0000</pubDate>
		<dc:creator>maurice</dc:creator>
				<category><![CDATA[graphics]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[addin]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[visio]]></category>

		<guid isPermaLink="false">http://www.calvert.ch/maurice/?p=248</guid>
		<description><![CDATA[In the process of analysing a client&#8217;s existing database, I used Visio&#8217;s reverse-engineering tool. It works well, but the resulting diagram was an incomprehensible bowl of spaghetti. Visio does have a &#8220;Layout shapes&#8221; command, which appears to work by moving shapes with repulsive forces and the result is, not surprisingly, repulsive. What I wanted was <a href='http://www.calvert.ch/maurice/2010/05/11/graphvizio-a-graphviz-addin-for-visio/'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>In the process of analysing a client&#8217;s existing database, I used Visio&#8217;s reverse-engineering tool. It works well, but the resulting diagram was an incomprehensible bowl of spaghetti. Visio does have a &#8220;Layout shapes&#8221; command, which appears to work by moving shapes with repulsive forces and the result is, not surprisingly, repulsive.</p>
<p>What I wanted was a tool which would unravel the spaghetti, so that I could get a grasp of the relationships, edit and revise them and layout again in an iterative process.<br />
Searching for a solution, I found three layout programs, none of which have a Visio interface:</p>
<ol>
<li><a href="http://research.microsoft.com/en-us/projects/msagl/">Microsoft Automatic Graph Layout (MSAGL), formerly known as GLEE</a> The first version, GLEE, is free whereas MSAGL costs between 99 USD and 279 USD depending on where you buy it.</li>
<li><a href="http://www.tomsawyer.com/products/index.php">Tom Sawyer Layout</a> is also a graph layout library, the price isn&#8217;t disclosed on their website.</li>
<li><a href="http://www.graphviz.org/">Graphviz</a> from AT&amp;T research labs, reputed to have the most sophisticated layout algorithms, is free.</li>
</ol>
<p>Given that the best quality was to be found in the free library, I made the obvious choice.<br />
It took me over a year and some 11&#8217;000 lines of VB to get Visio and Graphviz to co-exist; marrying a Unix-style command-line program with a WYSIWYG interface, both with quirks to numerous to mention, was far more challenging than I initially thought.<br />
The result, unimaginatively called GraphVizio, is available <a href="http://www.calvert.ch/graphvizio/">here</a>, I hope you&#8217;ll find it useful.</p>
<p><strong>25 May 2011 Version 1.1.5 released. Improvements:</strong></p>
<p>Full support for 64-bit Windows and Visio</p>
<p>No longer makes a Visio document &#8216;dirty&#8217; when opening</p>
<p>Full support for UTF8. This DOT file:</p>
<pre>graph  RootGraph {
  node [width="7.08661417322834", height="0.787401574803148", color="#000000", fillcolor="#FFFFFF", fontname=Calibri, fontsize=24, style=filled, shape=box];
  edge [color="#000000", fillcolor="#FFFFFF"];

  "English: Hello, my name is Maurice\n(and blame Google if the translations are bad)" [pos="283.704566929134,620.932913385827", label="English: Hello, my name is Maurice\n(and blame Google if the translations are bad)"];
  "Russian: Здравствуйте, меня зовут Морис" [pos="283.704566929134,526.932913385827", label="Russian: Здравствуйте, меня зовут Морис"];
  "مرحبا، اسمي موريس : Arabic" [pos="283.704566929134,432.932913385827", label="مرحبا، اسمي موريس : Arabic"];
  "Chinese: 你好，我叫莫里斯" [pos="283.704566929134,338.932913385827", label="Chinese: 你好，我叫莫里斯"];
  "שלום, שמי הוא מוריס : Hebrew" [pos="283.704566929134,244.932913385827", label="שלום, שמי הוא מוריס : Hebrew"];
  "Japanese: こんにちは、私の名前はモーリスです" [pos="283.704566929134,150.932913385826", label="Japanese: こんにちは、私の名前はモーリスです"];
  "Thai: สวัสดีชื่อของฉันคือ Maurice" [pos="283.704566929134,56.9329133858268", label="Thai: สวัสดีชื่อของฉันคือ Maurice"];

  "English: Hello, my name is Maurice\n(and blame Google if the translations are bad)"--"Russian: Здравствуйте, меня зовут Морис";
  "Russian: Здравствуйте, меня зовут Морис"--"مرحبا، اسمي موريس : Arabic";
  "مرحبا، اسمي موريس : Arabic"--"Chinese: 你好，我叫莫里斯";
  "Chinese: 你好，我叫莫里斯"--"שלום, שמי הוא מוריס : Hebrew";
  "שלום, שמי הוא מוריס : Hebrew"--"Japanese: こんにちは、私の名前はモーリスです";
  "Japanese: こんにちは、私の名前はモーリスです"--"Thai: สวัสดีชื่อของฉันคือ Maurice";
}</pre>
<p>produces this Visio diagram:</p>
<div id="attachment_462" class="wp-caption alignnone" style="width: 627px"><a href="http://www.calvert.ch/maurice/files/2010/05/GraphvizioUTF82.jpg"><img class="size-full wp-image-462" title="Graphvizio UTF8" src="http://www.calvert.ch/maurice/files/2010/05/GraphvizioUTF82.jpg" alt="" width="617" height="843" /></a>
<p class="wp-caption-text">Graphvizio UTF8</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.calvert.ch/maurice/2010/05/11/graphvizio-a-graphviz-addin-for-visio/feed/</wfw:commentRss>
		<slash:comments>41</slash:comments>
		</item>
		<item>
		<title>Calabi Yau manifolds</title>
		<link>http://www.calvert.ch/maurice/2009/01/09/calabi-yau-manifolds/</link>
		<comments>http://www.calvert.ch/maurice/2009/01/09/calabi-yau-manifolds/#comments</comments>
		<pubDate>Fri, 09 Jan 2009 08:46:11 +0000</pubDate>
		<dc:creator>maurice</dc:creator>
				<category><![CDATA[graphics]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[3D]]></category>

		<guid isPermaLink="false">http://www.calvert.ch/maurice/?p=86</guid>
		<description><![CDATA[Stumbled upon Calabi Yau manifolds quite by chance, they attempt to represent 10-dimensional space in string theory. I don&#8217;t understand a word of the article but they struck me as rather pretty geometry: Here are some high-resolution images that I made with the excellent POVRay renderer. Enjoy.]]></description>
			<content:encoded><![CDATA[<p>Stumbled upon <a href="http://en.wikipedia.org/wiki/Calabi-Yau_spaces">Calabi Yau manifolds</a> quite by chance, they attempt to represent 10-dimensional space in string theory. I don&#8217;t understand a word of the article but they struck me as rather pretty geometry:<br />
<img alt="" src="http://www.calvert.ch/photo/still-life/raytrace/slides/Calabi%20Yau%20manifold%20degree%205,%20Graphics%20POVRay.jpg" class="alignnone" width="400" height="300" /><br />
Here are some <a href="http://www.calvert.ch/photo/still-life/raytrace/index.html">high-resolution images</a> that I made with the excellent <a href="http://www.povray.org/">POVRay</a> renderer.<br />
Enjoy.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.calvert.ch/maurice/2009/01/09/calabi-yau-manifolds/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

