Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
AiPPT
全智能AI一键生成 PPT
星月写作
人工智能写作助手
宝塔服务器面板
简单好用的服务器运维面板
Trae
字节跳动推出的 AI原生编程工具
购物快捷导航
一站式解决网购需求的智能平台
硅云优惠券
领先的基础云计算服务提供商,PHP云虚拟主机第一品牌
Seedance 2.0
字节跳动新一代AI视频生成模型全面解析
免费资源下载中心
一站式解决工作学习需求的宝藏网站
任推邦
APP推广项目分发和流量变现平台
SpeedAI
一键去重、降AIGC率、数据可视化、论文写作

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

El Grapho

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

GitHub:https://github.com/ericdrowell/ElGrapho
网站描述:高性能WebGL图数据可视化引擎
GitHub

El Grapho是一个高性能的WebGL图形数据可视化引擎。El Grapho可以在任何现代浏览器中支持数百万个交互式节点和边缘。 如果您需要为任何类型的Web构建图形可视化,例如树,力导向图,网络图等,以及比例和性能对您来说很重要,那么El Grapho是一个很好的选择。El Grapho旨在突破现代浏览器的极限。 


安装

npm install --save elgrapho


使用

要创建简单的El Grapho数据可视化,您可以实例化这样的新图形 

let graph = new ElGrapho({
  container: document.getElementById('container'),
  model: {
    nodes: [
      {x: 0,    y: 0.6,  group: 0, label: 0},
      {x: -0.4, y: 0,    group: 1, label: 1},
      {x: 0.4,  y: 0,    group: 1, label: 2},
      {x: -0.6, y: -0.6, group: 2, label: 3},
      {x: -0.2, y: -0.6, group: 2, label: 4},
      {x: 0.2,  y: -0.6, group: 2, label: 5},
      {x: 0.6,  y: -0.6, group: 2, label: 6}
    ],
    edges: [
      {from: 0, to: 1},
      {from: 0, to: 2},
      {from: 1, to: 3},
      {from: 1, to: 4},
      {from: 2, to: 5},
      {from: 2, to: 6}
    ]
  },
  width: 500,
  height: 500
});


 

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/2252

更多»
热门资源
ECharts
一个使用 JavaScript 实现的开源可视化库
官网
GitHub
SVG.js
包括各种形状、线条、文本、路径等元素
官网
GitHub
d3.js
基于HTML 和 SVG 的 JavaScript 可视化库
官网
GitHub
incubator-echarts
百度团队开发的一款商业级数据图表
官网
GitHub
g2
一套基于可视化编码的图形语法
官网
GitHub
Chartist.js
JavaScript响应式图表库
官网
GitHub
MetricsGraphics.js
一个基于 D3 的简洁的数据图表优化
官网
GitHub
plotly.js
基于d3.js 和stack.gl开源的 JavaScript 图表库
官网
GitHub
js-sequence-diagrams
一款基于 Javascript 的Web绘制时序图的工具
官网
GitHub
C3.js
基于D3.js开发的JavaScript库
官网
GitHub
crossfilter
一个数据计算模型,能够很好地结合DC.JS进行数据解析绘图
官网
GitHub
Processing.js
擅长创建2D和3D图象,可视化数据套件,音频,视频等
官网
GitHub
类似于El Grapho的资源
jspaint
基于HTML5的在线画图工具
官网
GitHub
d3.js
基于HTML 和 SVG 的 JavaScript 可视化库
官网
GitHub
Paths.js
帮助生成SVG路径的高水平API
官网
GitHub
deck-of-cards
一款非常炫酷的HTML5扑克牌卡片动画类库
官网
GitHub
ONNX.js
在浏览器和Node.js上运行ONNX模型
官网
GitHub
Chartist.js
JavaScript响应式图表库
官网
GitHub
gka
简单的、高效的帧动画生成工具
官网
GitHub
shifty
一个极小的JavaScript tweening引擎
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网 All Rights Reserved. 提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。