Hi! Awesome library. But did not found way, how can I change parent just dragging node onto another one. Is that possible?

Latest version is not working on firefox.
It is working fine in crome.
No js errors in console
Added a screendump that shows how it looks.

The demo at: http://kb.knomaton.org/multi-agent-systems/
Works fine in firefox.

Installed with npm on 2016-04-08

I am using Firefox SRD 38.7.0 on mac and the map is not displayed.
The same problem on my ubuntu machine (cant remember firefox version)

Trying to setup a simple client-side only diagram hosted on Github Pages where the data.md file is contained in the repo.

Do you have a sample of that?

When I try to load more than 10 levels of structure, like

* 1
  * 2
    * 3
      * 4
        * 5
          * 6
            * 7
              * 8
                * 9
                  * 10
                    * 11

It can't draw the required graph correctly

Without "11"

So, what should I do?

1. open view
2. collapse a node
3. expand that node
4. child of that node will not be able to navigate

I was using win 10 if it matters.

thanks

Love the module. It would be great though.. If there were another kind of expansion - one that could display the actual "content of the node".

In the case of the example.. clicking on "A General Theory ..." -> "Concepts" -> might actually be able to display (in a larger, different type of node, possibly...

For the purpose of discussion, we must establish a vocabulary.
Some of these names have a long tradition, or at least some precedent in
JavaScript.
Some are disputed, borrowed, or fabricated.
...

Is this overkill / too specific for a generalized implementation such as this? Would a pull request with an implementation make you consider it?

I installed atom and used this command npm install markmap but I don't know how to use it in atom. I try use command Markdown Mindmap: Toggle but it couldn't work.

when I use npm install command after git clone, there is some error message about the deprecated package browserslist.

I’m not familiar with nodejs, are there any solution?

D:\shyclouds\markmap (master -> origin) ([email protected])
λ npm install
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.

> [email protected] install D:\shyclouds\markmap\node_modules\deasync
> node ./build.js

`win32-x64-node-10` exists; testing
Binary is fine; exiting

> [email protected] postinstall D:\shyclouds\markmap\node_modules\parcel-bundler
> node -e "console.log('\u001b[35m\u001b[1mLove Parcel? You can now donate to our open collective:\u001b[22m\u001b[39m\n > \u001b[34mhttps://opencollective.com/parcel/donate\u001b[0m')"

Love Parcel? You can now donate to our open collective:
 > https://opencollective.com/parcel/donate
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 1107 packages from 756 contributors and audited 12131 packages in 47.66s
found 1 moderate severity vulnerability
  run `npm audit fix` to fix them, or `npm audit` for details

then i try to use 'npm audit fix'

λ npm audit fix
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

when I run the example js code, the error message shows below

λ node example.markdown.js
D:\shyclouds\markmap\node_modules\d3\d3.js:1935
    var xhr = {}, dispatch = d3.dispatch("beforesend", "progress", "load", "error"), headers = {}, request = new XMLHttpRequest(), responseType = null;
                                                                                                             ^

ReferenceError: XMLHttpRequest is not defined
    at d3_xhr (D:\shyclouds\markmap\node_modules\d3\d3.js:1935:110)
    at Object.text (D:\shyclouds\markmap\node_modules\d3\d3.js:1931:14)
    at Object.<anonymous> (D:\shyclouds\markmap\examples\browser\example.markdown.js:7:4)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:742:12)
    at startup (internal/bootstrap/node.js:283:19)

Hi great lib !!
I managed to see the the index.html sample
but how do I run the other samples

• example.parse sample ?
• txtmap ?

Thank you for this wonderful project!

I try to run the file: "example.view.js" from the console - what am I doing wrong?
Did install d3 already...

Hello Team, Is it possible to save the visualized mind-map to .mm files.

Does the parser assume that there's exactly one root node? It'd be nice if it would allow for a mindmap that has a root node at the center, and child nodes both left and right of the root. Here's a simple test case:

## This is h2

## And another h2

# And an h1, ouch

I've cloned the repo and done an npm install. When running the samples, the mind map displays correctly, but when I hover over an entry, I don't get any sort of hovering behaviour like in the example page at http://kb.knomaton.org/multi-agent-systems/. Is this the expected behaviour? If not, is it possible to add?

Hi,

I find document visualization kind of interesting (and fun !) : here are other examples that might be interesting to add :

• http://sunsp.net/demo/BubbleMenu/
• http://bl.ocks.org/mbostock/1846692
• http://bl.ocks.org/mbostock/1080941

I don't know anything about JS and D3 but I will have a look to see if I can port any of these visualizations to markmap.

Best,

M.A.

I am not a JS expert and is want a guide on

• how to change style (color)
• How to make a change so to that all nodes are collapsed on startup (If this is not possible it is a feature request)

I am using this module to analyze structure for articles in Chinese, but the characters always extends out of the frame, like this:

How do I fix this?
Thanks a lot.

hi all:
I don't find how to set markmap with many-to-one support.

Is there any features to build a relation between two topics in markmap?

Would be nice for flowcharts or pipeline diagrams.
To be clear, I mean a way of rendering something in this shape:

A___B__C
|\__D_/
 \__E

, maybe with a notation looking something like this, which makes use of HTML anchors.

# A
- B
    - <a id="c"></a> C
