使用Javascript D3创建属于你的涂鸦作品

Posted jzdwajue

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用Javascript D3创建属于你的涂鸦作品相关的知识,希望对你有一定的参考价值。

Matplotlib能够用来创建非常美丽精确的数学图形:

技术分享

可是有时候在进行想法交流的时候。不想那么严谨正式,想使用那种轻松的、涂鸦风格的图形:

技术分享

MATLAB XKCDify项目能够用来生成上述的涂鸦作品:

https://github.com/slayton/matlab-xkcdify


只是本文将介绍使用javascript D3库来在线生成你自己的涂鸦作品。这个比安装Matlab要方便得多,

网页界面例如以下所看到的。填写你想表达的方程式,涂鸦标题,X/Y轴參数和标签。你还能够通过jQuery UI Slider控制来调整图形涂鸦度。

技术分享

演示地址例如以下:创建你自己的涂鸦数学图形


by iefreer







以上是关于使用Javascript D3创建属于你的涂鸦作品的主要内容,如果未能解决你的问题,请参考以下文章

涂鸦画板的操作指南

Webcanvas——在线涂鸦网

D3.js系列——

在 UIView 上涂鸦 - ios 开发

在Javascript中为d3.js创建来自URL的多字节JSON

带有序数轴和 json 数据的 JavaScript d3 折线图