Finally, make up my mind to learn d3 with focus. I decide to learn the example on d3’s gallery line-by-line. This should not be a hard way as the title of this post because:

• Most example written by author.
• the API doc is perfect. Yes, perfect.
• You can choose the your favourite effect to dive in, never lose interest.

Javascript Basic

If you do not have any javascript experience, try to take some. As I always recommend, the javascript course in Codeschool. If you have time, take the Try jQuery course also.

Also, we might want to try write some js but I hate write in a file and refresh the browser to see whether I make it correctly. If it’s the case to you, then you can try JSFiddle. you can type js and run to see output all in browser. What’s more, JSFiddle provide most popular js library (such as D3 and Processing.js) so you don’t need to care about this when you are prototyping.

OK, we are ready to go!

Collision

Read More / 继续阅读

Many friends ask me to recommend a list for learning Visualization techniques. As I promised, it’s out now!

Best places to learn

d3.js

“D3” is short for data driven document. With d3, you can manipulate DOM with changing data and user input easily. But if you are not familiar with javascript, the learning curve would be a little steep.

• Highly recommend examples from Mike, author of d3
• And there is a crazy blog post collect 1,000 d3 example.

OpenProcessing And Processing.js

Processing user like to show off their work on OpenProcessing! Because it’s open, you can learn other’s algorithm and find out techniques to create nice effect but using the ordinary function.

Read More / 继续阅读

《大逆转》策略分析

很久前看到过这个桌游的宣传教程，觉得很有意思，于是买回来了和GF玩，玩了大概10局，发现这个游戏的变化真的挺大的。几局下来诞生了三回合速推的一箭穿心打法，从头压制到尾的压迫式打法，另外还有两次激动人心的逆转翻盘节奏。决定写一下心得。

桌游视频教程

官方教程

手牌的运营

由于手牌一直只能保持4张，所以要留和弃哪些牌，要根据游戏的发展来定。先说说功能牌。

功能牌

• 禁手：保留优先级很高的手牌，因为功能牌的作用很大，不可思议的逆转经常是通过一张交换牌开始引起的连锁反应。禁手能够打乱对手的部署。

  Read More / 继续阅读

我所理解的时间管理可以分为两部分：

• 规划时间（决定哪段时间做什么）
• 利用时间（高效地利用当前时间段）

使用日程表和Todo笔记（规划）

• 每天早上，花10分钟计划自己的一天
• 晚上离家之前，管理未完成的任务
• 将非工作的内容也纳入笔记进行管理
• 假如经常有突然插入的干扰任务，就为他们预分配一些时间
• 没做完的，一定要移入明天的Todo 大脑只做运算，不做存储。（利用）

充分利用大脑

• 把需要记住的东西从大脑中挪走，用别的自己信任的系统记下来（Evernote） 选择合适的多任务（规划）

充分利用多任务

• 要意识到哪些任务是多任务，哪些不是
• 属于多任务的好工作是：要马上做，但可以等的任务。（下载超大文件，备份，编译等等）
• 切换任务的时候，花一点时间记录你做到哪里了。这样返回到这个任务比较容易。

  Read More / 继续阅读

今天突然想写一个小游戏，按捺不住就做了个Processing的版本。

游戏规则：两个或以上相连的同色棋子，点击后可以消去，增加消去棋子个数平方的分数。尽可能获取最高分数。

各路大神来贴分吧!

Read More / 继续阅读

今天看到一个非常性感的作品，按捺不住就做了个Processing的版本。所以抱歉了，这个漫游系列硬生生地把它插入。
继续阅读查看效果吧，按S保存截图，R清空屏幕重新绘图。

Read More / 继续阅读

感谢老大给机会我去体验当面试官，虽然没给我多少心理准备，虽然我当时还在training……

看了看时间，每人40分钟。趁面试开始前翻了一下feedback的Check list，看看有哪些需要考察的。总归是三大项，专业技能，研究领域，个人性格。于是根据这几项分配时间。目前觉得如下分布比较合理。

开始阶段

自我介绍。建议让讲点简历上没有的东西，可以看出应变的能力，能传达出一种淡定干练的感觉就非常好了。1分钟
简单的交谈，问一些开放性问题。平时会看什么书？上什么网站啊，等等。（我今天在这样问的时候，HR姐姐过来在我耳边说，我们一二面主要考察代码能力。囧。好吧我争取干到以后能随便问开放性问题）1分钟

Read More / 继续阅读

这是一份processing写就的树形可视化，大家可以猜猜需要用多少代码。有经验的朋友应该能看出来核心代码不会很多，大概40行。出处在这里。为了能在用js打开以及流畅的用户体验，我修改了里面代码的一些地方。我觉得这份代码有些奇妙的地方，所以学习了一下。

Read More / 继续阅读