跳至主要内容

利用Rhino+GH+AI的数据可视化表现

原文来自韩世麟博客，表示感谢，感谢作者可可

使用软件：Rhinoceros, Grasshopper, Illustrator
编者按：可可这次又带来神级教程，可以说完美的解决了一大类图解的绘制思路问题。我经常被问到类似文中的数据可视化图解“是怎么画的”这类问题，无奈对于数据处理方面，我知之甚少。相信今天的这一篇文章能够为大家解惑。
作者简介
张可天
张可天是2015年毕业于天津大学的建筑学硕士。目前就职于天津市设计院。他专长建筑方案设计及表现，基本功扎实，而且他也一直乐于分享他总结到的技巧，曾经在人人网上接连发表过多篇图文教程：《可可这样画》系列。同时他也是专筑网《SketchUp极速出图八讲》的主讲人。

这是一篇我在知乎的回答（点击这里查看张可天的知乎答案），题主提出的参考原图如下，希望能够得知这张图的画法。
我尝试用Rhino+Grasshopper画图并导入AI修饰，步骤如下：
1.取得数据
样例中的图应该是有数据来源的，可能是作者调研或文献摘录的。我并没有这些数据，所以我把原图中的数据大概加估计地逆向回来。数据的存在形式有很多种，我使用了比较常见的一种，将数据放在一张EXCEL表格的两个SHEET中，如下图。

Sheet1是一张映射关系图，是样例图中从右上方到左下方的那些个映射曲线数据。excel中，横轴是“人口分布(Population Distribution)”中的各类人，纵轴是“元素时间表(Element Timeline)”中的那些“元素(Element)”，“0”代表着没有映射关系，“1”代表著有映射关系。

Sheet2是一张时间数据图，是样例图中右下的那张大表格的数据。excel中，横轴是样例图的“时间点”，纵轴是“元素(Element)”，其中的数据根据原图中的意思，应该是某个“元素(Element)”在“工作日/休息日（Workday/Weekend）”时，特定的“时间点”上所接待或容纳的人数。我并没有看出来样例图中该数据的单位，所以我臆测了一下。我以垂直方向一格代表“10人”为单位，读取了这些数据，得到上表。
2.导入Rhino
我使用Grasshopper中的Bumble Bee将Excel数据导进来，这个插件是我能够找到的导入Excel表格效率最高的一个插件了，并且好处是他可以导入一个文件中的不同的SHEET，非常方便。下图中的Panel中，你可以看到，Excel数据被完整的导入进来了~
3.建立第一部分——映射曲线
先不要急着建立曲线，我们需要先知道这些曲线画在哪里。我先在Rhino的顶视图（Top View）中，模拟样例图中的位置，建立了各个曲线的起点和终点位置，并将它们拾取到GH中。务必注意拾取的顺序，防止出错。如下图：
之后我用了一些数据变换来让映射数据转换为点和点的对应数据，并把它们用Besier Span运算器连接起来。特别需要注意的是，使用大小相同的X向量作为Besier Span运算器中各映射点间的连接线的切向向量容易造成曲线区分度太低，所以使用了下图中橘色虚线部分的做法，按照连接线两侧映射点的高低位置不同，赋予不同的X向量大小，增加了曲线的区分度。（我发现原图应该是手动绘制的，即使按照我这样区分依然很难辨识曲线关系。。。水平有限请谅解）
结果是这样的：（-_-!!!）
4.建立第二部分——时间表
下面我处理了时间表数据，我首先将下图中橘色虚线框中的点沿X轴复制，得到了每行24个用于对应时间数据的点。然后我把Excel导入的数据做了一系列的数据变换先将数据分好组，然后将他们的值依次赋给上述相应位置上的点的Y坐标值，这些点就有高低变化了。需要特别注意的，我反复观察了样例图，发现原图为了让时间表中的曲线看起来不会太细，时间表数据中没有“0”这么小的数据（防止时间表中的线过细），因此我将最小的数据控制在0.5。这些点的结果如下图：
接下来我把他们连了起来，我尝试了几种连接方法，最后选择Blend Curve运算器，这样绘出的曲线，数据比较准确，图形连接也比较平滑。如下图：
5.建立第三部分——元素工作日/休息日图例
这一部分相对容易了，点的位置我已经画好了，只需要用合适的运算器将他们分好组连接起来就可以了~~
6.烘焙曲线并导出到AI中
把曲线分好组烘焙出来，我还顺手画上了时间表的网格，省着到AI里画了~
我是在rhino里分别导出成ai文件，然后到ai里粘贴到一个文件的~~就酱~
然后先把时间表的网格改一改
我先把周围这些零碎东西画上了，一个是可以把构图确定下来，二一个可以把画好的图例元素当做图形样式直接应用到其他曲线上，提高效率。如下图：
剩下的就是慢慢画，调整线型、填充、透明度等等步骤了。良好的图层、组、图形样式、色板的设置会帮你提高不少绘图效率的~最后，我调整了一下构图以及左下部分曲线的构型，让他们不会过粗或者过细。
人物图标懒得搞了，最终效果就酱：

