fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

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

扫一扫分享

网站地址:https://d3-discovery.net/
GitHub:https://github.com/wbkd/awesome-d3
网站描述:D3.js相关库,插件和工具类的列表

此列表记录有趣的D3js库,插件和实用程序。


图表

  • billboard.js - 可用图表库 [bar, line, area, donut, pie, step ]
  • britecharts - 客户端可以重用图表库 [bar, line, donut, sparkline, step ]
  • cirrusjs - 一个多输出图表库 [area, line, stacked ]
  • 立体派 - 时间序列可视化
  • WebCola - 图形可视化和探索的布局
  • c3 - 可以重用图表库 [line, spline, step, area, stacked, bar, pie, donut ]
  • dagre-d3 - 客户端上的布局定向图
  • dc.js - 用于大量数据
  • :面向业务分析服务的面向对象的API。
  • d2b - 轴,饼图,sankey,sunburst图的图表库
  • d3.chart - 构建可以重用图表的框架
  • d3.chart.sankey - 可以重用的D3 Sankey图
  • d3-bar - 条形图
  • d3-beeswarm - 计算beeswarm排列的插件
  • d3-bumps-chart - 可视化凹凸图的插件
  • d3-circle - 圆形图表 [donut ]
  • d3-dot - 点图表
  • d3-gridding - 使用网格的图表 Prototype
  • d3-heatmap - Heatmap
  • d3-line - 折线图
  • 基于分层数据的d3-flame-graph 火焰图
  • d3-horizon-chart - Horizon图表模块
  • d3-message-sequence - 动态/static 消息序列图
  • d3-tribin - 将两个二维点组合成三角形的容器 [bins, triangles, sampling ]
  • d3plus - 扩展库,可以轻松创建可视化效果 [scatter, stacked, line, bar, pie, network, bubble, box, map ]
  • d3-timeline - 响应时间线图表
  • d3fc - 交互式图表组件 [line, bar, stacked, scatter, candlestick, ohlc ]的集合
  • d3-funnel - 一个漏斗和金字塔图表库
  • d3panels - 带有链接笔刷 [dot, scatter, line, heatmap, histogram ]的交互式图表
  • d3pie - 一个可以配置的饼图库和生成器
  • D3xter - 直接正向打印 [plot, timeline, bar, histogram, pie ]
  • d3-timeseries - 时间序列图表库
  • D4 - 可用图表 DSL [bar, donut, line, scatter, stacked, waterfall ]
  • dTree - 家谱库
  • 新纪元- 通用的实时可视化库
  • EventDrops - 基于时间/事件系列交互式可视化
  • 用于可视化百分比值的Fancycharts.js 库
  • firespray - 流图 [bar, line, stacked ]
  • forest-d3 - 时间序列图表库 [line, area, stacked, bar, scatter, pie ohlc ]
  • 甘特图 - 甘特图库
  • insight - 库可视化和导航图形
  • kotojs - ES6框架
  • 度量图形 - 优化时间序列数据 [line, scatter, area ]
  • 微程序 - polar 图表库
  • mpld3 - 导出matplotlib图形以在浏览器中工作
  • neo4jd3 - Neo4j 图形可视化
  • nvd3 - 可用图表和图表组件 [box plot, buttlet, candlestick, line, bar, pie, scatter, sparkline ]
  • oecd-simple-charts - 简单图表库 [box plot, stacked bar, pearl chart ]
  • peek - 面向对象的图表库 [scatter, line, area, bar, pie, donut ]
  • plotly.js - 高级图表库 [scatter, line, bar, pie, box plot, histogram, heatmap ]
  • plottable - 灵活,交互式的web [area, bar, line, pie, scatter, stacked ] 图表
  • radar-chart-d3 - 雷达图表模块
  • interactive interactive交互式实时图形制作工具工具
  • taucharts - 具有设计和灵活性 [line, bar, area, stacked ]的图表
  • techan.js - 可视化,股价图和技术分析 [candlestick, ohlc ]
  • uvCharts - 支持多种不同的图表类型 [bar, area, pie, stacked, line, polar, donut ]
  • vega - 可视化语法
  • vega-lite - 交互式图形高级语法
  • venn.js 面积比例维恩图和欧拉图
  • visavail - 时间数据可用性可视化
  • vizabi - 构建可视化数据探测工具 [bubble, map, line, bar, sankey, donut ]的框架
  • xkcdgraphs - Xkcd样式图 [line ]
