资源: 图片，图表，图标插件

[color=red][b]图标：[/b][/color]
15套华丽的的扁平设计风格的图标 [url]http://www.cnblogs.com/lhb25/p/15-gorgeous-sets-flat-designed-icons.html[/url]


[color=red]程序员给女朋友用HTML5制作的3D相册[/color][url]http://www.webhek.com/misc/3d-album[/url]


电子[color=red]电路模拟[/color] CircuitJS1 [url]http://www.oschina.net/p/circuitjs1[/url]
reveal.js H5幻灯片[color=red]ppt[/color]效果 Demo: [url]https://github.com/hakimel/reveal.js/wiki/Example-Presentations[/url]
Round Slider 是 jQuery 插件，允许用户选择一个值或者一个范围的值。不仅仅是个圆形滑块，还支持半圆形，饼形。 [url]http://www.oschina.net/p/roundslider[/url]
grafi.js 是一个 JavaScript [color=red]图形处理[/color]库 [url]http://grafijs.org/[/url]


[color=red][b]画廊 [/b][/color] ,[color=red][b]幻灯片[/b][/color]
Rondell画廊 [url]http://projects.sebastianhelzle.net/jquery.rondell/[/url]
jcarousel画廊 [url]http://sorgalla.com/jcarousel/[/url]
fotorama画廊 [url]http://fotorama.io/[/url]
jquery图片幻灯片,Jquery特效 [url]http://www.iteye.com/topic/1132110[/url]
30个精美的jQuery幻灯片效果插件和教程 [url]http://www.cnblogs.com/lhb25/archive/2011/08/18/stunning-jquery-slider-plugins-and-tutorials.html[/url]
10个精选 jQuery 幻灯片插件 [url]http://www.siqiboke.com/post/492.html[/url]
[color=red]SLF一个很不错的画廊[/color][url]http://darsa.in/sly/#!examples[/url]
满屏画廊：[url]http://buildinternet.com/project/supersized/[/url]
marquee.js - jQuery 多功能[color=red]无缝滚动[/color]插件 [url]http://wange.im/demo/marquee-slide/marquee_slide.html[/url]
jQuery幻灯片插件 Smoothslides 图片可移动，并且可设置移动的方向 [url]http://www.dowebok.com/demo/187/[/url]
jQuery 图片插件 Viewer-jQuery 简单的图像插件。 特点： 触控支持 缩放 旋转 翻转 键盘支持 跨浏览器支持 [url]http://www.oschina.net/p/viewer-jquery[/url]
使用AD Gallery制作强大的相册画廊 [url]http://www.helloweba.com/view-blog-61.html[/url]
jquery图片滚动特效banner [url]http://www.17sucai.com/pins/demoshow/349[/url]
自动播放 [url]http://bxslider.com/examples[/url]
jquery幻灯片插件slidr.js [url]http://www.jq22.com/jquery-info430[/url]
jQuery和CSS3炫酷[color=red]3D旋转[/color]画廊特效插件 [url]http://www.jq22.com/jquery-info2095[/url]
[color=red]非常全面[/color]新的jQuery图片画廊和滑块 [url]http://www.open-open.com/news/view/1cb0eb2[/url]
上下滑动轮播幻灯片特效代码，支持自动满屏显示，带有上下箭头控制条 [url]http://js.itobe.cn/contents/t/02/20140105153458/info.htm[/url] demo: [url]http://js.itobe.cn/contents/t/02/20140105153458/view/demo.htm[/url]
[color=red]超酷[/color]炫的jQuery焦点幻灯片特效代码 [url]http://js.itobe.cn/contents/t/02/20140105171822/info.htm[/url] demo : [url]http://js.itobe.cn/contents/t/02/20140105171822/view/demo.htm[/url]
[color=red]jQuery和CSS3炫酷全屏垂直滚动[/color]切换幻灯片 [url]http://www.htmleaf.com/jQuery/Slideshow-Scroller/201506102009.html[/url] demo: [url]http://www.htmleaf.com/Demo/201506102010.html[/url]
[color=red]JQUERY BANNER[/color]焦点图片切换图片上下翻滚、图 [url]http://www.17sucai.com/pins/demoshow/349[/url]
pageSwitch.js插件实现[color=red]图片翻转切换[/color]效果 [url]http://www.lanrenzhijia.com/js/css3/3116.html[/url]， Demo: [url]http://demo.lanrenzhijia.com/2015/pageSwitch0707/[/url]
TouchSlider.js则侧重于在滑动效果下，不仅支持全屏切换，还支持不固定尺寸的幻灯切换 [url]http://u.boy.im/touchslider/[/url]
jQuery cxScroll [color=red]间歇式无缝滚动[/color] [url]http://code.ciaoca.com/jquery/cxScroll/demo/[/url]
照片墙 [url]https://github.com/oriongunning/gridder[/url]
Swiper 触摸画廊 [url]http://idangero.us/swiper/[/url]
简约的[color=red]轮播[/color]组件 Lory [url]http://www.oschina.net/p/lory[/url]
jQuery 轮播图插件 Unslider.js 仅有3KB大小 [url]http://www.bootcss.com/p/unslider/[/url]
FlexImages 是一款轻量级的 JavaScript 画廊插件 [url]http://www.oschina.net/p/fleximages[/url]


