Demo

https://chezsoi.org/lucas/mindmap/mindmap-viewer

Usage

Once the JS bundle is generated, any static files web server will do the job. E.g. with Python:

make
python3 -m http.server  # then open http://localhost:8000/?optional_mindmap_name

Where optional_mindmap_name.xml must be in samples.

You can create those XML files from simple indented Markdown files with this Python script: https://github.com/Lucas-C/brain_dump

Theme style : fonts, colors, etc.

To define a global style, you can define the following style objects in Javascript, by taking inspiration from mindplot/TopicStyle.js:

CENTRAL_TOPIC_STYLE
MAIN_TOPIC_STYLE
SUB_TOPIC_STYLE
ISOLATED_TOPIC_STYLE

You can also define the following constants whose default values are in mindplot/Topic.js:

CONNECTOR_WIDTH
OUTER_SHAPE_ATTRIBUTES
OUTER_SHAPE_ATTRIBUTES_FOCUS
INNER_RECT_ATTRIBUTES

To define a different style per mindmap, you can use the following XML attributes:

bgColor
brColor
fontStyle : <font_size>;<font_family>;<font_color>;bold;italic

Developpement

The global project architecture is discribed here: https://wisemapping.atlassian.net/wiki/display/WS/Architecture The JS files loading order matters and is managed by the Makefile.

Using livereload (do not forget to define the $BROWSER env variable, or else lynx may fire up):

pip install --user https://github.com/Lucas-C/python-livereload/archive/master.zip
livereload --open-url-delay 1 --target mindmap-viewer-bundle.js . & watch -n 1 make

XSD schema

The mindmap-schema.svg is an interactive SVG visualisation of the eponymous XSD schema alongside, and was generated with xsdvi.