<li><ahref="examples/anchors.html">Anchors</a> - Define fixed connection points for all shapes.</li>
<li><ahref="examples/animation.html">Animation</a> - Using SVG animation to visualize the flow in a pipe.</li>
<li><ahref="examples/autolayout.html">Autolayout</a> - Running and animating a layout algorithm after every change to a graph.</li>
<li><ahref="examples/boundary.html">Boundary</a> - Implementing boundary events in BPMN diagrams.</li>
<li><ahref="examples/clipboard.html">Clipboard</a> - Using the clipboard for providing cross-tab and cross-browser copy and paste.</li>
<li><ahref="examples/codec.html">Codec</a> - Dynamically creating a graph from XML and encoding the model into XML, as well
as changing the default style for edges in-place.</li>
<li><ahref="examples/collapse.html">Collapse</a> - Changing the style of a cell based on its collapsed state.</li>
<li><ahref="examples/constituent.html">Constituent</a> - Using cells as parts of other cells.</li>
<li><ahref="examples/contexticons.html">ContextIcons</a> - Adding icons to selected vertices to carry out special operations.</li>
<li><ahref="examples/control.html">Control</a> - Adding controls to specific cells in a graph.</li>
<li><ahref="examples/dragsource.html">Dragsource</a> - Using one drag source for multiple graphs and changing the drag icon.</li>
<li><ahref="examples/drop.html">Drop</a> - Handling native drag and drop of images (requires modern browser).</li>
<li><ahref="examples/dynamicloading.html">Dynamicloading</a> - Loading graph model data dynamically to limit the number of cells in the model.</li>
<li><ahref="examples/dynamicstyle.html">Dynamic Style</a> - Changing the style of a cell by overriding mxGraphModel.</li>
<li><ahref="examples/dynamictoolbar.html">Dynamic Toolbar</a> - Changing the state of the toolbar at runtime.</li>
<li><ahref="examples/edgetolerance.html">EdgeTolerance</a> - Increasing the tolerance for hit detection on edges.</li>
<li><ahref="examples/editing.html">Editing</a> - Using the in-place editor trigger to specify the editing value and write the
new value into a specific field of the user object. Wrapping and DOM nodes as
labels are also demonstrated here.</li>
<li><ahref="examples/events.html">Events</a> - Creating a graph container and using the mxDivResizer to update the size,
interaction on the graph, including marquee selection, custom
tooltips, context menu handling and changing the default menu
opacity. It also demonstrates how to use an edgestyle in the
default stylesheet, and handle the doubleclick on the adjustment
point. See also: overlays.html for click event handling.</li>
<li><ahref="examples/extendcanvas.html">Extend canvas</a> - Implementing an infinite canvas with scrollbars.</li>
<li><ahref="examples/fileio.html">File I/O</a> - Reading an XML file, writing a custom parser, applying an automatic layout
and defining a 2-way edge.</li>
<li><ahref="examples/fixedicon.html">FixedIcon</a> - Customizing the icon position in the mxLabel shape.</li>
<li><ahref="examples/fixedpoints.html">FixedPoints</a> - Using fixed connection points for connecting edges to vertices.</li>
<li><ahref="examples/folding.html">Folding</a> - Using a layout to implement a nested group structure.</li>
<li><ahref="examples/graphlayout.html">Graphlayout</a> - Using automatic graph layouts and listening to changes of the graph size
to keep the container size in sync.</li>
<li><ahref="examples/grid.html">Grid</a> - Drawing a grid dynamically using HTML 5 canvas.</li>
<li><ahref="examples/groups.html">Groups</a> - Using cells as parts of other cells.</li>
<li><ahref="examples/guides.html">Guides</a> - Using the guidesEnabled and snapToTerminals switches, creating a grid using a canvas and handling cursor keys.</li>
<li><ahref="examples/handles.html">Handles</a> - Using mxHandle to change custom styles interactively.</li>
<li><ahref="examples/helloport.html">HelloPort</a> - Using the isPort hook for visually connecting to another cell.</li>
<li><ahref="examples/helloworld.html">Hello, World!</a> - Using a DOM node to create a graph and adding vertices and edges.</li>
<li><ahref="examples/hierarchicallayout.html">Hierarchical Layout</a> - Using the hierarchical and organic layout algorithms.</li>
<li><ahref="examples/hovericons.html">HoverIcons</a> - Showing icons on vertices as mouse hovers over them.</li>
<li><ahref="examples/hoverstyle.html">Hoverstyle</a> - Change the style of a vertex on mouseover.</li>
<li><ahref="examples/htmllabel.html">HTML label</a> - Using HTML labels that are connected to the state of the user object.</li>
<li><ahref="examples/ie9svg.html">IE9SVG</a> - Using SVG for rendering a diagram in IE9 (and the HTML5 doctype).</li>
<li><ahref="examples/images.html">Images</a> - Using background images and images for for the label- and image-shape.</li>
<li><ahref="examples/indicators.html">Indicators</a> - Using small subshapes (indicators) inside a parent shape, typically an mxLabel.</li>
<li><ahref="examples/jquery.html">JQuery</a> - Using a JQuery plugin to generate labels for vertices on the fly.</li>
<li><ahref="examples/jsondata.html">JSON data</a> - Using JSON to encode/decode parts of the graph model in mxCodec.</li>
<li><ahref="examples/labelposition.html">Label Position</a> - Using the label position styles to set the position of vertex labels.</li>
<li><ahref="examples/labels.html">Labels</a> - Wrapping and clipping for HTML labels of vertices, truncating labels to fit the
size of a vertex, and manually placing vertex labels and relative children
that act as "sublabels".</li>
<li><ahref="examples/layers.html">Layers</a> - Using multiple layers to contain cells.</li>
<li><ahref="examples/lod.html">LOD</a> - Implementing a level of detail per cell.</li>
<li><ahref="examples/map.html">Map</a> - Implementing an overlay for Google Maps.</li>