[color=red]30 个最棒的 jQuery 的拖放插件[/color],包括门户，布局，orgChart组织部门图，Nestable等功能 [url]http://www.oschina.net/news/58038/jquery-drag-and-drop-plugins[/url]
[color=red]7种鼠标悬停效果，多样的图片说明展示[/color] [url]http://tympanus.net/Tutorials/CaptionHoverEffects/CaptionHoverEffects.zip[/url] Demo:[url]http://www.yyyweb.com/demo/inner-show/caption-hover.html[/url]
[color=red]惊艳视差滚动效果的 jQuery 插件[/color] [url]http://www.cnblogs.com/lhb25/archive/2012/09/13/jquery-parallax-and-scrolling-effect-plugins.html[/url]
推荐15款创建漂亮幻灯片的 jQuery 插件 [url]http://www.cnblogs.com/lhb25/p/15-jquery-slideshow-plugins.html[/url]
为应用程序设计的 10 个超酷的图标集 [url]http://www.oschina.net/news/54982/10-cool-icon-sets-for-app-design[/url]


[color=red][b]仪表盘[/b][/color]
meter gauge, jqplot插件 [url]http://www.jqplot.com/deploy/dist/examples/meterGauge.html[/url]
gauge-meter.js [url]http://codecanyon.net/item/gauge-meter/full_screen_preview/4907507[/url]
18个有用的图标插件 [url]http://freebiesdesign.com/18-useful-jquery-charts-plugins/[/url]
hcharts的仪表盘例子 [url]http://www.hcharts.cn/demo/index.php?p=59[/url],参数说明:[url]http://blog.csdn.net/javaliuzhiyue/article/details/9943751[/url]
JustGage简单好看仪表盘 [url]http://www.justgage.com/[/url],文档:[url]http://blog.csdn.net/craryprimitiveman/article/details/22166557[/url]
Gauge.js [url]http://bernii.github.io/gauge.js/[/url]
jsgauges [url]http://codecanyon.net/item/jsgauges/982713?ref=telyva[/url]
JustGage 是一个 JavaScript 插件来生成很漂亮的仪表盘 [url]http://www.justgage.com/[/url]
[color=red]d3扩展gauge[/color] 1.[url]http://bl.ocks.org/msqr/3202712[/url], 2. [url]http://jsfiddle.net/mr23/vJuNU/[/url], 3. [url]http://codepen.io/jaketrent/pen/eloGk[/url]
[color=red]网页饼图[/color]组件 easyPieChart [url]http://www.oschina.net/p/easypiechart[/url]


