Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
搜索

资源分类

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

awesome-d3

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

扫一扫分享

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

此列表记录有趣的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

更多»
热门资源
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
类似于awesome-d3的资源
flowchart.js
基于SVG的流程图插件
官网
GitHub
PixelMap
在线像素地图制作网
官网
jsplumb
一个开源的流程图或拓扑图绘制工具库(绘制页面链接线)
官网
GitHub
spin.js
loading加载动画
官网
GitHub
Processing.js
擅长创建2D和3D图象,可视化数据套件,音频,视频等
官网
GitHub
lightweight-charts
最小和最快的金融HTML5图表
官网
GitHub
Visual Alchemist
基于Web的开源数据库图表制作和自动化工具
点击进入
GitHub
Blotter.js
快速实现各种字体动画效果
官网
GitHub
目录

手机扫一扫预览

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

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