javascript脑图,js脑图插件

Android 平台下有没有好用的 mindmap 软件

百度脑图（KityMinder）v1.2.0 正式公测，本次新增 天空（北京）蓝、浪漫紫、脑残粉等各种萌萌哒主题。还有插入图片、标签、切换布局、拖动节点等功能，欢迎体验拍砖。

img src="" data-rawwidth="1040" data-rawheight="551" class="origin_image zh-lightbox-thumb" width="1040" data-original=""img src="" data-rawwidth="1272" data-rawheight="653" class="origin_image zh-lightbox-thumb" width="1272" data-original=""

编辑于 2014-07-08

118 条评论

感谢

分享

收藏

•

没有帮助

•

举报

•

作者保留权利

收起

75

赞同

反对，不会显示你的姓名

知乎用户我是错别字大王~

75 人赞同

在线图表-数据可视化工具 图表秀：图表秀——免费在线图表制作工具,数据可视化工具 数据观：数据观 | 所有人都会用的数据分析工具 Echarts：ECharts ProcessOn：ProcessOn - 免费在线作图，实时协作 地图慧：地图慧-制作地图 数据地图 物流分单 商铺选址 数…

显示全部

在线图表-数据可视化工具

图表秀：图表秀——免费在线图表制作工具,数据可视化工具

数据观：数据观 | 所有人都会用的数据分析工具

Echarts：ECharts

ProcessOn：ProcessOn - 免费在线作图，实时协作

地图慧：地图慧-制作地图 数据地图 物流分单 商铺选址 数据资源

雁阵（甘特图排期表）：雁阵 - 专业的在线项目管理工具，在线甘特图，项目计划，进度跟踪，团队协作。

云表格（表格）：【伙伴云表格】在线excel表格

超级表格（表格）：超级表格:多人协作云端表格,在线表格,在线表单,在线Excel,在线Office,手机办公

班牛（表格）：班牛_移动电商企业协同办公软件OA

英文不多介绍，自己看看吧

Cacoo：

Infogr.am：Create online charts infographics

INFOACTIVE：Infoactive

Gapminder：Gapminder: Unveiling the beauty of statistics for a fact based world view.

HighCharts：Interactive JavaScript charts for your webpage

D3.JS：D3.js - Data-Driven Documents

TabLeau：Business Intelligence and Analytics

相关问答

Q1: UI设计那些绘图软件有什么区别，为什么都要学？

学习UI设计，软件只是UI设计的第一阶段，新手或者零基础的小伙伴可以从软件入手，到后面的设计理论，规范，交互这些设计思维学起。

学习UI设计，首先要明白UI设计师需要做的工作，大致介绍就是界面、图标、动效、交互、切图、标注等，这些内容都需要用到不同的软件。

在这里主要列举UI设计常用的四款软件：PS，AI，AE、ARP、XD、另外还有一些辅助软件偶尔也会用到

Adobe Photoshop

Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。 Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。PS可以用来从事，平面设计，网页设计，UI设计等多种设计工作。在UI设计中PS的使用率在90%以上，所以作为一个合格的UI设计师。PS是肯定得掌握的。PS可以在UI设计中，绘制界面设计，图标设计等

Adobe illustrator

Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件，作为一款非常好的图片处理工具，Adobe Illustrator广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。在UI设计中AI的使用率也是非常之高，主要可以用来绘制图标，界面等设计，插画等

Adobe After Effects

Adobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件，适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。在UI设计中主要主要是用来做动效设计，交互效果，

Axure RP

Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理 。

Axure RP已被一些大公司采用。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等，另外，架构师、程序开发工程师也在使用Axure。

在UI设计中主要起的作用主要是用来做交互原型图

Sketch

