Mermaid

https://knsv.github.io/mermaid/#mermaid

Ever wanted to simplify documentation and avoid heavy tools like Visio when explaining your code?

Exemples : https://knsv.github.io/mermaid/#working-with-the-documentation

Editer d'exemple de l'exemple Gantt chart avec http://knsv.github.io/mermaid/live_editor/

gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section A section Completed task           :done,    des1, 2014-01-06,2014-01-08 Active task              :active,  des2, 2014-01-09, 3d Future task              :         des3, after des2, 5d Future task2              :         des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison         :crit, done, after des1, 2d Create tests for parser            :crit, active, 3d Future task in critical line       :crit, 5d Create tests for renderer          :2d Add to mermaid                     :1d

En ligne de commande

$ npm install phantomjs

$ npm install -g mermaid

$ mermaid --help

Usage: mermaid [options] ...

file   The mermaid description file to be rendered

Options: -s --svg            Output SVG instead of PNG (experimental) -p --png            If SVG was selected, and you also want PNG, set this flag -o --outputDir      Directory to save files, will be created automatically, defaults to `cwd` -e --phantomPath    Specify the path to the phantomjs executable -c --sequenceConfig Specify the path to the file with the configuration to be applied in the sequence diagram -h --help           Show this message -v --verbose        Show logging -w --width          width of the generated png (number) --version           Print version and quit

$ mermaid -e ~/node_modules/phantomjs/lib/phantom/bin/phantomjs gantt.mmd

$ mermaid -e ~/node_modules/phantomjs/lib/phantom/bin/phantomjs --svg gantt.mmd