[color=red][b]图片文本滚动[/b][/color]
12款很好用的 jQuery 图片滚动插件 [url]http://www.cnblogs.com/lhb25/p/jquery-image-slider-plugins.html[/url]
jQuery+CSS实现的[color=red]图片滚动[/color]效果 [url]http://www.helloweba.com/view-blog-139.html[/url]
不间断滚动jquery特效不停从右往左滚动图片特效 [url]http://www.divcss5.com/css-texiao/texiao656.shtml[/url]
[color=red]万能滚动插件[/color]（包含文字滚动、图片上下滚动、图片左右滚动、图片渐隐渐现滚动、图片消失与出现滚动等） [url]https://github.com/kujian/power-slider[/url]
jquery 图片滚动xslider 插件图片左右滚动、上下滚动 [url]http://sandbox.runjs.cn/show/ek2be6kx[/url]
带左右控制按钮的图片滚动 [url]http://www.html5cn.org/article-5120-1.html[/url]
14个jQuery Carousel特效插件 [url]http://www.solagirl.net/jquery-carousel-plugins.html[/url]
jQuery图片文本滚动切换插件[color=red]jCarousel[/color] [url]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/[/url]
jMyCarousel 图片滚动 [url]http://www.enova-tech.net/jmycarousel[/url]
jQuery[color=red]图片切换[/color]插件jquery.cycle.js [url]http://jquery.malsup.com/cycle/[/url]， 一个教程：[url]http://blog.csdn.net/itmyhome1990/article/details/30480141[/url]
jQuery power-slider 全能[color=red]图片文本滚动[/color]插件 [url]http://caibaojian.com/power-slider[/url], Demo : [url]http://caibaojian.com/demo/power-slider/index.html[/url]
textSlider [color=red]文字滚动[/color]插件 [url]http://www.css88.com/demo/textSlider/textSlider.html[/url]


思维导图jquery插件
JS思维导图类库 jsMind [url]http://www.oschina.net/p/jsmind[/url]
在线脑图编辑器 Kity Minder [url]http://www.oschina.net/p/kityminder[/url]
思维导图工具 my-mind [url]http://www.oschina.net/p/my-mind[/url]


绘制UML图的JS库 jsUML2 [url]http://www.uco.es/users/in1rosaj/tools/jsUML2/editor/index.html[/url]
[color=red]图片格式转换[/color] Img2css [url]http://www.oschina.net/p/img2css[/url]


[color=red][b]图表[/b][/color]
14种流行的基于JavaScript的数据可视化工具 [url]http://my.oschina.net/pydevops/blog/675941[/url]
[color=red]推荐 14 款基于 JavaScript 的数据可视化工具[/color] [url]http://www.oschina.net/news/69431/14-popular-data-visualization-tools[/url]
[color=red]20 个最棒的 JavaScript 图表库[/color] [url]http://www.oschina.net/translate/20-best-javascript-chart-libraries[/url]
[color=red]Google Charts[/color]谷歌图表 [url]https://developers.google.com/chart/interactive/docs/examples[/url]
[color=red]js画图的库[/color]，还是joint.js合适一些，对于简单的图显示很适用。具体链接：[url]http://www.daviddurman.com/automatic-graph-layout-with-jointjs-and-dagre.html[/url]
拓补图编辑器 [color=red]Graph.Editor[/color] [url]http://www.oschina.net/p/graph.editor[/url]
[color=red]jQuery图表（jqPlot,Highcharts）[/color] [url]http://liuzidong.iteye.com/blog/1534360[/url]
[color=red]几款实用的 JavaScript 图形图表库[/color] [url]http://www.cnblogs.com/lhb25/p/6-libraries-for-visualized-charts-graphs.html[/url]
jQuery Visualize Plugin [url]http://www.filamentgroup.com/examples/charting_v2/index_2.php[/url],浏览器支持：IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9.
HTML5 canvas在IE中不支持但是[color=darkblue]Google维护了一个类库能将Canvas翻译成VML，这样可以允许在任意版本IE中运行[/color]
jQuery Sparklines 动态图表 [url]http://omnipotent.net/jquery.sparkline/#s-about[/url]
[color=red]JavaScript图表Highcharts[/color] [url]http://www.highcharts.com/[/url], 中文网[url]http://www.hcharts.cn/[/url], 演示 [url]http://www.hcharts.cn/demo/index.php[/url]
在线进度条：[url]http://preloaders.net/[/url]
用于构建交互式图表的最佳 jQuery 图表库 [url]http://www.oschina.net/translate/best-jquery-chart-libraries-for-building-interactive-charts[/url]
5个最顶级jQuery图表类库插件 [url]http://www.gbtags.com/technology/jquery/jquerytop5charting/[/url]
10 个 jQuery 图表插件推荐 [url]http://blog.jobbole.com/21136/[/url]
[color=red]jsPlumb jQuery插件[/color] jsPlumb这个jQuery插件为开发者提供了一种可视化连接网页元素的方法 [url]http://jsplumbtoolkit.com/demo/home/dom.html[/url]，
jsPlumb开发入门教程（实现html5拖拽连线）[url]http://blog.csdn.net/zhaoxy_thu/article/details/9532143[/url]
Jquery+jsPlumb流程图实现 [url]http://hi.baidu.com/dlbup/item/125f24c982e61878ced4f802[/url],
使用jsPlumb制作流程图设计器[url]http://www.cnblogs.com/lwme/p/use-jsplumb-make-flowChart-designer.html[/url]，
使用 JsPlumb 绘制拓扑图的通用方法 [url]http://blog.csdn.net/lovesqcc/article/details/14003987[/url]
BPMN 2.0 渲染工具包 bpmn-js [color=red]制作流程图[/color] [url]http://www.oschina.net/p/bpmn-js[/url]
Echarts动态加载图表数据 [url]http://www.iteye.com/topic/1134808[/url]