这里重点介绍一下Sketch，它是个很好的界面设计工具，很方便，完全就是为扁平化界面而生的。这在做做流行的扁平化界面设计方面确实方便，比ps效率会高，现在很多UI设计师都喜欢用，但是我们做设计，肯定会接触到各种东西，你可能要画个拟物图标，做个宣传海报，做个网站bannr，做个酷炫的字体效果，那就还是得乖乖打开ps，在图像处理方面目前地球上没有什么软件能超过ps，还有一点，目前Sketch只有mac版，如果公司没有给你配苹果电脑的话就还是安静的用Adobe公司的PS和XD吧，能做好东西就行，不要太纠结一定要用哪个工具。

Experience Design CC

Adobe XD官方版全称Adobe Experience Design CC，是Adobe旗下专业的交互原型设计工具。Adobe XD官方版跨平台支持Win10 与 macOS，并且所有用户均可免费下载使用。Adobe XD CC 2018可快速进行APP设计、网站设计，UX/UI 产品设计，是设计师、产品经理和开发者们必备的设计工具

Adobe Dreamweaver

简称“DW”，中文名称 "梦想编织者"，最初为美国MACROMEDIA公司开发 ，2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持，设计师和程序员可以在几乎任何地方快速制作和进行网站建设。

Cinema 4D

UI设计师的附加软件，最近几年非常流行的建模软件，建模渲染效果特别好！因而，成为了设计创意工作者的效率生产工具。现在，无论是影视后期、还是工业设计、或平面设计行业，C4D软件都得到了广泛的运用。用来做一些平面软件达不到的3D效果，视觉效果，能做很多的概念设计，这个软件，能让你的设计表现力更丰富更有趣。

Mindjet MindManager简称思维导图

MindManager，中文商标译作C，俗称“脑图”，又叫“心智图”，是一款创造、管理和交流思想的通用标准的绘图软件，由美国Mindjet公司开发，界面可视化，有着直观、友好的用户界面和丰富的功能。在UI设计中主要用来整理交互逻辑思维层。

蓝湖

蓝湖，产品设计协作平台＆原型制作工具。中文版、全免费，支持Mac、Web、iOS。 支持从Sketch一键分享、在线讨论、自动为设计图生成标注，而且只需简单几步就能将设计图变成一个可以点击的演示原型，支持分享给同事，让他也可以在手机中查看设计效果。蓝湖已经成为新一代产品设计的工作方式。

墨刀

一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅 ，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理

Q2: 思维导图软件哪个好

思维导图软件如下：

1、XMind

XMind 是一个开源项目，这意味着它可以免费下载并自由地使用。 XMind 也有 Plus/Pro 版本，提供更专业的功能。除了地图结构， XMind 同时也提供树，逻辑和鱼骨图，具有内置拼写检查，搜索，加密，甚至是音频笔记功能。

2、Coggle

Coggle 是一个免费的在线协作思维导图工具，让您直观地用一个精美的呈现分支结构定义的连接。它可以让你制作出漂亮的笔记，方便快捷。与朋友和同事分享，和他们协同工作，展现你的想法。

3、Mindmaps

这是一个开源的应用程序，使任何人都可以轻松地创建好看的思维导图。它可以创建分支（子想法）与无限层级，其中所有这些都互相连接。它是完全基于 HTML5，CSS3 和JavaScript 实现的。

4、FreeMind

FreeMind 是用 Java 编写的免费心智图软件。最近的发展希望把它变成高生产力的工具。操作 FreeMind 的导航比 MindManager 快，因为它有一键式"折叠/展开"和"跟随链接"操作。

5、GitMind

这是一款实现了全平台通用的思维导图软件，只要登录同一个账户所有数据都会实时同步，对于需要跨设备使用的朋友来说非常方便，电脑编辑好的内容在通勤路上依然继续能用平板编辑。

软件没有节点数量的限制，支持导出多种格式也没有水印，基础功能全部都齐全，是一款我爱不释手的思维导图软件。

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

基本的思维导图工具应该拥有增加节点和删除节点的功能。

在某个节点上增删节点时，为了使得所有子节点的高度相对于该节点垂直居中，都会重新渲染子节点的垂直位置。