怎么用html和js实现思维导图？

一、怎么用html和js实现思维导图？

基本的思维导图工具应该拥有增加节点和删除节点的功能。在某个节点上增删节点时，为了使得所有子节点的高度相对于该节点垂直居中，都会重新渲染子节点的垂直位置。

二、思维导图是什么，如何学习制作思维导图？

可以先学习一下思维导图的基本画法和技巧：

思维导图训练一：发散性思维练习思维导图训练二：思维导图绘制的技巧和准则

关于思维导图的入门学习和训练，还可以参考“精英特速读记忆训练软件”，软件里有思维导图具体的训练方法讲解和练习，可以帮助你入门（我就是从这里入门的）。该软件主要是训练“快速阅读、记忆力和注意力”的，有需要，也可以参考练习。

（快速阅读技能，有助于你快速抓取书籍资料中的关键要点，提高阅读效率，对做思维导图有很好的帮助，因为思维导图主要就是用关键字词/图片来记录的）。

我用思维导图做读书笔记的一般思路和步骤：

做读书笔记，我通常是阅读完章节或书本之后才做，这样会对文章、书籍有一个整体把握。下面是我从读书到制作思维导图笔记的一般步骤：

第一步：快速的浏览一下书的章节目录，对整本书的大体结构和内容有一个认识。

第二步：快速阅读整本书（快速阅读的方法和能力因人而异，不会的可以去专门的学习、练习一下），在快速阅读的过程中，我会对书本中的一些重要知识点进行勾画，如果有新想法或新观点冒出来，就快速的标记一下（我喜欢阅读纸质书，读书的时候手里会有一只铅笔；如果你是在电子阅读器上阅读，做标注其实也很方便）。

第三步：快速阅读完一个章节或整本书之后，我会花几分钟回忆一下章节或整本书的主要结构和内容（如果有过于模糊的内容就快速的去翻阅一下）。

第四步：理清文章或书籍脉络和主要内容之后，我会考虑是根据作者提供的主线来做读书笔记，还是以我自己的理解和思路来构建思维导图笔记。（这要看具体情况，有些作者的书籍本身的结构就可以很好的帮你理解，而有些作者的写作思路会根据他自己的特点或要突出的重点来书写，这个时候你就要根据你自己的实际情况和需要，自己整理思路，整合章节内容。）

第五步：做思维导图读书笔记。如果碰到较难的书籍，读完一遍之后我不会急于做读书笔记，而是会多读几遍（重复阅读需要花费的时间相对较大，所以还是建议大家好好的学习一下快速阅读）。

第六步：做好思维导图笔记之后，根据导图来回忆整本书，检查导图笔记的制作是否有效果，能不能帮我对书籍的主要内容、观点起到很好的引导、理解和记忆作用。对于某个或某几个复杂的知识点，考虑再做一个更加详实的小思维导图。

第七步：复习思维导图笔记。间隔一段时间后（比如一周），就拿出你做的思维导图进行温习。如果发现对某些知识点模糊，就去翻一翻书，加深印象或联想。如果在温习的时候你有新的观点就把它加到你的思维导图中。

练习：如何给一本书或者某个主题做思维导图

结合之前文章讲的思维导图的绘制技巧和注意事项完成以下练习。（如果你看了前面的内容且按要求做了练习，下面的训练会更加得心运手；如果没看过可以倒回去看一下。）

1、为自己接下来的学习目标、材料、时间安排等画一幅思维导图。

2、快速阅读一本书或文章，阅读完成后再总览一下全书或整篇文章，看看目录、主要的标题、结果、结论、小结、主要的示意图或者图片，和其他一些映入你眼帘的重要内容。根据这些内容画一幅思维导图。

3、现在，转到预习阶段，看一看有没有材料（包括你阅读中的勾画、批注）还未包括在导图中，如果有，再把它们加入到思维导图中去。

4、通过看你画的思维导图来回忆整本书。如果你不能根据思维导图来回忆整本书，说明你画的思维导图还不够完善，在回忆的过程中找出存在的具体问题：是结构混乱，不能很好帮你延伸思维的问题；还是你提炼的关键词不够凝练问题......刚开始或多或少都会有一些问题，慢慢调整，不断练习即可。

5、复习思维导图。画好思维导图，不能就把它扔一边，对于一些重要的思维导图要时长复习，如果有新想法、新内容，都可以把它们添加进去，不断完善。

以上的训练不能只是简单的做一遍，如果你是新手，一定要多做。训练画思维导图的对象，可以是一本新手，也可以是以前读过的一本书，或者一个概念。

