Cdml Svg /
Test Page Three
This SVG map is somewhat simpler. It uses Admin/SvgFrame as a kind of library.
|
<a xlink:href="http://www.communitywiki.org/en/FrontPage" target="pane">
<rect fill="#ff7777" x="10" y="10" width="200" height="220" opacity="0.5" />
<text x="10" y="20" text-anchor="left" font-size="12" opacity="0.5">CommunityWiki</text>
</a>
<a xlink:href="http://www.communitywiki.org/en/GroupDecisionMaking" target="pane">
<ellipse cx="220" cy="70" rx="40" ry="40" fill="springgreen" opacity="0.5"/>
<text x="220" y="70" text-anchor="middle" font-size="32" fill="red" opacity="0.5">?</text>
<text x="220" y="90" text-anchor="middle" opacity="0.5">GroupDecisionMaking</text>
</a>
<path d="M 220,110 l 0,30" stroke="gray" fill="none" stroke-width="5" marker-end="url(#ArrowHead); " />
<a xlink:href="http://www.communitywiki.org/en/StrategicDialogSupportSoftware" target="pane">
<rect fill="skyblue" stroke="black" stroke-width="1" x="80" y="170" width="300" height="32" opacity="0.5" />
<text x="100" y="190" text-anchor="left" font-size="16" opacity="0.5" >StrategicDialogSupportSoftware</text>
</a>
| <g font-family="Verdana, sans serif" font-size="16">
<defs>
<marker id="ArrowHead" viewBox="0 0 50 30" refX="0" refY="15" fill="gray"
markerWidth="5" markerHeight="5" orient="auto" >
<path d="M -2,0 L 50,12 L 0,30 z" />
</marker>
</defs>
<a xlink:href="http://www.communitywiki.org/en/FrontPage" target="pane">
<rect fill="#ff7777" x="10" y="10" width="200" height="220" opacity="0.5" />
<text x="10" y="20" text-anchor="left" font-size="12" opacity="0.5">CommunityWiki</text>
</a>
<a xlink:href="http://www.communitywiki.org/en/GroupDecisionMaking" target="pane">
<ellipse cx="220" cy="70" rx="40" ry="40" fill="springgreen" opacity="0.5"/>
<text x="220" y="70" text-anchor="middle" font-size="32" fill="red" opacity="0.5">?</text>
<text x="220" y="90" text-anchor="middle" opacity="0.5">GroupDecisionMaking</text>
</a>
<path d="M 220,110 l 0,30" stroke="gray" fill="none" stroke-width="5" marker-end="url(#ArrowHead); " />
<a xlink:href="http://www.communitywiki.org/en/StrategicDialogSupportSoftware" target="pane">
<rect fill="skyblue" stroke="black" stroke-width="1" x="80" y="170" width="300" height="32" opacity="0.5" />
<text x="100" y="190" text-anchor="left" font-size="16" opacity="0.5" >StrategicDialogSupportSoftware</text>
</a>
</g> |
Mapping experiment, useable with Firefox 2.0 or Opera 8.5+SVG plugin
|