数据可视化之Processing【1】
说Processing之前得先说一下数据可视化。
数据可视化--顾名思义。是关于数据之视觉表现形式的研究,将数据用其它方式表现出来,使之更直观,
更清晰,更easy分析和处理。常见的表达方式如word中使用广泛的直方图、树状图、折线图、饼状图等。
数据可视化技术的基本思想是将数据库中每个数据项作为单个图元元素表示,大量的数据集构成数据
图像。同一时候将数据的各个属性值以多维数据的形式表示,能够从不同的维度观察数据,从而对数据进行
更深入的观察和分析。
我们知道,单纯的一连串数字摆在人们眼前非常难分析其特点且easy使人感觉鼓噪。长时间分析更easy产
生视觉疲劳。为了解决这样的困扰,使用Processing对数据分析,让数据“说话”是一种非常好的选择。
Processing是一门语言,是一种工具。数据可视化的工具。
Processing是一种具有革命前瞻性的新兴计算机语言。它的概念是在电子艺术的环境下介绍程序语言。
并将电子艺术的概念介绍给程序设计师。
它是 Java 语言的延伸。并支持很多现有的 Java 语言架构,不
过在语法 (syntax) 上简易很多。并具有很多贴心及人性化的设计。
Processing 能够在 Windows、MAC
OS X、MAC OS 9 、Linux 等操作系统上使用。
Processing的特点是简单易学,入门非常easy,不须要非常强的编程经验,能够和单片机(比如 Arduino)通
信(基于串口),然后将串口获得数据进行画图,也能够绘制3D图形,实现绚丽的效果。它是由麻省理工
学院(MIT)媒体实验室 (M.I.T. Media Laboratory) 旗下美学与运算小组 (Aesthetics & Computation Group)
成员Casey Reas与Ben Fry编写,编程语言灵感来自Arduino(不知道Arduino能够看我的Blog)。和Arduino
非常相似,有图有真相:
左边这张图是Processing IDE,右边为Arduino IDE,不难发现,十分相似。
介绍一个基于Processing的小作品图:
将鼠标放在黑色区域内。立方体能够捕捉鼠标移动的动作并解析成数据然后随之移动,上图仅仅是Processing
的冰山一角,仅仅要你有创意,有idea ,就能够实现各种奇妙的效果 。
奉上代码:
/**
* Mixture
* by Simon Greenwold.
*
* Display a box with three different kinds of lights.
*/ void setup() {
size(640, 360, P3D);
noStroke();
} void draw() {
background(0);
translate(width / 2, height / 2); // Orange point light on the right
pointLight(150, 100, 0, // Color
200, -150, 0); // Position // Blue directional light from the left
directionalLight(0, 102, 255, // Color
1, 0, 0); // The x-, y-, z-axis direction // Yellow spotlight from the front
spotLight(255, 255, 109, // Color
0, 40, 200, // Position
0, -0.5, -0.5, // Direction
PI / 2, 2); // Angle, concentration rotateY(map(mouseX, 0, width, 0, PI));
rotateX(map(mouseY, 0, height, 0, PI));
box(150);
}
兴许再更。
Processing 官网 :http://processing.org/
分享一篇Processing入门指南,非常适合刚開始学习的人:http://pan.baidu.com/s/1qW17mB6
数据可视化之Processing【1】的更多相关文章
- 基于Processing的数据可视化
虽然数据可视化领域有很多成熟.界面友好.功能强大的软件产品(例如Tableau.VIDI.NodeXL等),但是借助Processing我们可以基于Java语言框架进行丰富多元的可视化编程,熟悉了Pr ...
- 动态可视化 数据可视化之魅D3,Processing,pandas数据分析,科学计算包Numpy,可视化包Matplotlib,Matlab语言可视化的工作,Matlab没有指针和引用是个大问题
动态可视化 数据可视化之魅D3,Processing,pandas数据分析,科学计算包Numpy,可视化包Matplotlib,Matlab语言可视化的工作,Matlab没有指针和引用是个大问题 D3 ...
- 数据可视化的优秀入门书籍有哪些,D3.js 学习资源汇总
习·D3.js 学习资源汇总 除了D3.js自身以外,许多可视化工具包都是基于D3开发的,所以对D3的学习就显得很重要了,当然如果已经有了Javascript的经验,学起来也会不费力些. Github ...
- 数据可视化之 tick_params( 参数 )
参考:https://blog.csdn.net/helunqu2017/article/details/78736554/ 初学数据可视化,遇到了tick_params() 里面传参数问题,找了一些 ...
- 4款开源免费的数据可视化JavaScript库
概述:交互式数据可视化在很大程度上取决于JavaScript库的任务能力.在这篇文章中,我们将看看四个JavaScript库:D3,InfoVis,Processing.js,和Recline.js. ...
- 超级干货 :一文读懂数据可视化 ZT
前言 数据可视化,是指将相对晦涩的的数据通过可视的.交互的方式进行展示,从而形象.直观地表达数据蕴含的信息和规律. 早期的数据可视化作为咨询机构.金融企业的专业工具,其应用领域较为单一,应用形态较为保 ...
- PoPo数据可视化周刊第3期 - 台风可视化
9月台风席卷全球,本刊特别选取台风最佳可视化案例,数据可视化应用功力最深厚者,当属纽约时报,而传播效果最佳的是The Weather Channel关于Florence的视频预报,运用了数据可视化.可 ...
- 用Python的Plotly画出炫酷的数据可视化(含各类图介绍,附代码)
前言 本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. 作者: 我被狗咬了 在谈及数据可视化的时候,我们通常都会使用到matplo ...
- Webstorm+Webpack+echarts构建个性化定制的数据可视化图表&&两个echarts详细教程(柱状图,南丁格尔图)
Webstorm+Webpack+echarts ECharts 特性介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(I ...
随机推荐
- xmllint命令
xmllint是一个很方便的处理及验证xml的工具,linux下只要安装libxml2就可以使用这个命令,下面整理一些常用功能 1. --format 此参数用于格式化xml,使其具有良好的可读性. ...
- java中的hachcode方法
哈希表这个数据结构想必大多数人都不陌生,而且在很多地方都会利用到hash表来提高查找效率.在Java的Object类中有一个方法: public native int hashCode(); 根据这个 ...
- 2015 Multi-University Training Contest 6 hdu 5361 In Touch
In Touch Time Limit: 8000/4000 MS (Java/Others) Memory Limit: 131072/131072 K (Java/Others)Total ...
- POJ 1430
上面的估计是题解吧....呃,如果真要用到公式的话,确实没听过.... #include <iostream> #include <cstdio> #include <a ...
- Cocos2d-x 3.0多线程异步资源载入
Cocos2d-x从2.x版本号到上周刚刚才公布的Cocos2d-x 3.0 Final版,其引擎驱动核心依然是一个单线程的"死循环".一旦某一帧遇到了"大活儿" ...
- oracle实现自增id
--oracle实现自增id --创建一张T_StudentInfo表 create table T_StudentInfo ( "id" integer not null pri ...
- Codeforce 163 A. Substring and Subsequence DP
A. Substring and Subsequence One day Polycarpus got hold of two non-empty strings s and t, consist ...
- [雅礼NOIP2018集训] day6
打满暴力好像是一种挑战,已经连续几天考试最后一个小时自闭了,因为自以为打完了暴力,然而,结果往往差强人意 大概是考试的策略有些问题 T1: 我们设$g[x]$为在x时取小于等于m个物品的最大价值,下面 ...
- LCD中如何描绘点阵数据
下载软件“液晶汉字点阵zimo21” 描绘数据 打开软件后,新建图像-取模方式选择C51(A51和C51区别就是,A-F开头要加0,例如0x0AF)-模拟动画中放大格点-描绘图像-点阵生成区 对获得数 ...
- layui层级
zIndex:layer.zIndex, success : function(layero){ var zIndex = layer.index; $(layero).css(‘z-index’,z ...