Add basic load test

This commit is contained in:
Paulo Gustavo Veiga 2021-12-29 16:37:58 -08:00
parent e5084cb882
commit 353d662963
22 changed files with 2795 additions and 80 deletions

View File

@ -26,7 +26,7 @@
"lint": "eslint src",
"playground": "webpack serve --config webpack.playground.js",
"cy:run": "cypress run",
"test:unit": "jest ./test/unit/*.ts ./test/unit/*.js",
"test:unit": "jest ./test/unit/export/*.ts ./test/unit/layout/*.js",
"test:integration": "start-server-and-test playground http-get://localhost:8081 cy:run",
"test": "yarn test:unit && yarn test:integration"
},

View File

@ -1,7 +1,6 @@
import Mindmap from '../model/Mindmap';
interface Exporter {
export(mindplot: Mindmap): string;
export(): string;
}
export default Exporter;

View File

@ -0,0 +1,15 @@
import Exporter from "./Exporter";
class TextExporter implements Exporter {
svgElement: Element;
constructor(svgElement: Element) {
this.svgElement = svgElement;
}
export(): string {
return "TBI";
}
}
export default TextExporter;

View File

@ -0,0 +1,15 @@
import Exporter from "./Exporter";
import Mindmap from "../model/Mindmap";
class PlainTextExporter implements Exporter {
mindplot: Mindmap;
constructor(mindplot: Mindmap) {
this.mindplot = mindplot;
}
export(): string {
return "TBI";
}
}
export default PlainTextExporter;

View File

@ -1,10 +0,0 @@
import Exporter from "./Exporter";
import Mindmap from "../model/Mindmap";
class TextExporter implements Exporter {
export(mindplot: Mindmap): string {
return "some value";
}
}
export default TextExporter;

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8" ?>
<!--
Document : mm2text.xsl
Created on : 01 February 2004, 17:17
Author : joerg feuerhake joerg.feuerhake@free-penguin.org
Description: transforms freemind mm format to html, handles crossrefs and adds numbering. feel free to customize it while leaving the ancient authors
mentioned. thank you
ChangeLog:
See: http://freemind.sourceforge.net/
-->
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="text" indent="no" encoding="ISO-8859-1" />
<xsl:key name="refid" match="node" use="@ID" />
<xsl:template match="/">
<xsl:text>#MindMapExport FreemindVersion:</xsl:text><xsl:value-of select="map/@version"/>
<xsl:text>&#xA;</xsl:text>
<xsl:text>&#xA;</xsl:text><xsl:apply-templates/>
</xsl:template>
<xsl:template match="node">
<xsl:variable name="thisid" select="@ID"/>
<xsl:variable name="target" select="arrowlink/@DESTINATION"/>
<xsl:number level="multiple" count="node" format="1"/><xsl:text> </xsl:text><xsl:value-of select="@TEXT"/>
<xsl:if test="arrowlink/@DESTINATION != ''">
<xsl:text> (see:</xsl:text>
<xsl:for-each select="key('refid', $target)">
<xsl:value-of select="@TEXT"/>
</xsl:for-each>
<xsl:text>)</xsl:text>
</xsl:if>
<xsl:apply-templates/>
</xsl:template>
</xsl:stylesheet>

View File