第三方
  • angular-nvd3 - angular [line, stacked, bar, area, scatter, bullet, donut ]的NVd3
  • d3act - 具有 [bar, bubble, pie ]
  • d3-simpleCharts - wordpress插件
  • x 射线图表- Ember [line, bar, stacked, pie, scatter ] 图表
  • 用于 Angular [line, area, bar ]的折线图折线图
  • nivo - Dataviz组件,用于与同构能力 [bar, line, area, bubble, chord, heatmap ] 进行react
  • ngx图表 Angular [bar, pie, line, area, polar, stacked, bubble ] 图表框架
  • 数字图片 - 用于编写可视化效果的React组件集合
  • react-d3 - 响应 [area, bar, candlestick, line, pie, scatter ]的图表
  • react-d3-components - 组件 [bar, stacked, scatter, line, area, pie ]
  • react-d3-library - 在响应 [area, bar, line, pie, scatter ] 中使用D3的库
  • 响应 stockcharts - 高度可以定制的股票图表 [area, line, scatter, bubble, bar, stacked, candlestick ]
  • 响应 - 一个用于呈现可视化 [area, bar, heatmap, line, scatter ]的React组件集合
  • recharts - re设计的基于React的图表库
  • 符号数据可视化框架结合React & D3 [scatter, line, area ]
  • 胜利 - 可以组合的React组件构建可视化 [area, bar, candlestick, pie, line, scatter, voronoi ]
  • vx - 响应 [bar, line, scatter, stacked, area, pattern, heatmap, pie, radial, map, geo ]的可视化组件

映射

  • d3-carto-map - 使用D3地理空间功能的映射 api
  • d3-composite-projections - 显示国家和地区之间的距离
  • DataMaps - 一个文件中可以自定义的地图可视化
  • d3-topogram - 基于TopoJSON的连续区域 cartograms
  • d3-exploder - 允许你轻松移动和调整地理要素的大小
  • d3-geo-polygon - 球面多边形的剪裁和几何操作
  • d3-geo-projection - 扩展的地理投影
  • d3-geo-voronoi 球体的Voronoi图和Delaunay三角图
  • d3-geomap - 创建地理地图的库
  • d3.geo2rect - 将geojson多边形变成矩形
  • d3-inertia - d3-drag的扩展,它通过一些惯性继续移动鼠标
  • 使用 SVG。Canvas &构建正交世界的 earthjs
  • mapmap.js - 交互式专题地图的数据驱动 API
  • mapsense.js - 带D3的全分辨率矢量地图
  • mapTable 将数据集转换为一组可视组件( 映射,筛选,表格)
  • simple-map-d3 - 轻松放置choropleth样式地图
  • 垃圾邮件 - 创建带有D3和画布的地图,很容易
第三方
  • leaflet-d3 - 用于将D3与小叶 [map, geo ] 一起使用的插件集合
  • react-d3-basic - 构建可以组合和声明性映射 [map, geo ] 库
  • Wikimaps-D3js Atlas - 用于生成光栅,topojson和svg地图 [map, geo ]的CLI
  • react-simple-maps 一个用于响应的SVG映射组件库,在 d3-geo [map, geo ] 之上构建


