图标:
15套华丽的的扁平设计风格的图标 http://www.cnblogs.com/lhb25/p/15-gorgeous-sets-flat-designed-icons.html
画廊 ,
幻灯片
Rondell画廊 http://projects.sebastianhelzle.net/jquery.rondell/
jcarousel画廊 http://sorgalla.com/jcarousel/
fotorama画廊 http://fotorama.io/
jquery图片幻灯片,Jquery特效 http://www.iteye.com/topic/1132110
30个精美的jQuery幻灯片效果插件和教程 http://www.cnblogs.com/lhb25/archive/2011/08/18/stunning-jquery-slider-plugins-and-tutorials.html
10个精选 jQuery 幻灯片插件 http://www.siqiboke.com/post/492.html
SLF一个很不错的画廊 http://darsa.in/sly/#!examples
满屏画廊: http://buildinternet.com/project/supersized/
marquee.js - jQuery 多功能
无缝滚动插件 http://wange.im/demo/marquee-slide/marquee_slide.html
jQuery幻灯片插件 Smoothslides 图片可移动,并且可设置移动的方向 http://www.dowebok.com/demo/187/
jQuery 图片插件 Viewer-jQuery 简单的图像插件。 特点: 触控支持 缩放 旋转 翻转 键盘支持 跨浏览器支持 http://www.oschina.net/p/viewer-jquery
jquery图片滚动特效banner http://www.17sucai.com/pins/demoshow/349
自动播放 http://bxslider.com/examples
jquery幻灯片插件slidr.js http://www.jq22.com/jquery-info430
30 个最棒的 jQuery 的拖放插件,包括门户,布局,orgChart组织部门图,Nestable等功能 http://www.oschina.net/news/58038/jquery-drag-and-drop-plugins
7种鼠标悬停效果,多样的图片说明展示 http://tympanus.net/Tutorials/CaptionHoverEffects/CaptionHoverEffects.zip Demo: http://www.yyyweb.com/demo/inner-show/caption-hover.html
惊艳视差滚动效果的 jQuery 插件 http://www.cnblogs.com/lhb25/archive/2012/09/13/jquery-parallax-and-scrolling-effect-plugins.html
推荐15款创建漂亮幻灯片的 jQuery 插件 http://www.cnblogs.com/lhb25/p/15-jquery-slideshow-plugins.html
为应用程序设计的 10 个超酷的图标集 http://www.oschina.net/news/54982/10-cool-icon-sets-for-app-design
仪表盘
meter gauge, jqplot插件 http://www.jqplot.com/deploy/dist/examples/meterGauge.html
gauge-meter.js http://codecanyon.net/item/gauge-meter/full_screen_preview/4907507
18个有用的图标插件 http://freebiesdesign.com/18-useful-jquery-charts-plugins/
hcharts的仪表盘例子 http://www.hcharts.cn/demo/index.php?p=59,参数说明: http://blog.csdn.net/javaliuzhiyue/article/details/9943751
JustGage简单好看仪表盘 http://www.justgage.com/,文档: http://blog.csdn.net/craryprimitiveman/article/details/22166557
Gauge.js http://bernii.github.io/gauge.js/
jsgauges http://codecanyon.net/item/jsgauges/982713?ref=telyva
JustGage 是一个 JavaScript 插件来生成很漂亮的仪表盘 http://www.justgage.com/
d3扩展gauge 1. http://bl.ocks.org/msqr/3202712, 2. http://jsfiddle.net/mr23/vJuNU/, 3. http://codepen.io/jaketrent/pen/eloGk
图片滚动
12款很好用的 jQuery 图片滚动插件 http://www.cnblogs.com/lhb25/p/jquery-image-slider-plugins.html
jQuery+CSS实现的
图片滚动效果 http://www.helloweba.com/view-blog-139.html
不间断滚动jquery特效不停从右往左滚动图片特效 http://www.divcss5.com/css-texiao/texiao656.shtml
万能滚动插件(包含文字滚动、图片上下滚动、图片左右滚动、图片渐隐渐现滚动、图片消失与出现滚动等) https://github.com/kujian/power-slider
jquery 图片滚动xslider 插件图片左右滚动、上下滚动 http://sandbox.runjs.cn/show/ek2be6kx
带左右控制按钮的图片滚动 http://www.html5cn.org/article-5120-1.html
14个jQuery Carousel特效插件 http://www.solagirl.net/jquery-carousel-plugins.html
jQuery图片文本滚动切换插件
jCarousel http://www.zhangxinxu.com/wordpress/2009/12/jquery%E5%9B%BE%E7%89%87%E6%96%87%E6%9C%AC%E6%BB%9A%E5%8A%A8%E5%88%87%E6%8D%A2%E6%8F%92%E4%BB%B6jcarousel%E4%B8%AD%E6%96%87%E7%BF%BB%E8%AF%91%E4%B8%8E%E8%AF%A6%E8%A7%A3/
jMyCarousel 图片滚动 http://www.enova-tech.net/jmycarousel
思维导图jquery插件
JS思维导图类库 jsMind http://www.oschina.net/p/jsmind
在线脑图编辑器 Kity Minder http://www.oschina.net/p/kityminder
思维导图工具 my-mind http://www.oschina.net/p/my-mind
绘制UML图的JS库 jsUML2 http://www.uco.es/users/in1rosaj/tools/jsUML2/editor/index.html
图片格式转换 Img2css http://www.oschina.net/p/img2css
图表
推荐 14 款基于 JavaScript 的数据可视化工具 http://www.oschina.net/news/69431/14-popular-data-visualization-tools
20 个最棒的 JavaScript 图表库 http://www.oschina.net/translate/20-best-javascript-chart-libraries
Google Charts谷歌图表 https://developers.google.com/chart/interactive/docs/examples
js画图的库,还是joint.js合适一些,对于简单的图显示很适用。具体链接: http://www.daviddurman.com/automatic-graph-layout-with-jointjs-and-dagre.html
拓补图编辑器
Graph.Editor http://www.oschina.net/p/graph.editor
jQuery图表(jqPlot,Highcharts) http://liuzidong.iteye.com/blog/1534360
几款实用的 JavaScript 图形图表库 http://www.cnblogs.com/lhb25/p/6-libraries-for-visualized-charts-graphs.html
jQuery Visualize Plugin http://www.filamentgroup.com/examples/charting_v2/index_2.php,浏览器支持:IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9.
HTML5 canvas在IE中不支持但是
Google维护了一个类库能将Canvas翻译成VML,这样可以允许在任意版本IE中运行
jQuery Sparklines 动态图表 http://omnipotent.net/jquery.sparkline/#s-about
JavaScript图表Highcharts http://www.highcharts.com/, 中文网 http://www.hcharts.cn/, 演示 http://www.hcharts.cn/demo/index.php
在线进度条: http://preloaders.net/
用于构建交互式图表的最佳 jQuery 图表库 http://www.oschina.net/translate/best-jquery-chart-libraries-for-building-interactive-charts
5个最顶级jQuery图表类库插件 http://www.gbtags.com/technology/jquery/jquerytop5charting/
10 个 jQuery 图表插件推荐 http://blog.jobbole.com/21136/
jsPlumb jQuery插件 jsPlumb这个jQuery插件为开发者提供了一种可视化连接网页元素的方法 http://jsplumbtoolkit.com/demo/home/dom.html,
jsPlumb开发入门教程(实现html5拖拽连线) http://blog.csdn.net/zhaoxy_thu/article/details/9532143
Jquery+jsPlumb流程图实现 http://hi.baidu.com/dlbup/item/125f24c982e61878ced4f802,
使用jsPlumb制作流程图设计器 http://www.cnblogs.com/lwme/p/use-jsplumb-make-flowChart-designer.html,
使用 JsPlumb 绘制拓扑图的通用方法 http://blog.csdn.net/lovesqcc/article/details/14003987
BPMN 2.0 渲染工具包 bpmn-js
制作流程图 http://www.oschina.net/p/bpmn-js
Echarts动态加载图表数据 http://www.iteye.com/topic/1134808
taitems/jQuery.Gantt 甘特图 http://taitems.github.io/jQuery.Gantt/, 下载: https://github.com/taitems/jQuery.Gantt
robicch/jQueryGantt https://github.com/robicch/jQueryGantt
采用纯Html/Javascript实现的几个甘特图 http://www.open-open.com/home/space-668-do-blog-id-787.html
Dashboards by Keen IO
10 jQuery Gantt Chart Tools 10甘特图 http://pulse2.com/r/jquery-gantt-chart/
http://www.cnblogs.com/lhb25/p/responsive-dashboard-templates-bootstrap.html
ECharts 开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库, http://echarts.baidu.com/doc/example.html
jOrgChart组织部门图 https://github.com/wesnolte/jOrgChart, 实现例子: http://blog.csdn.net/linruonan90/article/details/38666283
jquery-orgchart组织部门图 https://github.com/caprica/jquery-orgchart
支持编辑的Org组织架构jOrgChart Demo http://runjs.cn/detail/jwe6ccoj
Org展示组织机构的树形组件 http://www.douban.com/note/301315901/
D3 http://d3js.org/,官网有例子, 中文介绍: https://github.com/mbostock/d3/wiki/CN-Home, 教程: http://www.pkuwwt.tk/d3-tutorial-cn/fundamentals.html 其他例子 http://dimplejs.org/examples_index.html
NVD3.js, 基于D3扩展 http://www.oschina.net/p/nvd3js 例子 http://nvd3.org/examples/ 是一个基于D3.js的开源图表JavasScript 类库,它可生成具有交互性的图表,定制性也非常高。它可用于绘制线性图、柱状图、饼图等多种常见的图表类型。它的使用方法也非常简单,如果你正好用过 D3.js,上手是相当容易的。
C3.js 0.4.8, 基于D3扩展 发布,开源图表库 http://www.oschina.net/news/57917/c3-js-0-4-8, 例子: http://c3js.org/examples.html
流程图前端展示控件 d3-process-map http://www.oschina.net/p/d3-process-map
xCharts 是一个使用 D3.js 来构建漂亮的可定制的数据驱动的 JavaScript 图表库 http://tenxer.github.io/xcharts/examples/
可视化库 Vis.js http://www.oschina.net/p/visjs
Chartist.js 是
简单的响应式图表 http://www.oschina.net/p/chartist-js
Epoch 是一个通用的
实时的图表库 http://fastly.github.io/epoch/
国人开发的图表库 ACharts,非常优秀 http://acharts.github.io/, 文档: http://spmjs.io/docs/acharts/wiki/04-series.html,坐标轴基类 https://github.com/acharts/achart-axis/blob/master/wiki/1-base.md
js charts 很不错 http://www.jscharts.com/
jQuery Visualize Plugin 是一个
根据表格的内容自动生成图表的 jQuery 插件 http://www.oschina.net/p/jquery+visualize+plugin
使用Raw你可以在数分钟内就轻松完成一些
高级数据可视化工作 http://www.oschina.net/p/raw
Protovis 是一个
可视化 javaScript 图表生成工具 http://www.oschina.net/p/protovis
rossfilter 是一个用来展示
大数据集的 JavaScript 库,支持超快的交互 http://www.oschina.net/p/crossfilter
Dracula 是用一系列的工具来显示和布局互动图表,包括各种相关的算法,
图形跟图形关联 http://www.graphdracula.net/
图像图标库 Yako.js http://www.oschina.net/p/yako-js
国人开发拓扑图展示工具 ctopo http://www.oschina.net/p/ctopo
圆形进度条 jQuery 插件 CircularLoader.js http://www.oschina.net/p/circularloader-js
圆形进度条 ProgressPieSVG http://www.oschina.net/p/progresspiesvg
SVG Drawing Animation - SVG
绘制动画 http://www.cnblogs.com/lhb25/p/svg-drawing-animation.html
MetricsGraphics.js 是一个可视化数据图表库,可在网页上呈现时间序列数据。它很小,60kb之内,但它提供了一个简便方法来产生图像常见类型。当前这个库支持折线图、散列图、直方图、条形图、图表、甚至是基本的线性回归。 http://www.oschina.net/p/metrics-graphics
开发者用了都说好的5款JavaScript图表库 http://my.oschina.net/sqzy/blog/473479
jqPlot 优秀的图表插件 在jqPlot图表插件使用说明(一) http://blog.csdn.net/tang19880721/article/details/33725743 jqPlot图表插件使用说明(二) http://my.oschina.net/treenewbee/blog/489968
Gantt 编辑器 jQueryGantt http://www.oschina.net/p/jquerygantt
流程图插件 Flowchart.js http://www.oschina.net/p/flowchart-js
JavaScript 图像库 plotly.js http://www.oschina.net/p/plotly-js
鱼骨图: http://bl.ocks.org/bollwyvl/9239214#d3.fishbone.js
其他:
css3鼠标划过图片散开特效 http://www.phplearn.cn/dshare/info_1837.html