三、什么是思维导图？做思维导图有用吗？思维导图就是知识框架吗?

思维导图是一种结构化思考的高效工具，它可以帮助我们将脑海中的各种想法通过一张图形实现具象化，通过各级主题之间的隶属关系和相关的层级表现，将中心主题与图像、颜色等建立起联系，从而达到理清思路、增强记忆、加深理解的效果。

绘制思维导图主要有两种流行的画法，分别是手绘和电脑软件绘制，其结构和所表达的含义都是一致的，但采用电脑软件绘制思维导图相比手绘更加简单高效，下面用MindNow思维导图软件给大家演示下绘制过程：

1、新建空白画布

打开MindNow，在“新建”界面选择“新建空白思维导图”或“从模板中新建”。

2、编辑思维导图

①添加主题：根据中心主题拓展思维添加下一个主题，只需要在顶部功能栏中点击“子主题”，也可以直接按下“Tab”快捷键添加。

②输入文本：双击主题框就可以编辑文本内容，在样式中还可以修改文本样式等。

③完善导图：根据上述操作直到思维导图绘制完成，如果想让导图看上去更加清晰专业，还可以使用标注、插入、关联线、概要等功能。

3、导出或分享思维导图

思维导图绘制完成后就可以导出或分享了，在MindNow思维导图中，可以选择合适的格式导出，如图片、PDF、Word、Excel、TXT等等，也可以通过链接加密分享给其他人。

经过上面的简单操作就可以绘制出一份思维导图，用电脑软件绘制思维导图不仅简单，还更加美观、易修改、易保存，有需要的朋友们绘制起来吧

四、怎样制作简易的思维导图（思维导图的要点）？

像题主这样的初学者，比较推荐借助工具

一来容易节省时间；二来笔记可复制，方便多次利用；再者实践多了之后也容易触类旁通，掌握思维导图的绘画思路，条件不允许的时候，提笔也可以画出来。

为了节省试错成本，给题主推荐一款思维导图工具MindMaster，拿它为例，把制作简单思维导图的方法分享给你，希望能够帮到忙

在我看来，学习的过程就像是一个做加减法的过程，制作思维导图也一样

step1：首先我们需要确定一个“中心主题”，一般是整个思维导图的制作目的

如上图，分析英语词性就是中心主题，往下动词、形容词、代词、副词这些都是同级别的子主题

像MindMaster软件新建文件之后会自动生成中心主题，只需要往里面填文字内容就可以了

step2：接下来对庞杂的知识做一个减法，层层删减，挑选出“中心主题”下最核心的几部分，这些部分就是我们思维导图的一级“子主题”

举个例子，我们做《富爸爸穷爸爸》的读书笔记，中心主题是书名，一级子主题是这本书的三大部分内容概括

点击图里面的“中心主题”旁的加号图标就可以添加子主题，操作非常方便

step3：按照知识的脉络和内容之间的逻辑，层层添加内容，让思维导图变得饱满，建议用简练的文字概括

在MindMaster里面，除了点击上级主题旁边的加减号图标，还能通过开始菜单栏或者右侧格式栏，对主题进行添加或者删减操作。

更简单的修改方法就是直接用拖拽

这样一个简单的思维导图就完成了

同时，你对这本书系统化的理解和消化过程也完成了

五、思维导图要求？

1． 最大的主题（文章的名称或书名）要以图形的形式体现出来。

　　我们以前作的笔记，都会把最大的主题写在笔记本纸面上最顶格的中间。而思维导图则把主题体现在整张纸的中心，并且以图形的形式体现出来。我们称之为中央图。

　　2． 中央图要以三种以上的颜色。

　　3． 一个主题一个大分支

　　思维导图把主题以大分支的形式体现出来，有多少个主要的主题，就会有多少条大的分支。

　　4． 每条分支要用不同的颜色

　　每条分支用不同颜色可以让你对不同主题的相关信息一目了然。

5.3 内容要求

　　5． 运用代码

　　小插图不但可以更强化每一个关键词的记忆，同时也突出关键词要表达的意思，而且还可以节省大量的记录空间。当然除了这些小的插图，我们还有很多代码可以用。比如厘米可以用CM来代表。所以可以用代码的尽量用代码。

　　6． 箭头的连接

　　当我们在分析一些信息的时候，各主题之间会有信息相关联的地方，这时，可以把有关联的部分用箭头把他们连起来，这样就可以很直观地了解到信息之间的联系了。如果你在分析信息的时候，有很多信息是相关有联系的，但是如果都用箭头相联接起来会显得比较杂乱了。解决这个问题的方法就是，你可以运用代码，用同样的代码在他们的旁边注明，当你看到同样的代码的时候，你就可以知道这些知识之间是有联系的。