命令行工具

  • d3kit-timeline - 标签不重叠的时间轴组件
  • d3scription - 带窗口边缘碰撞检测的工具提示
  • d3-annotation - Annotaion helper,内置注释类型
  • d3-area-label - 在区域中放置标签的库
  • d3-breadcrumbs - 简化面包屑使用
  • d3-component - 轻量级组件抽象
  • d3-extended - 使用一些常用的jquery函数扩展 d3
  • d3-helpers - 小实用程序函数
  • d3-history - 正确的URL栏历史记录
  • d3-iconarray - 用于对齐网格中元素的插入器
  • d3kit - 一套工具,用于加速D3相关项目开发
  • d3-Labeler - 插入自动标签放置
  • d3-lasso - 通过在对象上或者围绕对象绘制线条来标记元素
  • d3-legend - 图例 helper
  • d3-loom - 创建"织布机"可视化的插件
  • d3-nelson-rules - 将过程控制的nelsons规则应用到一组数据
  • d3-peaks - 在噪声信号中查找峰值
  • d3-ring-note - 用于放置圆和文本注释的插件
  • d3-scale-cluster - 将数据分成离散组的比例
  • d3-sparql - 从SPARQL端点访问数据的工具
  • d3-starterkit - helper 函数简化常见和详细d3模式
  • d3-tip - 工具提示 helper
  • d3-tipy - 工具提示 helper
  • d3-tooltip - 带阴影和动态内容的箭头形状工具提示
  • d3-trail - 创建更好路径元素的布局
  • d3-xray - 当你鼠标通过时记录数据连接结果的Bookmarklet
  • d3-slider - jQuery UI的slider
  • d3.svg.circularbrush - 用于选择循环数据的画笔
  • d3.svg.ribbon - 一个区域内插器
  • iopctrl - 用于创建简单用户界面控件的Lib
  • d3-jetpack - 方便你日常工作的便利包装器
  • kodama - 工具提示插件
  • swoopyarrows - 创建swoopy箭头的插件
  • swoopy拖动 - 图形的手工标签放置
  • 纹理 - 用于数据可视化的SVG模式


杂项

  • 国际象棋dataviz国际象棋 dataviz
  • codeflower - 整个代码的鸟瞰视图
  • comic.js - 卡通风格绘图。 适用于画布,Raphael & SVG.js
  • dragIt - 一个支持数据图形操作的工具包
  • d3moji - 一流的表情支持
  • d3-cloud - 单词云
  • d3-context-menu - helper 创建上下文菜单
  • 实现引力吸引力( 或者force-field-like排斥)
  • d3-resume - 恢复可视化工具
  • d3.sketchy - 创建粗略的背景,形状和线条
  • ( d3-plugins - 收集插件( sankey,bullet,hexbin,- )
  • d3plus-text - 具有换行和自动字体缩放功能的智能SVG文本框
  • 图形滚动 - 简单滚动事件
  • jsdoc2diagram - 从jsdoc创建树状图
  • 美人鱼 - 从 Markdown 风格的文本生成图表和流程图
  • netvis - 可视化任意协议的网络通信


服务器端服务器端

  • d3-node - static 图表和地图生成


代码编辑器

  • d3-snippets - Atom的Fragment
  • d3-snippets-for-sublime-text-2 - Sublime的Fragment
  • d3Snippets - vs 代码的代码段


Bl.ocks.org-配置文件

  • Adam - 1wheel
  • Colin Eberhardt ColinEberhardt
  • - HarryStevens
  • Luis Sevillano LuisSevillano
  • - d3indepth
  • Elijah Meeks - emeeks
  • Bostock mbostock
  • ( 译): Matteo Filipponi mfilippo。
  • Stubbs - micahstubbs
  • Nadieh Bremer nbremer
  • ( 译): Matteo Abrate nitaku。
  • Susie - susielu
  • Kai - 组合
  • Tom Shanley tomshanley
  • Vasco Asturiano vasturiano
  • Noah Veltman Veltman- zanarmstrong

 

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

more>>
相关栏目
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
flowchart.js
基于SVG的流程图插件
官网GitHub
Velocity.js
一个简单易用、高性能、功能丰富的轻量级JS动画库
官网GitHub
popmotion.js
一款小巧,灵活的 JavaScript 运动引擎
官网GitHub
js2flowchart.js
将任何 JavaScript 转换成漂亮的 SVG 流程图的可视化的图表库
点击进入GitHub
jsplumb
一个开源的流程图或拓扑图绘制工具库(绘制页面链接线)
官网GitHub

手机预览