I used mindmap in my logseq, however it show left to right side, the start node is always at the left side. I prefer to have the main concept shown in the center. Jsmind is the perfect fit after I saw its demos. Here is I create a shortcode in my hugo and try to create a demo mindmap using jsmind.
"\n{\n \"meta\":{\n \"name\":\"jsMind remote\",\n \"author\":\"hizzgdev@163.com\",\n \"version\":\"0.2\"\n },\n \"format\":\"node_tree\",\n \"data\":{\"id\":\"root\",\"topic\":\"jsMind\",\"children\":[\n {\"id\":\"easy\",\"topic\":\"Easy\",\"direction\":\"left\",\"children\":[\n {\"id\":\"easy1\",\"topic\":\"Easy to show\"},\n {\"id\":\"easy2\",\"topic\":\"Easy to edit\"},\n {\"id\":\"easy3\",\"topic\":\"Easy to store\"},\n {\"id\":\"easy4\",\"topic\":\"Easy to embed\"}\n ]},\n {\"id\":\"open\",\"topic\":\"Open Source\",\"direction\":\"right\",\"children\":[\n {\"id\":\"open1\",\"topic\":\"on GitHub\"},\n {\"id\":\"open2\",\"topic\":\"BSD License\"}\n ]},\n {\"id\":\"powerful\",\"topic\":\"Powerful\",\"direction\":\"right\",\"children\":[\n {\"id\":\"powerful1\",\"topic\":\"Base on Javascript\"},\n {\"id\":\"powerful2\",\"topic\":\"Base on HTML5\"},\n {\"id\":\"powerful3\",\"topic\":\"Depends on you\"}\n ]},\n {\"id\":\"other\",\"topic\":\"test node\",\"direction\":\"left\",\"children\":[\n {\"id\":\"other1\",\"topic\":\"I'm from local variable\"},\n {\"id\":\"other2\",\"topic\":\"I can do everything\"}\n ]}\n ]}\n};\n"