Awesome
简体中文 | English
Wechart by Cax
Cax 和 three.js 创造一切图[表]
<a title="Transformers" href="https://dntzhang.github.io/wechart/packages/word-penetrating/examples/simple/" rel="nofollow"><img alt="Transformers" src="./asset/transformers.jpg" style="max-width:100%;"></a>
<table> <thead> <tr> <th align="center"></th> <th align="center"></th> <th align="center"></th> </tr> </thead> <tbody> <tr> <td align="center"> <img alt="weapp-line" src="./asset/c41.png" style="max-width:100%;"><br> <a href="https://github.com/dntzhang/wechart/tree/master/packages/weapp-line">Weapp Line Chart</a> by <a href="https://github.com/dntzhang">dntzhang</a> </td> <td align="center"><a title="Skatch" href="https://dntzhang.github.io/wechart/packages/force-directed-graph/examples/simple/" rel="nofollow"><img alt="Skatch" src="./asset/c42.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/tree/master/packages/force-directed-graph">Force Directed Graph</a> by <a href="https://github.com/dwqdaiwenqi">dwqdaiwenqi</a></td> <td align="center">Coming</td> </tr> <tr> <td align="center"> <a title="Dragonbones" href="https://dntzhang.github.io/wechart/packages/cax-dragonbones/examples/simple/index.html" rel="nofollow"><img alt="Dragonbones" src="./asset/c94.jpg" style="max-width:100%;"></a><br> <a href="https://github.com/dntzhang/wechart/tree/master/packages/cax-dragonbones">Cax + Dragonbones</a> by <a href="https://github.com/06wj">06wj</a> & dntzhang</a> </td> <td align="center"><a title="Skatch" href="https://dntzhang.github.io/wechart/packages/skatch/examples/simple/" rel="nofollow"><img alt="Skatch" src="./asset/c96.jpg" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/skatch/">Skatch</a> by dntzhang</td> <td align="center"><a title="Map3d" href="https://dntzhang.github.io/wechart/packages/map3d/examples/Map3d/" rel="nofollow"><img alt="Map3d" src="./asset/c37.jpg" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/map3d/">Map3d</a> by <a href="https://github.com/TwistFateCarry">TwistFateCarry</a></td> </tr> <tr> <td align="center"> <a title="Music" href="https://dntzhang.github.io/wechart/packages/music-visualization/examples/frequency2/index.html" rel="nofollow"><img alt="Music" src="./asset/c38.jpg" style="max-width:100%;"></a><br> <a href="https://github.com/dntzhang/wechart/tree/master/packages/music-visualization/examples/">Music3d</a> by <a href="https://github.com/dwqdaiwenqi">dwqdaiwenqi</a> </td> <td align="center"> <a title="Music" href="https://dntzhang.github.io/wechart/packages/music-visualization/examples/frequency1/index.html" rel="nofollow"><img alt="Music" src="./asset/c39.jpg" style="max-width:100%;"></a><br> <a href="https://github.com/dntzhang/wechart/tree/master/packages/music-visualization/examples/">Music</a> by <a href="https://github.com/dwqdaiwenqi">dwqdaiwenqi</a> </td> <td align="center"><a title="Texture Mapping" href="https://dntzhang.github.io/wechart/packages/texture-mapping/examples/map/" rel="nofollow"><img alt="Texture Mapping" src="./asset/c40.jpg" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/texture-mapping/">Texture Mapping</a> by dntzhang</td> </tr> <tr> <td align="center"> <a title="Music" href="https://dntzhang.github.io/wechart/packages/music-visualization/examples/timedomain1/index.html" rel="nofollow"><img alt="Music" src="./asset/c95.png" style="max-width:100%;"></a><br> <a href="https://github.com/dntzhang/wechart/tree/master/packages/music-visualization/examples/timedomain1">Music</a> by <a href="https://github.com/dwqdaiwenqi">dwqdaiwenqi</a> </td> <td align="center"><a title="Earth" href="https://dntzhang.github.io/wechart/packages/earth/examples/simple/" rel="nofollow"><img alt="Earth" src="./asset/c9.png" style="max-width:100%;"></a> <br> <a href="https://github.com/dntzhang/wechart/blob/master/packages/earth/">Earth</a> by <a href="https://github.com/vorshen">vorshen</a></td> <td align="center"><a title="Magic Cube" href="https://dntzhang.github.io/wechart/packages/magic-cube/examples/simple/" rel="nofollow"><img alt="Magic Cube" src="./asset/c31.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/magic-cube/">Magic Cube</a> by <a href="https://github.com/a876691666">a876691666</a></td> </tr> <tr> <td align="center"><a title="Word Penetrating" href="https://dntzhang.github.io/wechart/packages/word-penetrating/examples/simple/" rel="nofollow"><img alt="Word Penetrating" src="./asset/c97.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/word-penetrating/examples/simple/">Word Penetrating</a> by dntzhang</td> <td align="center"><a title="Astar" href="https://dntzhang.github.io/wechart/packages/astar/" rel="nofollow"><img alt="Astar" src="./asset/c98.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/astar">Astar</a> by dntzhang</td> <td align="center"><a title="Filter" href="https://dntzhang.github.io/wechart/packages/filter/examples/simple/" rel="nofollow"><img alt="Filter" src="./asset/c99.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/filter/examples/simple/main.js">Filter</a> by dntzhang</td> </tr> <tr> <td align="center"><a title="Functions" href="https://dntzhang.github.io/wechart/packages/functions/examples/simple/" rel="nofollow"><img alt="Functions" src="./asset/c36.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/functions">Functions</a> by dntzhang</td> <td align="center"><a title="Racing" href="https://dntzhang.github.io/wechart/packages/path/examples/racing/" rel="nofollow"><img alt="Racing" src="./asset/c33.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/path/examples/racing/">Racing</a> by dntzhang</td> <td align="center"><a title="Mandelbrot Set" href="https://dntzhang.github.io/wechart/packages/mandelbrot-set/examples/simple/" rel="nofollow"><img alt="Mandelbrot Set" src="./asset/c29.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/mandelbrot-set/">Mandelbrot Set</a> by dntzhang</td> </tr> <tr> <td align="center"><a title="Avatar" href="https://dntzhang.github.io/wechart/packages/avatar/examples/simple/" rel="nofollow"><img alt="Avatar" src="./asset/c24.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/avatar/">Source</a> by dntzhang</td> <td align="center"><a title="Loading" href="https://dntzhang.github.io/wechart/packages/loading/examples/simple/" rel="nofollow"><img alt="Loading" src="./asset/c23.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/loading/">Loading</a> by dntzhang</td> <td align="center"><a title="Countdown" href="https://dntzhang.github.io/wechart/packages/countdown/examples/simple/" rel="nofollow"><img alt="Countdown" src="./asset/c22.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/countdown/">Countdown</a> by dntzhang</td> </tr> <tr> <td align="center"><a title="Particle Countdown" href="https://dntzhang.github.io/wechart/packages/countdown/examples/particle/" rel="nofollow"><img alt="Countdown" src="./asset/c30.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/countdown/examples/particle/">Particle Countdown</a> by dntzhang</td> <td align="center"><a title="Map3d" href="https://dntzhang.github.io/wechart/packages/map3d/examples/simple/" rel="nofollow"><img alt="Map3d" src="./asset/c14.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/map3d/">Map3d</a> by dntzhang</td> <td align="center"><a title="WordCloud" href="https://dntzhang.github.io/wechart/packages/word-cloud/examples/simple/" rel="nofollow"><img alt="WordCloud" src="./asset/c25.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/word-cloud/">WordCloud</a> by dntzhang</td> </tr> <tr> <td align="center"><a title="WordSphere" href="https://dntzhang.github.io/wechart/packages/word-sphere/examples/simple/" rel="nofollow"><img alt="WordSphere" src="./asset/c21.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/word-sphere/">WordSphere</a> by dntzhang</td> <td align="center"><a title="Clock" href="https://dntzhang.github.io/wechart/packages/clock/examples/simple/" rel="nofollow"><img alt="Clock" src="./asset/c20.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/clock/">Clock</a> by dntzhang</td> <td align="center"><a title="Excel" href="https://dntzhang.github.io/wechart/packages/excel/examples/simple/" rel="nofollow"><img alt="Excel" src="./asset/c18.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/excel/">Excel</a> by dntzhang</td> </tr> <tr> <td align="center"><a title="Pie" href="https://dntzhang.github.io/wechart/packages/pie/examples/simple/" rel="nofollow"><img alt="Pie" src="./asset/c1.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/pie/">Pie</a> by dntzhang</td> <td align="center"><a title="Bar" href="https://dntzhang.github.io/wechart/packages/bar/examples/simple/" rel="nofollow"><img alt="Bar" src="./asset/c7.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/bar/">Bar</a> by dntzhang</td> <td align="center"><a title="Bar" href="https://dntzhang.github.io/wechart/packages/bar/examples/horizontal/" rel="nofollow"><img alt="Bar" src="./asset/c35.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/bar/">Bar</a> by dntzhang</td> </tr> <tr> <td align="center"><a title="Cylinder" href="https://dntzhang.github.io/wechart/packages/cylinder/examples/simple/" rel="nofollow"><img alt="Cylinder" src="./asset/c3.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/cylinder/">Cylinder</a> by dntzhang</td> <td align="center"><a title="Line" href="https://dntzhang.github.io/wechart/packages/line/examples/simple/" rel="nofollow"><img alt="Line" src="./asset/c8.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/line/">Line</a> by dntzhang</td> <td align="center"><a title="Graph" href="https://dntzhang.github.io/wechart/packages/graph/examples/simple/" rel="nofollow"><img alt="Graph" src="./asset/c4.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/graph/">Graph</a> by dntzhang</td> </tr> <tr> <td align="center"><a title="Map" href="https://dntzhang.github.io/wechart/packages/map/examples/simple/" rel="nofollow"><img alt="Map" src="./asset/c11.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/map/">Map</a> by dntzhang</td> <td align="center"><a title="Radar" href="https://dntzhang.github.io/wechart/packages/radar/examples/simple/" rel="nofollow"><img alt="Radar" src="./asset/c5.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/radar/">Radar</a> by dntzhang</td> <td align="center"><a title="Tiger" href="https://dntzhang.github.io/wechart/packages/map/examples/tiger/" rel="nofollow"><img alt="Tiger" src="./asset/c12.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/map/examples/tiger/">Tiger</a> by dntzhang</td> </tr> <tr> <td align="center"><a title="Draw" href="https://dntzhang.github.io/wechart/packages/path/examples/man/" rel="nofollow"><img alt="Draw" src="./asset/c34.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/path/examples/man/">Draw</a> by dntzhang</td> <td align="center"><a title="Pyramid3d" href="https://dntzhang.github.io/wechart/packages/pyramid3d/examples/simple/" rel="nofollow"><img alt="Pyramid3d" src="./asset/c6.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/pyramid3d/">Pyramid3d</a> by dntzhang</td> <td align="center"><a title="Bar3d" href="https://dntzhang.github.io/wechart/packages/bar3d/examples/simple/" rel="nofollow"><img alt="Bar3d" src="./asset/c28.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/bar3d/">Bar3d</a> by dntzhang</td> </tr> <tr> <td align="center"><a title="Pie3d" href="https://dntzhang.github.io/wechart/packages/pie3d/examples/simple/" rel="nofollow"><img alt="Pie3d" src="./asset/c13.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/pie3d/">Pie3d</a> by dntzhang</td> <td align="center"><a title="Texture Mapping" href="https://dntzhang.github.io/wechart/packages/texture-mapping/examples/simple/" rel="nofollow"><img alt="Texture Mapping" src="./asset/c27.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/texture-mapping/">Texture Mapping</a> by dntzhang</td> <td align="center"><a title="Heatmap" href="https://dntzhang.github.io/wechart/packages/heatmap/examples/simple/" rel="nofollow"><img alt="Heatmap" src="./asset/c32.png" style="max-width:100%;"></a><br><a href="https://github.com/dntzhang/wechart/blob/master/packages/heatmap/">Heatmap</a> by dntzhang</td> </tr> </tbody></table>怎么贡献图[表]？
- 在 packages 以图表的名字新建一个文件夹，比如 chart-name
- 组件的例子放在 examples 目录，比如 simple，组件 Group 源码放在 src 目录
- 执行
npm install安装依赖 - 执行
npm run build chart-name simple进行构建
当然也支持 npm run build chart-name 简写默认自动去找 simple 目录。
build 命令会自动打开浏览器中对应目录的 html (如果3000端口没占用，占用的话会递增):
http://localhost:3000/chart-name/examples/simple/index.html
修改目录下的文件会自动刷新网页。
Cax DEMO
- Web DEMO & → Source Code
谁在使用？
微信交流群【2】
License
MIT @腾讯微信支付 @Wechart团队 @腾讯AlloyTeam