iotempower icon indicating copy to clipboard operation
iotempower copied to clipboard

IoTempower markmap

Open mbz4 opened this issue 5 months ago • 0 comments

  • a simple interactive, comprehensive map of IoTempower might help guide development

  • looked for solutions

    • markmap seems to fit what we need:
  • [x] mature, robust

  • [x] works well with static sites (exports to HTML)

  • [x] feature-rich yet simple concept

Basically we use markmap-lib to preprocess Markdown into structured data, then render the data into interactive SVG with markmap-view.

markmap docs

Markmap is a combination of Markdown and mindmap. It parses Markdown content and extracts its intrinsic hierarchical structure and renders an interactive mindmap, aka markmap.

Try the online demo here!

Image

TODO (draft markmap v0):

  • [ ] plot basic layout
  • [ ] test export
  • [ ] test integrating (link-up sphinx docs w/ exported markmap
  • [ ] test programmatic markmap generation (Python?)
  • [ ] host IoTempower docs on GitHub pages?

mbz4 avatar Sep 03 '24 11:09 mbz4