<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Graph::Easy - Manual - Interactive Graph Editor</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<meta http-equiv="imagetoolbar" content="no">
<link rel="stylesheet" type="text/css" href="../base.css">
<link rel="stylesheet" type="text/css" href="manual.css">
<link rel="Start" href="index.html">
<link href="http://bloodgate.com/mail.html" rev="made">
<!-- compliance patch for microsoft browsers -->
<!--[if lt IE 7]><script src="http://bloodgate.com/ie7/ie7-standard-p.js" type="text/javascript"></script><![endif]-->
</head>
<body bgcolor=white text=black>
<a name="top"></a>
<div class="menu">
<a class="menubck" href="index.html" title="Back to the manual index">Index</a>
<p style="height: 0.2em"> </p>
<a class="menuext" href="overview.html" title="How everything fits together">Overview</a>
<a class="menuext" href="layouter.html" title="How the layouter works">Layouter</a>
<a class="menuext" href="hinting.html" title="Generating specific layouts">Hinting</a>
<a class="menuext" href="output.html" title="Output formats and their limitations">Output</a>
<a class="menuext" href="syntax.html" title="Syntax rules for the text format">Syntax</a>
<a class="menuext" href="attributes.html" title="All possible attributes for graphs, nodes and edges">Attributes</a>
<a class="menuext" href="faq.html" title="Frequently Asked Questions and their answers">F.A.Q.</a>
<a class="menuext" href="tutorial.html" title="Tutorial for often used graph types and designs">Tutorial</a>
<a class="menucur" href="editor.html" title="The interactive interface">Editor</a>
<a class="menuind" href="#overview" title="Overview">Overview</a>
<a class="menuind" href="#todo" title="TODO">TODO</a>
</div>
<div class="right">
<h1>Graph::Easy - Manual</h1>
<h2>Interactive Graph Editor</h2>
<div class="text">
<a name="inout">
<h3>Overview</h3>
</a>
<p>
The traditional way to "edit" graphs is by describing them in one of the existing
graph languages, then using a commandline tool to layout and render them.
<br>
The wiki interface improves on that that the rendering can be done by mouseclicks,
making command line access or knowledge not necessary.
Likewise, the <a href="http://bloodgate.com/graph-demo/">old interface</a>
made convertig the text to different formats easier.
</p>
<p>
However, in all cases the user still faces two problems:
</p>
<ul>
<li>The syntax of the graph language, no matter how easy it is, must still be learned
and obeyed
<li>Describing visual features like shapes or colors in a text format is very cumbersome
and error prone
</ul>
<p>
To overcome these problems, a new, interactive AJAX interface was developed:
</p>
<p style="border: 1px dashed #808080; padding: 1em; background: #ffffff; text-align: center; fontsize: 120%">
<b><a href="http://bloodgate.com/graph-easy/">Interactive Graph Editor</a></b>
</p>
<a name="todo">
<h3>TODO</h3>
</a>
<p>
The following things do not yet work:
</p>
<ul>
<li><b>Most of the interface is not yet implemented</b></li>
<li>May not work in Internet Explorer 6.x</li>
<li>Opera 9.22 garbles the toolbar buttons a little</li>
<li>Caching is not implemented</li>
<li>We need a way to convert the graph to the internal structure for the JS, so the
client can rendr a laid out graph without server help. This will enable client-side
zoom and selecting of nodes/edges/subgraphs etc.</li>
<li>The windows (help, new node etc):</li>
<ul>
<li>are not brought to the foreground when they are created or single-clicked</li>
<li>are not shaded when in the background</li>
</ul>
</ul>
<p> </p>
</div><div class="text next">
<p>
Please use the <a href="http://bloodgate.com/graph-easy/">interactive graph editor</a>.
If you have questions, feel free to send me an <a href="http://bloodgate.com/mail.html">email</a>
<small>(<a href="http://bloodgate.com/tels.asc">Gnupg key</a>)</small>.
<b>Bugreports</b> should go to <a href="http://rt.cpan.org/NoAuth/ReportBug.html?Queue=Graph-Easy">rt.cpan.org</a>.
</p>
</div>
<div class="footer">
Page created <span class="date">2007-09-01</span> by <a href="http://bloodgate.com/mail.html">Tels</a>.
Last update: <span class="date">2007-09-09</span>
</div>
</div> <!-- end of right cell -->
</body>
</html>