　　7． 只写关键词，并且要写在线条的上方

　　思维导图的记录用的全都是关键词，这些关键词代表着信息的重点内容。不少人刚开始使用思维导图时，会把关键词写在线条的下面，这样是不对的，记住一定要写在线条的上面。

六、野望思维导图？

王靖《野望》文章框架如下：1、太阳将要落山的时候。2、东皋 薄暮 望3、皆、惟 色、晖4、牧人赶着牛羊，猎人骑着马带着许多狩猎所得，回家了。译文：傍晚时分站在东皋纵目远望，我徘徊不定不知该归依何方。层层树林都染上秋天的色彩，重重山岭披覆着落日的余光。牧人驱赶着那牛群返还家园，猎人带着诸多猎物回归家园。大家相对无言彼此互不相识，我长啸高歌真想隐居在山冈!思维导图：

供参考。

七、思维导图要素？

思维导图包含的要素：核心主题与分支；关键词与联系线；颜色与图形。

思维导图又叫心智导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种革命性的思维工具。思维导图运用图文并重的技巧，把各级主题的关系用相互隶属与相关的层级图表现出来，把主题关键词与图像、颜色等建立记忆链接。

思维导图充分运用左右脑的机能，利用记忆、阅读、思维的规律，协助人们在科学与艺术、逻辑与想象之间平衡发展，从而开启人类大脑的无限潜能。思维导图因此具有人类思维的强大功能。

思维导图的四大原理：

一、图像原理。

比起抽象的文字符号，人的大脑对图像的敏感度更高，生动有趣的图像会给大脑留下深刻的印象。而思维导图正是运用了图像，来有效刺激大脑。

二、发散原理。

思维导图的中心图会引出很多条一级分支，一级分支又可以引出很多二级分支。以一个点为中心，向四周发散出去，能够有效地锻炼发散思维，进一步提高创造力和灵感。

思维导图正是由中心图展开，逐渐发散到一级分支，每隔一级分支又是一个中心，逐渐发散到各个二级分支，以此类推。思维导图通过这种形式结构，能够把各个知识点或信息点组织在一起，使得这些知识或信息在大脑里更加组织化、结构化和系统化。

三、收敛原理。

有发散就有收敛，它们是相对的。发散性思维很重要，但是收敛性思维也很重要。 发散性思维是联想能力的体现，确实非常重要，它能让你天马行空，有很多联想，可能会有很多好的点子和创意出现，但是也可能会联想到很多无用的信息。

四、主动原理。

1946年美国学者埃德加.戴尔提出了“学习金字塔”的理论。学习金字塔用数字形式形象显示了：采用不同的学习方式，学习者在两周以后还能记住内容（平均学习保持率）的多少。

八、唐伯虎思维导图？

唐伯虎是古代画家，是没有思维导图的

九、思维导图方法？

第一步：选择思维导图工具

通过浏览器搜索，直接进入MindNow工具网站，可以选择【在线创作】，或者【免费下载客户端】创作；

第二步：新建思维导图

进入新建思维导图界面，可以根据需求，选择一个【脑图结构】；

第三步：确定主题内容，开始创作

从【中心主题】出发，确定中心主题内容，开始创作，增加同级主题和子主题；

第四步：优化完善思维导图样式：导图内的文本，字体，主题，颜色，线条，边框等均可以调整设置，可以用来突出重点

风格：多种主题风格可以选择，可以设置彩虹分支，让思维导图更直观，便于观看喝理解

第五步：保存导出分享思维导图

保存：操作过程中，实时自动保存，也可点击右上角按钮进行保存。

分享：编辑结束后，点击分享按钮，可以一键分享链接，设置密码有效期等。

十、思维导图之父？

英国著名教育家托尼 · 博赞（Tony Buzan），1942年生于英国伦敦，因发明“思维导图（Mind Map）”这一简单便捷的思维工具，以“大脑先生（Mr. Brain）”闻名世界，曾因帮助英国查尔斯王子提高记忆力被誉为英国的“记忆力之父”。

他一生致力于大脑潜能开发和学习方法研究，是世界脑力锦标赛创始人，让脑力运动风靡全球。迄今为止，这位风靡世界的“大脑先生”，已出版80余部专著，在五大洲100多个国家的总发行量突破1000万册，引发席卷全球的“头脑风暴”。