跟原图比还是有很多不足的，需要慢慢调整修正~~希望能帮到大家。
源文件贴上来，点击这里下载 密码：vsts
张可天
2015.12.08
标签：

Popular posts from 产品随想的博客

Interview with Steve Jobs, WGBH, 1990

Interviewer: what is it about this machine? Why is this machine so interesting? Why has it been so influential? Jobs: Ah ahm, I'll give you my point of view on it. I remember reading a magazine article a long time ago ah when I was ah twelve years ago maybe, in I think it was Scientific American . I'm not sure. And the article ahm proposed to measure the efficiency of locomotion for ah lots of species on planet earth to see which species was the most efficient at getting from point A to point B. Ah and they measured the kilocalories that each one expended. So ah they ranked them all and I remember that ahm...ah the Condor, Condor was the most efficient at [CLEARS THROAT] getting from point A to point B. And humankind, the crown of creation came in with a rather unimpressive showing about a third of the way down...
阅读全文

《逢いたくていま》──仁医主题曲

原始链接： 听歌学日语 | 唱哭很多人的《逢いたくていま》 あ いたくていま - MISIA 现在好想见你- MISIA 初 はじ めて 出会 であ った 日 ひ のこと  覚 おぼ えてますか 第一次相遇的那天 你是不是还记得呢?   過 す ぎ 行 ゆ く 日 ひ の 思 おも い 出 で を  忘 わす れずにいて 那些过去日子的回忆 我一直没有有忘记   あなたが 見 み つめた  全 すべ てを  感 かん じていたくて 凝视着你 这一切的全部 我都想要感觉   空 そら を 見上 みあ げた 抬头仰望天空   今 いま はそこで  私 わたし を  見守 みまも っているの? 你到现在是否还在那里守护着我？   教 おし えて… 请你告诉我 今 いま   逢 あ いたいあなたに 现在好想见你 伝 つた えたい 事 こと がたくさんある 有好多想要告訴你的事情   ねえ  逢 あ いたい  逢 あ いたい 呐 好想见你 好想见你   気 き づけば  面影 おもかげ   探 さが して  悲 かな しくて 如果能注意到的话 你的面容 是在寻找着 还是悲伤着 どこにいるの?  抱 だ きしめてよ 到底在哪里呢? 好想抱紧你 私 わたし はここにいるよ ずっと 我 会一直在这里 一直等你 もう 二度 にど と 逢 あ えないことを  知 し っていたなら 如果能早点知道 已经再也无法相见   繋 つな いだ 手 て をいつまでも  離 はな さずにいた 我会牵在一起的手 永远都不会放开   『ここにいて』と そう 素直 すなお に  泣 な いていたなら 如果当初诚实哭泣地告诉你『留在我身边』的话   今 いま もあなたは  変 か わらぬまま 现在的你是否也依然不变地   私 わたし の 隣 とな りで ...
阅读全文

Bob Dylan – Facts. NobelPrize.org

  When I first received this Nobel Prize for Literature, I got to wondering exactly how my songs related to literature. I wanted to reflect on it and see where the connection was. I’m going to try to articulate that to you. And most likely it will go in a roundabout way, but I hope what I say will be worthwhile and purposeful. If I was to go back to the dawning of it all, I guess I’d have to start with Buddy Holly. Buddy died when I was about eighteen and he was twenty-two. From the moment I first heard him, I felt akin. I felt related, like he was an older brother. I even thought I resembled him. Buddy played the music that I loved – the music I grew up on: country western, rock ‘n’ roll, and rhythm and blues. Three separate strands of music that he intertwined and infused into one genre. One brand. And Buddy wrote songs – songs that had beautiful melodies and imaginative verses. And he sang great – sang in more than a few voices. He was the archetype. Everything I w...
阅读全文

产品随想 | 周刊 第101期：木叶飞舞之处，火亦生生不息