- D
    - [c](#c)
- E  

It would still be readable and generate correct HTML in Markdown.

(DAGS would be much easier to implement than arbitrary graphs, by only allowing connections between nodes of different levels.)

Annoy error in view.js:
Error: attribute y: Expected length, "NaN".

May add || 0 in line 3 (line 24 in view.js):
function linkWidth(nodeData) { const data = nodeData.data; return Math.max(6 - 2 * data.d || 0, 1.5); }

a

aa

aaa

aaaa

aaaaa

aaaaaa

####### aaaaaaa

the last line can't be showed in https://markmap.js.org/repl

Hi, I'm interested in possibility of using your code as part of a personal project. Do you have a particular license in mind for this project?

I love the basic idea of this tool. If I understand it correctly, it visualizes the hierarchical structure of headings and subheadings.
It would be cool to have another mode that parses the markdown files for relative links between each other and visualize those. Do you think that's possible?

Example:

These three files would show up as some sort of triangle in the visualization:

file1.md:

... ipsum dolor sit [amet](file2.md), consetetur ...

file2.md:

... sadipscing elitr, sed diam [nonumy](file3.md) eirmod tempor invidunt ut labore et ...

file3.md:

...  clita kasd gubergren, no [sea](file1.md) takimata sanctus est...

It would be cool to create a demo showing different customization options using dat.gui.

This is a good ticket to take on if anyone is looking to start contributing to open source. I can provide necessary guidance.

Did you thought about generalizing this library in order to not work only with markdown?

The atom package including this library is the only mindmapping tool i found for atom and has potential. Also you splitted the functionality into modules that are allowing that easily i think?

I thought about a line based mind map description language and did not found something easy to write and well versionizable with git. So i just implemented an own parser (#8) and that worked well. I could do that for LaTeX headers (sections and so on) too but I'm not that familiar with your atom package source code in order to include that.

It would be awesome if you could turn this into an Electron app and provide a MacOS share extension, so users could visualize Markdown created in any app.

It would be cool if there was an option to render mindmap as an image.
I can imagine how useful it would be inside an npm script. For example when generating documentation for a project, I could create a mindmap image with data models.

home.md

# Root

[a link](file/somwhere.md)

file/somwhere.md

# somewhere
- over the rainbow
# elsewhere
- idk

works nicely

but if you try this it doesn't...
home.md

# Root

[a link](file/somwhere.md#elsewhere)

It tries to make a file named somwhere.md#elsewhere when clicked

Similarly, [a link](#elsewhere) tries to make a file called #elsewhere.

I am using this in the atom extension but I think it probably has to do with this project missing the feature.

To allow variable widths of nodes and positioning on both sides.

Possible candidate libraries are:

• https://github.com/Klortho/d3-flextree
• https://github.com/leungwensen/mindmap-layouts

I do something like * > my quote, but in the mindmap it's not formatted as a quote. Would be great to get this. Thanks!

In fact, while I am preparing some presentation on NumPy/SciPy, I dream of an application which mixes mindmap and markdown with the following functions

first of all

1.1 it can run on my local computer, for me, which is a Windows one. I am not willing to write a presentation on any smartphone/pad

1.2 it can run without needing to register a user

The markdown side

it seems that Sweave or knitr for RStudio support the function in markdown side

2.1 feature is supplied by markdown-preview-enhanced or typora

2.1.1 markdown with at least syntax highlighting, math(for example, MathJax), flowchart

2.1.2 the title # title can be auto-numbered, for example

# title 1
## sub title 1
## sub title 2
# title 2

is rendered as something like

# 1. title 1
## 1.1 sub title 1
## 1.2 sub title 2
# 2. title 2

2.1.3 the markdown can be exported to pdf, docx, etc. A solution via huge Latex bundle is a bad one.

2.2 extra features

2.2.1 embed picture, pandas dataframe like Jupyter does.

2.2.2 embed programming, for me Python is used here, output/varaibles like codebraid does

the mindmap side

3.1 markdown is translated into mindmap. As a result, we can read the chapters/heading clearly while markdown's heading is rendered as the node of mindmap. Yes, atom-markdown-mindmap does so.

3.2 math formula is supported in the node. Well, dundalek/atom-markdown-mindmap#35 has mentioned it.

3.3 non-heading parts between 2 sub-heading in markdown is treated as the comment of the node, like mindmup's Note does.

3.4 in mindmap, we can drag the node as dundalek/atom-markdown-mindmap#51 said. As a result, the heading and its sub-contents in markdown are re-arranged.

3.5 we can edit in both markdown and mindmap

alike app

atom-markdown-mindmap

gingkoapp

Steps

1. Go to https://kb.knomaton.org/multi-agent-systems/
2. See blank popup window, where (presumably) graph should be shown
3. Check dev tools console to see the following error:
   • In firefox:

     Blocked loading mixed active content “http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML”
     

   • In chrome:

     Mixed Content: The page at 'https://kb.knomaton.org/multi-agent-systems/' was loaded over HTTPS, but requested an insecure script 'http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'. This request has been blocked; the content must be served over HTTPS.
     

The image in markdown can't display in mind map, could you tell me how to fix it?
Thanks for sharing this soft, it's great!

I am using Atom with package:markdown-mindmap.

I type almost all my Markdown documents with more than one # Header in a single document. Can I give root a different name through some header/preamble components? Here is my first Mindmap produced from a very simple markdown doc:

# Topic 1
Notes on Topic 1
# Topic 2
Notes on Topic 2

The example for txtmap file isn't showing anything more than 'root' on browser.
Other supported file types are working fine