简体中文 | English

Wechart by Cax

Cax 和 three.js 创造一切图[表]

Weapp Line Chart by dntzhang	Force Directed Graph by dwqdaiwenqi	Coming
Cax + Dragonbones by 06wj & dntzhang	Skatch by dntzhang	Map3d by TwistFateCarry
Music3d by dwqdaiwenqi	Music by dwqdaiwenqi	Texture Mapping by dntzhang
Music by dwqdaiwenqi	Earth by vorshen	Magic Cube by a876691666
Word Penetrating by dntzhang	Astar by dntzhang	Filter by dntzhang
Functions by dntzhang	Racing by dntzhang	Mandelbrot Set by dntzhang
Source by dntzhang	Loading by dntzhang	Countdown by dntzhang
Particle Countdown by dntzhang	Map3d by dntzhang	WordCloud by dntzhang
WordSphere by dntzhang	Clock by dntzhang	Excel by dntzhang
Pie by dntzhang	Bar by dntzhang	Bar by dntzhang
Cylinder by dntzhang	Line by dntzhang	Graph by dntzhang
Map by dntzhang	Radar by dntzhang	Tiger by dntzhang
Draw by dntzhang	Pyramid3d by dntzhang	Bar3d by dntzhang
Pie3d by dntzhang	Texture Mapping by dntzhang	Heatmap by dntzhang

怎么贡献图[表]？

• 在 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
  • Simple
  • Animation
  • Clip
  • Clip Transform
  • Clip Transition
  • To2To Animate
  • Swing
  • Cax + Matter
  • To + Shape
  • Vision
  • Cache
  • Graphics
  • Composite Operation

谁在使用？

微信交流群【2】

License

MIT @腾讯微信支付 @Wechart团队 @腾讯AlloyTeam