How to Install Fonts on Linux: A Comprehensive Guide   https://linuxiac.com/how-to-install-fonts-on-linux/ 在伊丽莎白一世的时代的英国，如果人们想要盗版剧本，就会派一个速写很快的人去看剧，那个人就会偷偷用速写把剧中所有的台词都记录下来。然后根据这些台词，几个看过这部戏剧会一起把这部戏剧中发生的一切都誊写下来。这种盗版剧本是很多戏剧现今存下来的唯一记录。 看到一个大爷总结普通人的一生：盛世之牛马，乱世之炮灰。 在现代晚期之前，总人口有九成以上都是农民，日出而作、胼手胝足。他们生产出来的多余食粮养活了一小撮的精英分子：国王、官员、战士、牧师、艺术家和思想家，但历史写的几乎全是这些人的故事。于是，历史只告诉了我们极少数的人在做些什么，而其他绝大多数人的生活就是不停挑水耕田。 模拟时代的黑胶与磁带   https://sspai.com/post/81162 黑胶与磁带来承载声音，手机照片来承载画面，视频来承载动态影像 一家店需要怎样的 BGM   https://mp.weixin.qq.com/s/F_CluKDRSswDeSMIxKWRFA 我们喜爱音乐，是因为音乐里，能体现出心意 ONE REVOLUTION PER MINUTE - a short film by Erik Wernquist   https://www.youtube.com/watch?v=iiPmgW21rwY 他有人生最可宝贵的一个德性：一种永久新鲜的好奇心，不会给时间冲淡而是与日俱增的。他没有相当的才具来利用这天赋，但多少有才具的人会羡慕他这种天赋！大半的人在二十岁或三十岁上就死了：一过这个年龄，他们只变了自己的影子；以后的生命不过是用来模仿自己，把以前真正有人味儿的时代所说的，所做的，所想的，所喜欢的，一天天的重复，而且重复的方式越来越机械，越来越脱腔走板。 ——《约翰.克里斯多朵夫》 【张一鸣】：《活法》、《少有人做的路》、《高效人士的七个习惯》、《基础生物学》对我影响比较大。 Consumer Electronics Hall of Fame   https://spectrum.ieee.org/special-reports/...
阅读全文

SU小技巧——秒出90°轴测图

 原文首发于角落工作室公众号，转载于 建筑学院 ，在此表示感谢 轴测图在分析图的使用中非常有用，尤其是90°的轴测图，可以和旋转过的平面图完美契合，非常适合用于分析图的制作。 那么如何设置才能导出90°的轴测图呢？ 先来看看最终效果图 我们都知道SU中可以通过设置“相机”—“平行投影”来取消透视，但是无法设置轴测角度，通过下面教程的设置，可以交给大家如何设置90°轴测图。 模型原图， ↑画一个正方形 ↑把这个正方形做成群组 ↑旋转45°，在平面模式 ↑然后给这个正方形一个厚度，厚度多少随意。 ↑然后以侧面的下脚点为轴，向上旋转45°。听起来很复杂，看图很明白 然后在“相机”里选“平行投影” ↑进入我们制作的长方体里，右键单击最上面的面，选择对齐视图。 ↑我们就得到了这个45-90-45的轴测图，删掉之前做的辅助立方体，我们还有一步工作要做。 ↑拖进PS，选择“图像”—“图像大小” 解锁掉宽度和高度中间的小拉锁，然后把高度乘以1.41 比如我这张图是669，就改成964，为什么要乘以1.41，因为是1：根号2的关系。呃，具体关系大家自行脑补。 ↑这样就OK了。 利用轴测图，我们可以进行分析图及复古风格图的PS，这就是下次的教程内容了，先贴一个预告图片
阅读全文

子网掩码和网关

零碎知识点 网关地址是具有路由功能的设备的IP地址 CIDR=IP + mask  是CIDR另一种表现形式 mask在计算中表示按位与的操作数，用来表示从目标中取出特定的二进制位 ARP表 路由表 理解子网掩码 59.78.40.110 59.78.40.126 255.255.255.128 59.78.39.162 59.78.39.254 255.255.255.0 59.78.42.41 59.78.42.254 255.255.255.0 协议作用 TCP/IP检测作用在2，3，4，7层 作用在1，2层：以太网，无线LAN，PPP...... 作用在3层：ARP, IPv4, IPv6, ICMP, IPsec 作用在4层：TCP,UDP,UDP-Lite,SCTP,DCCP 作用在5，6，7层：TELNET,SSH,HTTP,SMTP,POP,SSL/TLS,FTP,MIME,HTML,SNMP,MIB,SIP,RTP......
阅读全文