[color=red]ECharts[/color] 开源来自百度商业前端数据可视化团队，基于html5 Canvas，是一个纯Javascript图表库，[url]http://echarts.baidu.com/doc/example.html[/url]
[color=red]国人开发[/color]OrgChart 是一个基于纯DOM与CSS3的[color=red]组织结构[/color]图插件 [url]http://www.oschina.net/p/orgchart[/url]
jOrgChart组织部门图 [url]https://github.com/wesnolte/jOrgChart[/url], 实现例子: [url]http://blog.csdn.net/linruonan90/article/details/38666283[/url]
jquery-orgchart组织部门图 [url]https://github.com/caprica/jquery-orgchart[/url]
支持编辑的Org组织架构jOrgChart Demo[url]http://runjs.cn/detail/jwe6ccoj[/url]
Org展示组织机构的树形组件 [url]http://www.douban.com/note/301315901/[/url]
html5绘制[color=red]组织架构图[/color]表代码 [url]http://www.17sucai.com/pins/demoshow/16127[/url]
[color=red]D3 [/color][url]http://d3js.org/[/url],官网有例子, 中文介绍:[url]https://github.com/mbostock/d3/wiki/CN-Home[/url], 教程:[url]http://www.pkuwwt.tk/d3-tutorial-cn/fundamentals.html[/url] 其他例子[url]http://dimplejs.org/examples_index.html[/url]
[color=red]NVD3.js, 基于D3扩展[/color] [url]http://www.oschina.net/p/nvd3js[/url] 例子[url]http://nvd3.org/examples/[/url] 是一个基于D3.js的开源图表JavasScript 类库，它可生成具有交互性的图表，定制性也非常高。它可用于绘制线性图、柱状图、饼图等多种常见的图表类型。它的使用方法也非常简单，如果你正好用过 D3.js，上手是相当容易的。
[color=red]C3.js 0.4.8, 基于D3扩展[/color] 发布，开源图表库 [url]http://www.oschina.net/news/57917/c3-js-0-4-8[/url], 例子:[url]http://c3js.org/examples.html[/url]
[color=red]流程图[/color]前端展示控件 d3-process-map [url]http://www.oschina.net/p/d3-process-map[/url]
[color=red]xCharts[/color] 是一个使用 D3.js 来构建漂亮的可定制的数据驱动的 JavaScript 图表库 [url]http://tenxer.github.io/xcharts/examples/[/url]
[color=red]可视化库 Vis.js[/color] [url]http://www.oschina.net/p/visjs[/url]
Chartist.js 是[color=red]简单的响应式图表[/color] [url]http://www.oschina.net/p/chartist-js[/url]
Epoch 是一个通用的[color=red]实时的图表[/color]库 [url]http://fastly.github.io/epoch/[/url]
[color=red]国人开发的图表库 ACharts[/color],非常优秀 [url]http://acharts.github.io/[/url], 文档:[url]http://spmjs.io/docs/acharts/wiki/04-series.html[/url]，坐标轴基类[url]https://github.com/acharts/achart-axis/blob/master/wiki/1-base.md[/url]
js charts 很不错 [url]http://www.jscharts.com/[/url]
jQuery Visualize Plugin 是一个[color=red]根据表格的内容自动生成图表[/color]的 jQuery 插件 [url]http://www.oschina.net/p/jquery+visualize+plugin[/url]
使用Raw你可以在数分钟内就轻松完成一些[color=red]高级数据可视化工作[/color] [url]http://www.oschina.net/p/raw[/url]
Protovis 是一个[color=red]可视化 javaScript 图表生成工具[/color] [url]http://www.oschina.net/p/protovis[/url]
rossfilter 是一个用来展示[color=red]大数据集的 JavaScript 库，支持超快的交互[/color] [url]http://www.oschina.net/p/crossfilter[/url]
Dracula 是用一系列的工具来显示和布局互动图表，包括各种相关的算法, [color=red]图形跟图形关联[/color] [url]http://www.graphdracula.net/[/url]
图像图标库 Yako.js [url]http://www.oschina.net/p/yako-js[/url]
[color=red]国人开发[/color]拓扑图展示工具 ctopo [url]http://www.oschina.net/p/ctopo[/url]
[color=red]圆形进度条[/color] jQuery 插件 CircularLoader.js [url]http://www.oschina.net/p/circularloader-js[/url]
[color=red]圆形进度条[/color] ProgressPieSVG [url]http://www.oschina.net/p/progresspiesvg[/url]
SVG Drawing Animation - SVG [color=red]绘制动画[/color] [url]http://www.cnblogs.com/lhb25/p/svg-drawing-animation.html[/url]
MetricsGraphics.js 是一个可视化数据图表库，可在网页上呈现时间序列数据。它很小，60kb之内，但它提供了一个简便方法来产生图像常见类型。当前这个库支持折线图、散列图、直方图、条形图、图表、甚至是基本的线性回归。[url]http://www.oschina.net/p/metrics-graphics[/url]
开发者用了都说好的5款JavaScript图表库 [url]http://my.oschina.net/sqzy/blog/473479[/url]
jqPlot 优秀的图表插件 在jqPlot图表插件使用说明（一） [url]http://blog.csdn.net/tang19880721/article/details/33725743[/url] jqPlot图表插件使用说明（二） [url]http://my.oschina.net/treenewbee/blog/489968[/url]
流程图插件 Flowchart.js [url]http://www.oschina.net/p/flowchart-js[/url]
JavaScript 图像库 plotly.js [url]http://www.oschina.net/p/plotly-js[/url]
[color=red]鱼骨图[/color]: [url]http://bl.ocks.org/bollwyvl/9239214#d3.fishbone.js[/url]
Javascript 生成[color=red]流程图[/color] dagre-d3 [url]http://www.bkjia.com/webzh/1039967.html[/url]
web[color=red]流程图[/color]JS插件：dagre-d3 [url]http://blog.csdn.net/inuyasha1121/article/details/49095991[/url]
拖拽绘制流程图 workflowcanvas [color=red]dagre.js[/color] 提供 可以实现拖拽绘制流程图 [url]http://www.oschina.net/p/workflowcanvas[/url]
[color=red]数据探查与可视化平台[/color]Caravel [url]http://www.ctocio.com/ccnews/20665.html[/url]
Qunee for HTML5 - 开发清新、高效的拓扑图组件 [url]http://qunee.com/[/url]
强大的JavaScript[color=red]响应式[/color]图表Chartist.js [url]http://www.codeceo.com/article/chartist-js.html[/url]


