<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://www.wikiworld.org/index.php?action=history&amp;feed=atom&amp;title=User%3AJamesCrook%2FWD_Examples</id>
	<title>User:JamesCrook/WD Examples - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://www.wikiworld.org/index.php?action=history&amp;feed=atom&amp;title=User%3AJamesCrook%2FWD_Examples"/>
	<link rel="alternate" type="text/html" href="https://www.wikiworld.org/index.php?title=User:JamesCrook/WD_Examples&amp;action=history"/>
	<updated>2026-04-19T16:52:44Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.34.2</generator>
	<entry>
		<id>https://www.wikiworld.org/index.php?title=User:JamesCrook/WD_Examples&amp;diff=139&amp;oldid=prev</id>
		<title>JamesCrook: Demo page.</title>
		<link rel="alternate" type="text/html" href="https://www.wikiworld.org/index.php?title=User:JamesCrook/WD_Examples&amp;diff=139&amp;oldid=prev"/>
		<updated>2020-09-06T12:35:51Z</updated>

		<summary type="html">&lt;p&gt;Demo page.&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;Revision as of 12:35, 6 September 2020&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot; &gt;Line 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{intro|1=This shows wikidiagram diagrams actually in a mediawiki installation.  The wikidiagram software also works 'stand alone'.  You can see work in progress on the wikidiagrams software at the [https://&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;wit&lt;/del&gt;.&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;audacityteam&lt;/del&gt;.org/demos.htm demo page].}}&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{intro|1=This shows wikidiagram diagrams actually in a mediawiki installation.  The wikidiagram software also works 'stand alone'.  You can see work in progress on the wikidiagrams software at the [https://&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;www&lt;/ins&gt;.&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;wikiworld&lt;/ins&gt;.org&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;/extra&lt;/ins&gt;/demos.htm demo page].}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Souped-Up Image Map==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Souped-Up Image Map==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>JamesCrook</name></author>
		
	</entry>
	<entry>
		<id>https://www.wikiworld.org/index.php?title=User:JamesCrook/WD_Examples&amp;diff=138&amp;oldid=prev</id>
		<title>JamesCrook: New page.</title>
		<link rel="alternate" type="text/html" href="https://www.wikiworld.org/index.php?title=User:JamesCrook/WD_Examples&amp;diff=138&amp;oldid=prev"/>
		<updated>2020-09-06T12:34:37Z</updated>

		<summary type="html">&lt;p&gt;New page.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;&lt;br /&gt;
{{intro|1=This shows wikidiagram diagrams actually in a mediawiki installation.  The wikidiagram software also works 'stand alone'.  You can see work in progress on the wikidiagrams software at the [https://wit.audacityteam.org/demos.htm demo page].}}&lt;br /&gt;
&lt;br /&gt;
==Souped-Up Image Map==&lt;br /&gt;
A souped-up image map with large tooltips.  The 'hotspots' button shows how the image-map was made - one image of the people, one image with hotspot colours.&lt;br /&gt;
&lt;br /&gt;
{{#widget:WikiDiagram|page=AudacityPeople}}&lt;br /&gt;
&lt;br /&gt;
==More Image Maps==&lt;br /&gt;
The Image Maps are widely useful.  Here are two more examples that are explaining audio topics.&lt;br /&gt;
{{#widget:WikiDiagram|page=The_Ear}}&lt;br /&gt;
&lt;br /&gt;
These diagrams are intended for embedding in a wiki page.  It is not the intent to capture all the possible informative content in the tooltips.  Text on the wiki page will give most of the explanation.  The tooltips are for exploring, to understand details of the diagram or to help with choices about navigating to other information.&lt;br /&gt;
&lt;br /&gt;
The image below is for explaining both how the sound of the word 'audacity' looks as a spectrogram, and for how spectrogram displays change as the window size is varied.&lt;br /&gt;
&lt;br /&gt;
{{#widget:WikiDiagram|page=Spectrograms}}&lt;br /&gt;
&lt;br /&gt;
==Layout==&lt;br /&gt;
Image-maps also work with images that are drawn on demand.  This flow-chart is stored as rectangles and circles, not as an image.&lt;br /&gt;
&lt;br /&gt;
The flow chart is using relative positioning so that items can be added without manually re laying out.&lt;br /&gt;
{{#widget:WikiDiagram|page=Flow_Chart}}&lt;br /&gt;
&lt;br /&gt;
==Code Driven Data==&lt;br /&gt;
Graphs will be used for bug tracking and various code metrics.  The structure chart will be generated by a Doxygen-like parsing of the source code.&lt;br /&gt;
{{#widget:WikiDiagram|page=Bug_Counts}}&lt;br /&gt;
&lt;br /&gt;
{{#widget:WikiDiagram|page=Languages}}&lt;br /&gt;
&lt;br /&gt;
{{#widget:WikiDiagram|page=Audacity}}&lt;br /&gt;
&lt;br /&gt;
The 'Snakes Heads' have information about the snake as a whole.  Currently the snakes are laid out in a zig-zag fashion.  Later I will have methods for combining snakes into a metro style map.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Spheres==&lt;br /&gt;
The wrapped-onto-a-sphere display is 'eye candy', and/but gives an idea of how dynamic toolkit diagrams can be.&lt;br /&gt;
{{#widget:WikiDiagram|page=Globes|init=yes}}&lt;br /&gt;
&lt;br /&gt;
==More...==&lt;br /&gt;
&lt;br /&gt;
We also have:&lt;br /&gt;
* [[User:JamesCrook/WD-PR1|A progress report]] on the work so far&lt;br /&gt;
* [[User:JamesCrook/WD-Tutorials|Tutorials]] - Planned pages about audio programming which are motivating the new diagram software.&lt;/div&gt;</summary>
		<author><name>JamesCrook</name></author>
		
	</entry>
</feed>