@ -0,0 +1,116 @@
<?xml version="1.0" encoding="UTF-8"?>
<!--
(c) by Naoki Nose, Eric Lavarde 2006-2008
This code is licensed under the GPLv2 or later.
(http://www.gnu.org/copyleft/gpl.html)
Stylesheet to transform a FreeMind map into an Excel sheet, use menu point
File -> Export -> Using XSLT... to choose this XSL file, and name the
ExportFile Something.xls or Something.xml.
2006-12-10: added support for notes and attributes (EWL)
2008-10-23: corrected issue with ss namespace not being output (EWL)
-->
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns="urn:schemas-microsoft-com:office:spreadsheet"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:x="urn:schemas-microsoft-com:office:excel"
xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet"
xmlns:duss="urn:schemas-microsoft-com:office:dummyspreadsheet">
<xsl:output method="xml" indent="yes" encoding="UTF-8" standalone="yes"/>
<!-- the duss namespace alias is required in order to be able to output
ss:Data properly, Excel ignores the extraneous dummy namespace. -->
<xsl:namespace-alias stylesheet-prefix="duss" result-prefix="ss"/>
<xsl:template match="/map">
<xsl:processing-instruction name="mso-application"> progid="Excel.Sheet"</xsl:processing-instruction>
<Workbook>
<Styles>
<Style ss:ID="s16" ss:Name="attribute_cell">
<Borders>
<Border ss:Position="Bottom" ss:LineStyle="Continuous" ss:Weight="1"/>
<Border ss:Position="Left" ss:LineStyle="Continuous" ss:Weight="1"/>
<Border ss:Position="Right" ss:LineStyle="Continuous" ss:Weight="1"/>
<Border ss:Position="Top" ss:LineStyle="Continuous" ss:Weight="1"/>
</Borders>
</Style>
<Style ss:ID="s17" ss:Name="attribute_header">
<Borders>
<Border ss:Position="Bottom" ss:LineStyle="Continuous" ss:Weight="1"/>
<Border ss:Position="Left" ss:LineStyle="Continuous" ss:Weight="1"/>
<Border ss:Position="Right" ss:LineStyle="Continuous" ss:Weight="1"/>
<Border ss:Position="Top" ss:LineStyle="Continuous" ss:Weight="1"/>
</Borders>
<Font ss:Bold="1"/>
</Style>
</Styles>
<!-- we could probably put something more intelligent as worksheet name,
but it would require name mangling to avoid unallowed characters -->
<Worksheet ss:Name="FreeMind Sheet">
<Table>
<xsl:apply-templates select="node">
<xsl:with-param name="index" select="1" />
</xsl:apply-templates>
</Table>
</Worksheet>
</Workbook>
</xsl:template>
<xsl:template match="node">
<xsl:param name="index" />
<Row><Cell ss:Index="{$index}">
<xsl:call-template name="output-node-text-as-data" />
</Cell>
<xsl:if test="attribute">
<Cell ss:StyleID="s17">
<Data ss:Type="String">Names</Data></Cell>
<Cell ss:StyleID="s17">
<Data ss:Type="String">Values</Data></Cell>
</xsl:if>
</Row>
<xsl:apply-templates select="attribute">
<xsl:with-param name="index" select="$index + 1" />
</xsl:apply-templates>
<xsl:apply-templates select="node">
<xsl:with-param name="index" select="$index + 1" />
</xsl:apply-templates>
</xsl:template>
<xsl:template match="attribute">
<xsl:param name="index" />
<Row><Cell ss:Index="{$index}" ss:StyleID="s16">
<Data ss:Type="String"><xsl:value-of select="@NAME" /></Data>
</Cell>
<Cell ss:StyleID="s16">
<Data ss:Type="String"><xsl:value-of select="@VALUE" /></Data>
</Cell>
</Row>
</xsl:template>
<xsl:template name="output-node-text-as-data">
<xsl:choose>
<xsl:when test="richcontent[@TYPE='NODE']">
<!-- see comments about rich text and HTML format below -->
<duss:Data ss:Type="String" xmlns="http://www.w3.org/TR/REC-html40"><xsl:copy-of select="richcontent[@TYPE='NODE']/html/body/*" /></duss:Data>
</xsl:when>
<xsl:otherwise>
<Data ss:Type="String"><xsl:value-of select="@TEXT"/></Data>
<!-- xsl:value-of select="normalize-space(@TEXT)" / -->
</xsl:otherwise>
</xsl:choose>
<xsl:call-template name="output-note-text-as-comment" />
</xsl:template>
<!-- export of rich text in HTML format should work, but formatting is lost
because Excel understands only HTML tags in capitals, whereas
FreeMind exports in small caps. This can probably be solved but would
require some more tweaking -->
<xsl:template name="output-note-text-as-comment">
<xsl:if test="richcontent[@TYPE='NOTE']">
<Comment><duss:Data xmlns="http://www.w3.org/TR/REC-html40"><xsl:copy-of
select="richcontent[@TYPE='NOTE']/html/body/*" /></duss:Data></Comment>
</xsl:if>
</xsl:template>
</xsl:stylesheet>

View File

@ -15,7 +15,7 @@
* limitations under the License.
*/
import {
$defined, $assert, createDocument, innerXML,
$defined, $assert, createDocument,
} from '@wisemapping/core-js';
import ModelCodeName from './ModelCodeName';
import Mindmap from '../model/Mindmap';
@ -169,6 +169,18 @@ class XMLSerializerBeta {
return noteDom;
}
static innerXML(element) {
let result = null;
if ($defined(element.innerXML)) {
result = element.innerXML;
} if ($defined(element.xml)) {
result = element.xml;
} if ($defined(XMLSerializer)) {
result = new XMLSerializer().serializeToString(element);
}
return result;
}
loadFromDom(dom, mapId) {
$assert(dom, 'Dom can not be null');
$assert(mapId, 'mapId can not be null');
@ -184,7 +196,7 @@ class XMLSerializerBeta {
$assert(
documentElement.tagName === XMLSerializerBeta.MAP_ROOT_NODE,
`This seem not to be a map document. Root Tag: '${documentElement.tagName}',HTML:${dom.innerHTML
}XML:${innerXML(dom)}`,
},XML:,${XMLSerializerBeta.innerXML(dom)}`,
);
// Start the loading process ...

View File

@ -495,6 +495,18 @@ class XMLSerializerPela {
}
return result;
}
static innerXML(element) {
let result = null;
if ($defined(element.innerXML)) {
result = element.innerXML;
} if ($defined(element.xml)) {
result = element.xml;
} if ($defined(XMLSerializer)) {
result = new XMLSerializer().serializeToString(element);
}
return result;
}
}
/**

View File

@ -15,12 +15,12 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import XMLSerializer from './XMLSerializerPela';
import XMLSerializerPela from './XMLSerializerPela';
/**
* This serializer works exactly the same way as for the former version Pela
*/
class XMLSerializerTango extends XMLSerializer {
class XMLSerializerTango extends XMLSerializerPela {
}
// eslint-disable-next-line camelcase

View File

@ -22,7 +22,7 @@ import Mindmap from './components/model/Mindmap';
import PersistenceManager from './components/PersistenceManager';
import Designer from './components/Designer';
import LocalStorageManager from './components/LocalStorageManager';
import TxtExporter from './components/export/TxtExporter';
import TxtExporter from './components/export/PlainTextExporter';
import Menu from './components/widget/Menu';

View File

@ -1,9 +0,0 @@
import TxtExporter from '../../src/components/export/TxtExporter';
import Mindmap from '../../src/components/model/Mindmap';
test('adds 1 + 2 to equal 3', () => {
const m = new Mindmap("some map");
const exporter = new TxtExporter();
console.log(exporter.export(m));
});

View File

@ -0,0 +1,23 @@
import PlainTextExporter from '../../../src/components/export/PlainTextExporter';
import Mindmap from '../../../src/components/model/Mindmap';
import XMLSerializerTango from '../../../src/components/persistence/XMLSerializerTango';
import fs from 'fs';
import path from 'path';
test('mindplot generation of simple maps', () => {
// Load DOM ...
const mapStream =fs.readFileSync(path.resolve(__dirname, '../samples/welcome.xml'),{encoding: 'utf-8'});
const parser = new DOMParser();
const document = parser.parseFromString(mapStream.toString(), 'text/xml')
// Convert to mindmap ...
const serializer = new XMLSerializerTango();
const mindmap:Mindmap = serializer.loadFromDom(document,'welcome');
// Inspect ...
console.log(mindmap);
const exporter = new PlainTextExporter(mindmap);
console.log(exporter.export());
});

View File

@ -1,5 +1,5 @@
import TestSuite from './TestSuite';
import LayoutManager from '../../src/components/layout/LayoutManager';
import LayoutManager from '../../../src/components/layout/LayoutManager';
describe('Balanced Test Suite', () => {
describe('balancedTest', () => {

View File

@ -1,4 +1,4 @@
import Events from '../../src/components/Events';
import Events from '../../../src/components/Events';
describe('Events class suite', () => {
class TestClass extends Events {

View File

@ -1,5 +1,5 @@
import TestSuite from './TestSuite';
import LayoutManager from '../../src/components/layout/LayoutManager';
import LayoutManager from '../../../src/components/layout/LayoutManager';
expect.extend({
toNotBeBranchesOverlap(received, expected) {

View File

@ -1,5 +1,5 @@
import TestSuite from './TestSuite';
import LayoutManager from '../../src/components/layout/LayoutManager';
import LayoutManager from '../../../src/components/layout/LayoutManager';
describe('Symmetric Test Suite', () => {
describe('symmetricTest', () => {

View File

@ -1,48 +0,0 @@
<map name="welcome" version="tango">
<topic central="true" text="Welcome To WiseMapping" id="1" fontStyle=";;#dfcfe6;;;" bgColor="#0a0a08">
<topic position="178,-130" order="0" text="Try it Now!" id="11" fontStyle=";;#ffffff;;;" bgColor="#250be3"
brColor="#080559">
<topic position="272,-156" order="0" text="Double Click" id="12" fontStyle=";;#001be6;;italic;"/>
<topic position="274,-130" order="1" text=" INS to insert" id="13" fontStyle=";;#001be6;;italic;"/>
<topic position="285,-104" order="2" text="Drag map to move" id="14" fontStyle=";;#001be6;;italic;"/>
</topic>
<topic position="-189,-52" order="1" text="Productivity" id="2" fontStyle=";;#104f11;;;" bgColor="#d9b518">
<icon id="chart_bar"/>
<topic position="-310,-104" order="0" text="Share your ideas" id="3">
<icon id="bulb_light_on"/>
</topic>
<topic position="-299,-25" order="2" text="Brainstorming" id="4"/>
<topic position="-283,1" order="3" text="Visual " id="5"/>
<topic position="-307,-65" order="1" shape="image" image="80,43:images/logo-small.png" id="27"
metadata="{'media':'video,'url':'http://www.youtube.com/watch?v=P3FrXftyuzw&amp;feature=g-vrec&amp;context=G2b4ab69RVAAAAAAAAAA'}"/>
</topic>
<topic position="185,-39" order="2" text="Mind Mapping" id="6" fontStyle=";;#602378;;;" bgColor="#edabff">
<topic position="303,-78" order="0" text="Share with Collegues" id="7"/>
<topic position="275,-52" order="1" text="Online" id="8"/>
<topic position="299,-26" order="2" text="Anyplace, Anytime" id="9"/>
<topic position="277,0" order="3" text="Free!!!" id="10"/>
</topic>
<topic position="-183,66" order="3" text="Web 2.0 Tool" id="22" fontStyle=";;#0c1d6b;;;" bgColor="#add1f7">
<topic position="-281,27" order="0" text="Collaborate" id="23"/>
<topic position="-302,53" order="1" text="No plugin required" id="24">
<icon id="conn_disconnect"/>
</topic>
<topic position="-271,79" order="2" text="Share" id="25"/>
<topic position="-282,105" order="3" text="Easy to use" id="26"/>
</topic>
<topic position="171,91" order="4" text="Features" id="15">
<topic position="266,26" order="0" text="Links to Sites" id="16" fontStyle=";6;;;;">
<link url="http://www.digg.com" type="url"/>
</topic>
<topic position="245,52" order="1" text="Fonts" id="17"/>
<topic position="255,78" order="2" text="Topic Color" id="18"/>
<topic position="260,104" order="3" text="Topic Shapes" shape="line" id="19"/>
<topic position="252,130" order="4" text="Icons" id="20">
<icon id="object_rainbow"/>
</topic>
<topic position="272,156" order="5" text="History Changes" id="21">
<icon id="arrowc_turn_left"/>
</topic>
</topic>
</topic>
</map>

View File

@ -0,0 +1,343 @@
<svg focusable="true" preserveAspectRatio="none" width="1440" height="900" viewBox="-607.7499999999999 -318.32500000000005 1224 765">
<path style="fill:none " stroke-width="2px" stroke="#3f96ff" stroke-opacity="1" visibility="hidden"></path>
<path stroke-width="2px" stroke="#9b74e6" stroke-opacity="1" visibility="visible" d="M198,-166 L192.09129864709237,-164.95728799654572M198,-166 L196.95728799654572,-171.90870135290763"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-242,161 C-251,161 -262,190 -271,190"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-242,161 C-251,161 -262,158 -271,158"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-242,161 C-251,161 -262,126 -271,126"></path>
<path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M0,0 C-50,0 -100,161 -150,161 -100,164 -50,5 0,7 Z"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-296,81 C-305,81 -316,94 -325,94"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-296,81 C-305,81 -316,62 -325,62"></path>
<path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M0,0 C-50,0 -100,81 -150,81 -100,84 -50,5 0,7 Z"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M245,133 C254,133 265,162 274,162"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M245,133 C254,133 265,130 274,130"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M245,133 C254,133 264,98 273,98"></path>
<path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M0,0 C50,0 100,133 150,133 100,136 50,5 0,7 Z"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-255,-15 C-264,-15 -275,30 -284,30"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-255,-15 C-264,-15 -275,-2 -284,-2"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-255,-15 C-264,-15 -275,-34 -284,-34"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-255,-15 C-264,-15 -275,-66 -284,-66"></path>
<path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M0,0 C-50,0 -100,-15 -150,-15 -100,-12 -50,5 0,7 Z"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M213,-11 C222,-11 232,66 241,66"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M213,-11 C222,-11 233,34 242,34"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M283,-30 C292,-30 303,2 312,2"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M283,-30 C292,-30 303,-30 312,-30"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M283,-30 C292,-30 302,-62 311,-62"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M213,-11 C222,-11 233,-30 242,-30"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M213,-11 C222,-11 232,-94 241,-94"></path>
<path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M0,0 C50,0 100,-11 150,-11 100,-8 50,5 0,7 Z"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-239,-130 C-248,-130 -259,-98 -268,-98"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-239,-130 C-248,-130 -259,-130 -268,-130"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-239,-130 C-248,-130 -259,-167 -268,-167"></path>
<path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M0,0 C-50,0 -100,-130 -150,-130 -100,-127 -50,5 0,7 Z"></path>
<path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M0,0 C50,0 100,-126 150,-126 100,-123 50,5 0,7 Z"></path>
<rect width="50" height="6" rx="0" ry="0" x="5" y="5" stroke-width="1px" stroke="#FF9933" fill="#CC0033" stroke-opacity="0.4" fill-opacity="0.4" visibility="hidden"></rect>
<path style="fill:none " stroke-width="1px" stroke="#CC0033" stroke-opacity="0.4" fill-opacity="0.4" visibility="hidden"></path>
<path style="fill:none " stroke-width="1px" stroke="#CC0033" stroke-opacity="0.4" fill-opacity="0.4" visibility="hidden"></path>
<rect width="50" height="6" rx="0" ry="0" x="5" y="5" stroke-width="1px" stroke="#FF9933" fill="#CC0033" stroke-opacity="0.4" fill-opacity="0.4" visibility="hidden"></rect>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-120.00000,-18.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="245" height="43" rx="6.45" ry="6.45" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(244,184,45)" stroke-opacity="1" fill-opacity="1" style="cursor: default;"></rect>
<rect width="241" height="37" rx="5.55" ry="5.55" x="0" y="0" stroke-width="2px" fill="rgb(80,157,192)" stroke="rgb(57,113,177)" style="cursor: default;"></rect>
<text font-family="Verdana" font-size="13.4375" font-style="normal" font-weight="bold" fill="#ffffff" visibility="visible" style="cursor: default;" y="10" x="32">
<tspan dy="1em" x="32">Welcome To WiseMapping</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="20" height="20" transform="translate(8.00000,10.00000) scale(0.20000,0.20000)">
<image preserveAspectRatio="none" xlink:href="87b4e34ed4462c676f97.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
</g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(150.00000,-161.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="165" height="41" rx="6.1499999999999995" ry="6.1499999999999995" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="35" x2="161" y2="35"></line>
<text font-family="Verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="rgb(82,92,97)" visibility="visible" style="cursor: move;" y="6" x="40">
<tspan dy="1em" x="40">5 min tutorial video ?</tspan>
<tspan dy="1em" x="40">Follow the link !</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="31" height="15" transform="translate(6.00000,6.00000) scale(0.15500,0.15000)">
<image preserveAspectRatio="none" xlink:href="b5d8964fd96a656369d5.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
<image preserveAspectRatio="none" xlink:href="1c528f2105178b58d339.svg" width="90" height="90" style="cursor: pointer;" data-original-title="" title="" y="5" x="105"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-238.00000,-158.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="92" height="34" rx="5.1" ry="5.1" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="28" x2="88" y2="28"></line>
<text font-family="Verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="8" x="24">
<tspan dy="1em" x="24">Try it Now!</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="15" height="15" transform="translate(6.00000,8.00000) scale(0.15000,0.15000)">
<image preserveAspectRatio="none" xlink:href="05c3a46e096665e2b73d.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="-3" cy="28" stroke-width="1px" fill="#250be3" visibility="visible" stroke="#080559" style="cursor: default;"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-334.00000,-189.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="70" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="66" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="italic" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
<tspan dy="1em" x="7">Double Click</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-376.00000,-157.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="112" height="33" rx="4.95" ry="4.95" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="27" x2="108" y2="27" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="rgb(82,92,97)" visibility="visible" style="cursor: move;" y="5" x="7">
<tspan dy="1em" x="7">Press "enter" to add a </tspan>
<tspan dy="1em" x="7">Sibling</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-360.00000,-120.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="96" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="92" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="italic" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
<tspan dy="1em" x="7">Drag map to move</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(150.00000,-39.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="65" height="34" rx="5.1" ry="5.1" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="28" x2="61" y2="28"></line>
<text font-family="Verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="8" x="9">
<tspan dy="1em" x="9">Features</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="64" cy="28" stroke-width="1px" fill="rgb(224,229,239)" visibility="visible" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="15"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(241.00000,-116.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="85" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="81" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="18">
<tspan dy="1em" x="18">Links to Sites</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11" transform="translate(5.00000,6.00000) scale(0.11000,0.11000)">
<image preserveAspectRatio="none" xlink:href="1c528f2105178b58d339.svg" width="90" height="90" style="cursor: pointer;" data-original-title="" title="" y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(242.00000,-52.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="44" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="40" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="rgb(82,92,97)" visibility="visible" style="cursor: move;" y="6" x="7">
<tspan dy="1em" x="7">Styles</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="43" cy="22" stroke-width="1px" fill="rgb(224,229,239)" visibility="visible" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(311.00000,-84.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="41" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="37" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
<tspan dy="1em" x="7">Fonts</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(312.00000,-52.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="72" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="22" x2="68" y2="22"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
<tspan dy="1em" x="7">Topic Shapes</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(312.00000,-20.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="64" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="60" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
<tspan dy="1em" x="7">Topic Color</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(242.00000,12.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="52" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="48" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="18">
<tspan dy="1em" x="18">Icons</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11" transform="translate(5.00000,6.00000) scale(0.11000,0.11000)">
<image preserveAspectRatio="none" xlink:href="5e06f9581efd8466b8df.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(241.00000,44.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="97" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="93" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="18">
<tspan dy="1em" x="18">History Changes</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11" transform="translate(5.00000,6.00000) scale(0.11000,0.11000)">
<image preserveAspectRatio="none" xlink:href="8d157d5bba7dccb92fb6.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-254.00000,-43.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="108" height="34" rx="5.1" ry="5.1" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="28" x2="104" y2="28"></line>
<text font-family="Verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="8" x="24">
<tspan dy="1em" x="24">Mind Mapping</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="15" height="15" transform="translate(6.00000,8.00000) scale(0.15000,0.15000)">
<image preserveAspectRatio="none" xlink:href="efcc09caadd59213512f.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="-3" cy="28" stroke-width="1px" fill="#edabff" visibility="visible" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-385.00000,-88.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="105" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="101" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
<tspan dy="1em" x="7">Share with Collegues</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-325.00000,-56.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="45" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="41" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
<tspan dy="1em" x="7">Online</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-375.00000,-24.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="95" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="91" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
<tspan dy="1em" x="7">Anyplace, Anytime</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-327.00000,8.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="47" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="43" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
<tspan dy="1em" x="7">Free!!!</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(150.00000,105.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="97" height="34" rx="5.1" ry="5.1" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="28" x2="93" y2="28"></line>
<text font-family="Verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="8" x="24">
<tspan dy="1em" x="24">Productivity</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="15" height="15" transform="translate(6.00000,8.00000) scale(0.15000,0.15000)">
<image preserveAspectRatio="none" xlink:href="9451621eb0641f9bfed6.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="96" cy="28" stroke-width="1px" fill="#d9b518" visibility="visible" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(273.00000,76.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="99" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="95" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="18">
<tspan dy="1em" x="18">Share your ideas</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11" transform="translate(5.00000,6.00000) scale(0.11000,0.11000)">
<image preserveAspectRatio="none" xlink:href="1aaf10f7785ebae7edce.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(274.00000,108.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="76" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="72" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
<tspan dy="1em" x="7">Brainstorming</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(274.00000,140.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="44" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="40" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
<tspan dy="1em" x="7">Visual </tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-295.00000,53.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="149" height="34" rx="5.1" ry="5.1" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="28" x2="145" y2="28"></line>
<text font-family="Verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="8" x="24">
<tspan dy="1em" x="24">Install In Your Server</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="15" height="15" transform="translate(6.00000,8.00000) scale(0.15000,0.15000)">
<image preserveAspectRatio="none" xlink:href="b5d8964fd96a656369d5.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="-3" cy="28" stroke-width="1px" fill="rgb(224,229,239)" visibility="visible" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-416.00000,40.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="95" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="91" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="30">
<tspan dy="1em" x="30">Open Source</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="23" height="11" transform="translate(5.00000,6.00000) scale(0.11500,0.11000)">
<image preserveAspectRatio="none" xlink:href="208f1b86edc4b6ab2931.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
<image preserveAspectRatio="none" xlink:href="1c528f2105178b58d339.svg" width="90" height="90" style="cursor: pointer;" data-original-title="" title="" y="5" x="105"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-391.00000,72.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="70" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="66" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="18">
<tspan dy="1em" x="18">Download</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11" transform="translate(5.00000,6.00000) scale(0.11000,0.11000)">
<image preserveAspectRatio="none" xlink:href="1c528f2105178b58d339.svg" width="90" height="90" style="cursor: pointer;" data-original-title="" title="" y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-241.00000,133.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="95" height="34" rx="5.1" ry="5.1" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="28" x2="91" y2="28"></line>
<text font-family="Verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="rgb(82,92,97)" visibility="visible" style="cursor: move;" y="8" x="24">
<tspan dy="1em" x="24">Collaborate</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="15" height="15" transform="translate(6.00000,8.00000) scale(0.15000,0.15000)">
<image preserveAspectRatio="none" xlink:href="dd3504c0f36bd63b5a5a.png" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="-3" cy="28" stroke-width="1px" fill="rgb(224,229,239)" visibility="visible" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-314.00000,104.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="47" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="43" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="rgb(82,92,97)" visibility="visible" style="cursor: move;" y="6" x="7">
<tspan dy="1em" x="7">Embed</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-315.00000,136.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="48" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="44" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="rgb(82,92,97)" visibility="visible" style="cursor: move;" y="6" x="7">
<tspan dy="1em" x="7">Publish</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-366.00000,168.00000) scale(1.00000,1.00000)" visibility="visible">
<rect width="99" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="95" y2="22" style="cursor: move;"></line>
<text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="rgb(82,92,97)" visibility="visible" style="cursor: move;" y="6" x="18">
<tspan dy="1em" x="18">Share for Edition</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11" transform="translate(5.00000,6.00000) scale(0.11000,0.11000)">
<image preserveAspectRatio="none" xlink:href="e1d10870978e1ff40621.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="8" cy="8" stroke-width="1px" stroke="#6589de" fill="gray" visibility="hidden" style="cursor: pointer;"></ellipse>
<ellipse width="6" height="6" rx="3" ry="3" cx="8" cy="8" stroke-width="1px" stroke="#6589de" fill="gray" visibility="hidden" style="cursor: pointer;"></ellipse>
<line stroke-width="1px" stroke="#6589de" stroke-opacity="0.3" fill-opacity="0.3"></line>
<line stroke-width="1px" stroke="#6589de" stroke-opacity="0.3" fill-opacity="0.3"></line>
<path style="fill: none; cursor: pointer;" stroke-width="2px" stroke="#9b74e6" stroke-opacity="1" fill="#495879" fill-opacity="1" stroke-dasharray="4,2" visibility="visible" d="M198,-166 C118,-222 -65,-279 -175,-163"></path>
</svg>

After

Width:  |  Height:  |  Size: 40 KiB

View File

@ -0,0 +1,70 @@
<map name="3" version="tango">
<topic central="true" text="Welcome To WiseMapping" id="1" fontStyle=";;#ffffff;;;">
<icon id="sign_info"/>
<topic position="199,-112" order="0" id="30">
<text><![CDATA[5 min tutorial video ?
Follow the link !]]></text>
<link url="https://www.youtube.com/tv?vq=medium#/watch?v=rKxZwNKs9cE" urlType="url"/>
<icon id="hard_computer"/>
</topic>
<topic position="-167,-112" order="1" text="Try it Now!" id="11" fontStyle=";;#525c61;;;" bgColor="#250be3" brColor="#080559">
<icon id="face_surprise"/>
<topic position="-260,-141" order="0" text="Double Click" id="12" fontStyle=";;#525c61;;italic;"/>
<topic position="-278,-112" order="1" id="13">
<text><![CDATA[Press "enter" to add a
Sibling]]></text>
</topic>
<topic position="-271,-83" order="2" text="Drag map to move" id="14" fontStyle=";;#525c61;;italic;"/>
</topic>
<topic position="155,-18" order="2" text="Features" id="15" fontStyle=";;#525c61;;;">
<topic position="244,-80" order="0" text="Links to Sites" id="16" fontStyle=";6;#525c61;;;">
<link url="http://www.digg.com" urlType="url"/>
</topic>
<topic position="224,-30" order="1" text="Styles" id="31">
<topic position="285,-55" order="0" text="Fonts" id="17" fontStyle=";;#525c61;;;"/>
<topic position="299,-30" order="1" text="Topic Shapes" shape="line" id="19" fontStyle=";;#525c61;;;"/>
<topic position="295,-5" order="2" text="Topic Color" id="18" fontStyle=";;#525c61;;;"/>
</topic>
<topic position="229,20" order="2" text="Icons" id="20" fontStyle=";;#525c61;;;">
<icon id="object_rainbow"/>
</topic>
<topic position="249,45" order="3" text="History Changes" id="21" fontStyle=";;#525c61;;;">
<icon id="arrowc_turn_left"/>
</topic>
</topic>
<topic position="-176,-21" order="3" text="Mind Mapping" id="6" fontStyle=";;#525c61;;;" bgColor="#edabff">
<icon id="thumb_thumb_up"/>
<topic position="-293,-58" order="0" text="Share with Collegues" id="7" fontStyle=";;#525c61;;;"/>
<topic position="-266,-33" order="1" text="Online" id="8" fontStyle=";;#525c61;;;"/>
<topic position="-288,-8" order="2" text="Anyplace, Anytime" id="9" fontStyle=";;#525c61;;;"/>
<topic position="-266,17" order="3" text="Free!!!" id="10" fontStyle=";;#525c61;;;"/>
</topic>
<topic position="171,95" order="4" text="Productivity" id="2" fontStyle=";;#525c61;;;" bgColor="#d9b518">
<icon id="chart_bar"/>
<topic position="281,70" order="0" text="Share your ideas" id="3" fontStyle=";;#525c61;;;">
<icon id="bulb_light_on"/>
</topic>
<topic position="270,95" order="1" text="Brainstorming" id="4" fontStyle=";;#525c61;;;"/>
<topic position="256,120" order="2" text="Visual " id="5" fontStyle=";;#525c61;;;"/>
</topic>
<topic position="-191,54" order="5" text="Install In Your Server" id="27" fontStyle=";;#525c61;;;">
<icon id="hard_computer"/>
<topic position="-319,42" order="0" text="Open Source" id="29" fontStyle=";;#525c61;;;">
<icon id="soft_penguin"/>
<link url="http://www.wisemapping.org/" urlType="url"/>
</topic>
<topic position="-310,67" order="1" text="Download" id="28" fontStyle=";;#525c61;;;">
<link url="http://www.wisemapping.com/inyourserver.html" urlType="url"/>
</topic>
</topic>
<topic position="-169,117" order="7" text="Collaborate" id="32">
<icon id="people_group"/>
<topic position="-253,92" order="0" text="Embed" id="33"/>
<topic position="-254,117" order="1" text="Publish" id="34"/>
<topic position="-277,142" order="2" text="Share for Edition" id="35">
<icon id="mail_envelop"/>
</topic>
</topic>
</topic>
<relationship srcTopicId="30" destTopicId="11" lineType="3" srcCtrlPoint="-80,-56" destCtrlPoint="110,-116" endArrow="false" startArrow="true"/>
</map>