[color=red][b]甘特图[/b][/color]
[color=red]taitems/jQuery.Gantt[/color] 甘特图 [url]http://taitems.github.io/jQuery.Gantt/[/url], 下载:[url]https://github.com/taitems/jQuery.Gantt[/url]
robicch/jQueryGantt [url]https://github.com/robicch/jQueryGantt[/url]
[color=red]采用纯Html/Javascript实现的几个甘特图[/color] [url]http://www.open-open.com/home/space-668-do-blog-id-787.html[/url]
[color=red]Dashboards by Keen IO[/color]
10 jQuery Gantt Chart Tools 10甘特图 [url]http://pulse2.com/r/jquery-gantt-chart/[/url]
[url]http://www.cnblogs.com/lhb25/p/responsive-dashboard-templates-bootstrap.html[/url]
[color=red]Gantt 编辑器[/color] jQueryGantt [url]http://www.oschina.net/p/jquerygantt[/url]


[color=red][b]其他：[/b][/color]
css3鼠标划过图片散开特效 [url]http://www.phplearn.cn/dshare/info_1837.html[/url]
CSS [color=red]动画图标集[/color] hamburgers [url]https://jonsuh.com/hamburgers/[/url]
[color=red]旋转插件[/color]jQueryRotate: [url]http://jqueryrotate.com/[/url], 一些中文说明: [url]http://www.css88.com/archives/4519[/url], [url]http://www.dowebok.com/72.html[/url]