使用Javascript D3创建属于你的涂鸦作品
2014-06-29 23:16
232 查看
Matplotlib可以用来创建很漂亮精确的数学图形:
![](http://cool.techbrood.com/uploads/fiddles/12/mpl_style.png)
但是有时候在进行想法交流的时候,不想那么严谨正式,想使用那种轻松的、涂鸦风格的图形:
![](http://cool.techbrood.com/uploads/fiddles/12/xkcd_style.png)
MATLAB XKCDify项目可以用来生成上述的涂鸦作品: https://github.com/slayton/matlab-xkcdify
不过本文将介绍使用Javascript D3库来在线生成你自己的涂鸦作品,这个比安装Matlab要方便得多,
网页界面如下所示,填写你想表达的方程式,涂鸦标题,X/Y轴参数和标签,你还可以通过jQuery UI Slider控制来调整图形涂鸦度。
![](http://cool.techbrood.com/uploads/fiddles/12/your_xkcd.png)
演示地址如下:创建你自己的涂鸦数学图形
by iefreer
![](http://cool.techbrood.com/uploads/fiddles/12/mpl_style.png)
但是有时候在进行想法交流的时候,不想那么严谨正式,想使用那种轻松的、涂鸦风格的图形:
![](http://cool.techbrood.com/uploads/fiddles/12/xkcd_style.png)
MATLAB XKCDify项目可以用来生成上述的涂鸦作品: https://github.com/slayton/matlab-xkcdify
不过本文将介绍使用Javascript D3库来在线生成你自己的涂鸦作品,这个比安装Matlab要方便得多,
网页界面如下所示,填写你想表达的方程式,涂鸦标题,X/Y轴参数和标签,你还可以通过jQuery UI Slider控制来调整图形涂鸦度。
![](http://cool.techbrood.com/uploads/fiddles/12/your_xkcd.png)
演示地址如下:创建你自己的涂鸦数学图形
by iefreer
相关文章推荐
- 使用Javascript D3创建属于你的涂鸦作品
- (转)使用JavaScript和DOM动态创建表格
- 在 csdn 上创建个人的日记系统(在blog中使用 javascript)(4.2 日修订)
- JavaScript使用面向对象的技术创建高级 Web 应用程序
- 使用javascript创建快捷方式
- 使用Javascript创建遮罩层并模拟Alert、Confirm对话框
- 使用 JavaScript 创建 FrontPage 下拉菜单
- 使用Javascript创建XML文件
- HTML中使用JavaScript创建TR和TD
- Javascript访问Cookie的四个基本方法无论是在创建页面还是构建对象都会使用到,单独拿出来备用:
- JavaScript使用面向对象的技术创建高级 Web 应用程序(转)
- 使用JavaScript创建智能表单
- [转载MSDN]JavaScript使用面向对象的技术创建高级 Web 应用程序
- 使用JavaScript和DOM动态创建表格
- 使用SandCastle和ScriptDoc创建JavaScript文档
- 使用 JavaScript 创建 FrontPage 下拉菜单
- 使用 JavaScript 创建 FrontPage 下拉菜单
- 使用 JavaScript 创建 FrontPage 下拉菜单
- JavaScript使用面向对象的技术创建高级 Web 应用程序
- JavaScript使用面向对象的技术创建高级 Web 应用程序