Vis.js是一个动态的、基于浏览器的可视化库，可处理大量的动态数据并能与这些数据进行交互操作。该项目包含 DataSet、Timeline, 和 Graph（2d和3d）。
Vis.js是由Almende B.V公司开发的开源项目，基于Canvas绘制web可视化图形图表，简单易用，功能强大。
下面是vis.js的模块：
数据集（DataSet）：
灵活的键/值对，可添加、更新和删除项目。DataSet可以过滤和订制项目，转换项目领域。Vis.js带有一个灵活的数据集，其可以用于保持和操纵非结构化数据并监听数据的变化。该数据集是基于键/值对的。数据项可以被添加，从DataSet更新和删除，并且可以订阅DataSet中的变化。数据集中的数据可以被过滤和排序，以及字段（例如日期）可以被转换为特定的类型。
图表（Graph）：
显示2d图形或网络。
画出一个交互式图形时间轴和条形图并以想要的方式进行个性化。
特点：
支持折线图、条形图、堆叠图、散点图样式；支持在图形上添加文字、数轴定制、切换图形组、自定义范围等。图形美观，可组合使用，个性化定制。与时间轴模块结合使用产生可伸缩式的数据展示方式。
显示3d图形或网络：
时间轴（Timeline）：
显示不同类型的时间轴上的数据。在时间轴上的时间和项可以交互移动、缩放及控制。丰富的时间轴样式和交互是其最大的特点。
网络图：
简单到复杂的可定制样式非常丰富，有较强的交互性。支持大量数据的展示，可动态更新数据动态渲染图形（大赞），支持JSON数据导入。可动态配置样式。
小结：
基本图表如折线图、柱状图等的使用不如同为基于Canvas的echarts图表种类多而全，echarts也相对更美观易用，但是vis.js有多种的3D图表，如果需要展示3D效果可以使用vis.js。
vis.js的网络关系图样式使用D3.js也是可以做的，只不过vis.js有一些做好的示例效果非常不错，包括过渡动画，布局，样式等都比D3.js要好一些。vis.js是基于Canvas的，而D3.js是基于SVG的，所以在应用场景上可根据需求选择相对合适的一个。
vis.js的时间轴很不错，需要时间轴的组件或者展示，可以用vis.js来做。
Vis
.
js
的使用
vis
.
js
基于
浏览器
的动态
可视化
库。该库被设计为易于使用，处理大量的动态
数据
，并支持对
数据
的操作和交互。该库由组件DataSet，Timeline，Network，Graph2d和Graph3d组成。这里主要用到Network（网状图）
network实例请参考官网：http://
vis
js
.org/network_examples.html。
network是一种可...
network实例请参考官网：http://
vis
js
.org/network_examples.html
vis
.
js
是什么？
vis
.
js
基于
浏览器
的动态
可视化
库。该库被设计为易于使用，处理大量的动态
数据
，并支持对
数据
的操作和交互。该库由组件DataSet，Timeline，Network，Graph2d和Graph3d组成。这里主要用到Network（网状图）
network是一种
可视化
的网络和网络组成的nodes节点和edges边缘。
可视化
易于使用，并支持自定义形状、样式、颜色、大小、图像等。网络
图中的节点和线都是可以拖动的哦，在graphViz.vue的代码里面，有很多参数可以改动，可以自己改动试试看。（1）为
vis
创建一个单独的.vue文件，vue文件名命名必须是驼峰命名法，要不然会报错。1.搭建好vue后，可以使用npm run
vis
-network 下载
vis
插件。（2）graphViz.vue文件具体代码如下，我的节点比较多，可以自己删一下。2.下载好之后，可以在package.
js
on中看见依赖更新。上图就是展示的结果，在想要的位置进行展示。以上就是单独创建
vis
组建的代码。
首先说明一下，为什么要学习这个东西，，，，因为我们项目中要做一个网络拓扑图，去年网上找了找用jtopo做的，然后大家说太丑了，操作也不好，反正言外之意就是要换个插件写，，，，然后我前两周就研究了一下echarts的树图和关系图graph,研究的结果我博客也有写，总的来说echarts蛮漂亮的，但是偏展示，后期如果要加很多扩展内容的话，不建议用。如果有需要可以去看echarts例子的可以去看看https://blog.csdn.net/qq_36509946/category_10330384.html
最近工作中接触到
vis
.
js
，使用了他的network功能，感觉与D3有点儿像，但是操作起来要比D3方便，以下是我的使用随笔。
1.下载
vis
.
js
（https://almende.github.io/
vis
）
2.vue.
js
（我的前台使用的 Vue + ElementUI）
HTML页面
首先新建一个topo.html页面，引入
vis
.
js
，vue.
js
等
<!DOCTYPE html>
<html lang="zh-CN">
`
vis
-timeline`时间轴是一个交互式
可视化
图表，用于实时
可视化
时间
数据
。
数据
项可以只与某个时间点关联，也可以有开始和结束日期（即一个时间范围）。
vis
-timeline可以通过拖拽和滚动时间轴自由移动和缩放。可以在时间轴中创建、编辑和删除
数据
项目。轴上的时间尺度是自动调整的，支持从毫秒到年的尺度。
vis
-time时间轴使用常规`HTML DOM`呈现时间轴和放在时间轴上的项目，这样的好处就是可以使用自定义css样式进行灵活定制。
Vis
.
js
是一款基于JavaScript的
可视化
图表库，
vis
.
js
不像其他的图表库那样仅仅支持几种常用的
数据
图表，比如线形图、柱状图、饼图等，
Vis
.
js
支持上百种不同类型的
可视化
图表类型，比如时间线图、网络图、2D图表、3D图表，每一种类型的图表下又包含几十种不同展现方式的
数据
图表。
更为让人震撼的是，
Vis
.
js
图表都是动态的，也就是说你可以拖动每一个
数据
节点来让图表
数据
进行动态排列。
<div class="container-fluid">
<input type="text" id="inputSearch" placeholder="请输入ip地址"><button id="btnSearch">搜索</button>
<div id="mynetwork".
Neo4j是一个高性能的NOSQL图形
数据
库，它将结构化
数据
存储在网络上而不是表中。它是一个嵌入式的、基于磁盘的、具备完全的事务特性的Java持久化引擎，但是它将结构化
数据
存储在网络（从数学角度叫做图）上而不是表中。Neo4j也可以被看作是一个高性能的图引擎，该引擎具有成熟
数据
库的所有特性。程序员工作在一个面向对象的、灵活的网络结构下，而不是严格、静态的表中。但是他们可以享受到具备完全的事务特性、企业级的
数据
库的所有好处。Neo4j因其嵌入式、高性能、轻量级等优势，越来越受到关注。
