跳至主要内容

利用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 产品随想的博客

UNstudio实习经验分享

再过一周，我就将离开UNstudio阿姆斯特丹总部，到其上海分部了，鉴于上海分部目前还不承担设计任务，因此可以视为我UNstudio参与设计的体验即将告一段落。这个实习，原定3个月，后来被要求延长到了6个月，后来又延长到9个月，现在看来最终大概有11个月——那天一问，发现我的合同已经到了9月份了，赶紧声明不能这么长，我8月得回学校了。
阅读全文

360T7 刷机步骤及固件

https://cmi.hanwckf.top/p/360t7-firmware/   360T7的固件支持由immortalwrt-mt798x项目提供支持，请参考： https://cmi.hanwckf.top/p/immortalwrt-mt798x https://github.com/hanwckf/immortalwrt-mt798x 刷机步骤 参考 此处 的办法开启原厂固件的UART和telnet功能 在以下链接下载360T7测试固件（纯净版，无任何插件） https://wwd.lanzout.com/b0bt9idwd 密码:ezex （此固件已过时，请选择其它更新的固件） 接下来将刷入修改版uboot。修改版uboot的优点有： 固件分区可达108MB，原厂uboot只能使用36M 自带一个简单的webui恢复页面 到以下仓库的Release页面下载uboot，目前暂时仅支持360T7，后续将支持更多mt798x路由器。 推荐使用 mt7981_360t7-fip-fixed-parts.bin ， fixed-parts 代表uboot分区表在编译期间固定，不会随着uboot环境变量变化。 https://github.com/hanwckf/bl-mt798x/releases/latest 将 mt7981_360t7-fip-fixed-parts.bin 通过HFS等方式上传到路由器，使用以下命令刷入uboot mtd write mt7981_360t7-fip-fixed-parts.bin fip 确认刷入完毕后，拔掉路由器电源。然后将电脑的IP地址设置为固定的 192.168.1.2 ，接着按住路由器的RESET按钮后通电开机，等待8s后用浏览器进入 192.168.1.1 在uboot恢复页面选择要刷入的固件。immortalwrt-mt798x目前编译两个版本的360T7固件。 建议修改版uboot直接使用 immortalwrt-mediatek-mt7981-mt7981-360-t7-108M-squashfs-factory.bin ，两种固件区别如下： mt7981-360-t7-108M 为108M固件分区，原厂uboot不可启动，需要修改版u...
阅读全文

产品随想 | 陪读《乔布斯传》：1-17章

乔布斯经典照片集 坐在麗莎電腦旁。他說：「毕加索曾說：「好的藝術家懂得模仿，佛大的藝術家善於偷取。」因此，窃取偉大的點子沒有什麼好羞耻的。 與蓋茲在電話中達成協議：「比爾，謝謝你支持蘋果。因為你的支持，世界將變得更美好。」 1997年蘋果在波士頓舉行的麥金塔世界大會，蓋茲透過衛星連線在巨大的螢幕上出現。質伯斯說：「我真是笨死了，竟然讓蓋兹以這種方式現身。他讓我看起來好沙小。」 ──时刻自省 前言 The people who are crazy enough to think they can change the world are the ones who do. 只有那些瘋狂到以為自己可以改變世界的人， 才能改變這個世界。 這麼些年來，賈伯斯說起話來的認真與專注態度，著實打動不少人。我們一直保持連絡，即使在他被逐出蘋果之後，我們還有來往。每次他有新產品要推出時，像 NeXT 電腦或皮克斯 (Pixar）的電影，他就會來找我。他常帶我去曼哈頓下城一家壽司店用餐，講起他的產品，渾身散發出光和熱，眉飛色舞的說這是他登峰造極之作。我喜歡這個人。 ──对自己产品深深的爱 他的堅持教我疑惑。人人都知道賈伯斯不道餘力捍衛隱私， 而且我不知道他是否看過我寫的任何一本傳記。我還是不敢立刻答應，只說或許再等等。然而到了 2009年，我接到他太太蘿琳． 鮑威爾打來的電話。她直截了當說：「如果你還想為史帝夫寫傳，最好趕快動筆。」這是他第二次因病向公司請長假。我坦言他早在2004 年得知自己罹患胰臟癌的時候就曾主動邀我寫傳，但我當時對他罹癌的事一無所知。蘿琳解釋說，他們盡量保密，因此當時根本沒幾個人知道。他是在動手術的前夕打電話給我的。 ──和Make Something Wonderful对照起来看 他還說，自從他回到蘋果重新掌權，這十二年來是他創造新產品的高峰期，但他還有更重要的目標，也就是效法惠普的惠立和普克（David Packard），締造一家創新動力無限的公司，進而超越惠普。 ──苹果公司才是乔布斯最得意的产品 他說：「我一直認為，自己是個偏向人文的孩子，但我也喜歡電子的東西。後來，我讀到寶麗來(Polaroid）創辦人蘭德 (Edwin Land）曾說過，一個人能站在人文和科學的交會口，兼容贯通，才是真正的人才。在那當下，我决定要當這樣的人。」他似乎在暗示我，這可以做為傳...
阅读全文

2018各行业应届生薪资不完全样本往期汇总-职场红领巾

文章来源自职场红领巾公众号2018.4.21日推送，在此表示感谢 产品岗 百度商业产品 14K*14 拼多多产品管培 12K*14 今日头条产品 16K*18 头条PM整个Package接近300K/年 美团产品Offer 14K*16 base上海 百度产品研究生 11.5K*14.6 base 上海 京东产品17K*13 百度产品 220K/年 网易 产品培训生 硕士 15K*18 SP base杭州 不知名互联网公司校招PM 12K*15 base北京 技术岗 微软 软件工程师 本科 260K/年 蚂蚁金服算法工程师 20K*16 拼多多开发本科400K/年 商汤科技本科技术岗 14K/月 税前 海康威视研究院 算法工程师 220K/年 微信算法岗 SP 360K/年 的package 今日头条 程序员 研究生 10K/月 base北京 滴滴程序员 16K*16 亚马逊 小四年经验 研发 50K/月 Facebook应届毕业生  软件开发工程师   打包 115k$/年（30%-40%税） base湾区 京东算法 普通Offer 234K/年 运营岗 滴滴北京运营岗 硕士 12K*15 奖金另算 网易游戏运营 150K/年 左右 网易运营 8K*13（奖金0~3个月） 网易新闻运营8K/月 腾讯游戏运营 本科6K/月 上海京东时尚本科8K/月 京东运营岗 11K/月 base北京亦庄总部 今日头条 渠道营销运营 6K/月（加房补） 网易考拉 活动运营 13K*16 OFO城市运营管培13K*14 爱范儿运营 8K/月 滴滴长三角某二线城市运营管培生 薪资 7.6K*13 +每个月40%绩效 货车帮 数据运营 12K/月 卡宾电商 管培 10K/月 含浮动绩效 曹操专车 运营管培生  加各种补贴税前5.4K/月  base杭州 京东金融海龟回来8K/月 北京蓝港互动...
阅读全文

巴菲特致股东信-1975年

 笔记： 华盛顿邮报已成为伯克希尔第一重仓股 翻译： 雪球：https://xueqiu.com/6217262310/131409324 备份：https://archive.ph/4hgK3 原文： To the Stockholders of Berkshire Hathaway Inc.: Last year, when discussing the prospects for 1975, we stated “the outlook for 1975 is not encouraging.” This forecast proved to be distressingly accurate. Our operating earnings for 1975 were $6,713,592, or $6.85 per share, producing a return on beginning shareholders ’ equity of 7.6%. This is the lowest return on equity experienced since 1967. Furthermore, as explained later in this letter, a large segment of these earnings resulted from Federal income tax refunds which will not be available to assist performance in 1976. On balance, however, current trends indicate a somewhat brighter 1976. Operations and prospects will be discussed in greater detail below, under specific industry titles. Our expectation is that significantly better results in textiles, earnings added from recent acquisitio...
阅读全文

产品爱好者周刊 第10期：乔布斯逝世10年

  产品爱好者周刊 第10期： 2021.10.14 Products 经济学人、卫报、Wired等电子周刊： https://github.com/hehonghui/the-economist-ebooks 每周均更新 Immersed： https://immersed.com/ 桌面端软件，可以虚拟出5个VR桌面，能模拟出在海滩、宇宙等地方，工作 它的员工写了篇自己工作流，非常酷 Working From Orbit： https://blog.immersed.team/working-from-orbit-39bf95a6d385 bilibili视频下载工具（开源） 哔哩下载姬 downkyi： https://github.com/leiurayer/downkyi Windows Only BilibiliVideoDownload: https://github.com/blogwy/BilibiliVideoDownload 多平台 BiliDuang:  https://github.com/kengwang/BiliDuang Versus： https://versus.com/cn 万物皆可比较 官网的范例，基本都是数码产品，可能是标准化产品有具体参数，容易比较些？ News Jony Ive on What He Misses Most About Steve Jobs:  https://www.wsj.com/articles/jony-ive-steve-jobs-memories-10th-anniversary-11633354769 中文译本： https://archive.ph/EZihd Ideas Weather Spark:  https://weatherspark.com 全球城市的全年气候，用于去陌生城市、旅行规划了解城市天气，会有帮助 Long Now Foundation：  https://twitter.com/longnow 以10000年的跨度，去思考未来的可能性，真是一件很浪漫的事情 Outside interests Notion会私自查看用户的内容
阅读全文

《Becoming Steve Jobs》Chapter 16 Blind Spots, Grudges, and Sharp Elbows

Steve could be pretty thin-skinned when someone prominent criticized the aesthetics of his products. He took great umbrage that Neil would, as Steve put it, “pop off in public like that without coming to talk to us about his technical concerns first.” From that point on he had rebuffed all of Neil’s attempts to smoke the peace pipe. 有趣 He had blind spots, grating behavioral habits, and a tendency to give in to emotional impulse that persisted his entire life. These characteristics are often used to make the case that Steve was an “asshole” or a “jerk,” or perhaps simply “binary”—that odd adjective often used to convey the sense that he was half asshole/half genius from birth to death. These aren’t useful, interesting, or enlightening descriptions. What’s more illuminating is to take a look at the specific ways in which Steve failed to do an effective job of tempering some of his weaknesses and antisocial traits, and to consider how, when, and why some of them continued to flare up even...
阅读全文

产品随想 | 周刊 第85期：e-Residency与数字游民

  David Shambaugh   https://www.google.com/search?q=David+Shambaugh 中国问题研究专家，著作极多 郭玉闪   https://zh.wikipedia.org/wiki/郭玉闪?useskin=vector 中国公共知识分子 我只想好好观影   github.com/BetterWorld-Liuser/autoMovies 刘煜辉：中国资本市场灵魂出窍 最有活力的公司几乎不在A股   https://finance.sina.com.cn/stock/marketresearch/2017-06-23/doc-ifyhmtek7705574.shtml 回看17年的专家讲话，还是挺有水平的，挺多都认可 纽约文化沙龙   https://www.youtube.com/@user-cu2hl5tf6y/videos 视频质量出奇的高，推荐 透视中国政治by吴国光、程晓农 备忘下，貌似评价挺好的一本书 CAPI China Chair Wu Guoguang (吴国光 / 吳國光)   https://www.youtube.com/playlist?list=PLIt1szHhnm_Hso3jGUbfGpnEAbsPOuEVV 因为热爱中国，我们越要看懂中国 AI Canon   https://a16z.com/2023/05/25/ai-canon/ in this post, we’re sharing a curated list of resources we’ve relied on to get smarter about modern AI. We call it the “AI Canon” because these papers, blog posts, courses, and guides have had an outsized impact on the field over the past several years. 希望中国的投資機構，也能有更多的分享與輸出，提升整個社會的認知 Cantonese Font 粵語字體   https://visual-fonts.com/zh/...
阅读全文

Steve Jobs: `There's Sanity Returning', 1998

Nobody can doubt the charisma of Steven P. Jobs. The interim CEO of Apple Computer Inc., who returned to the company last July after his ignominious 1985 ouster, has brought back his legendary vision, impatience, and infectious passion for the Macintosh. Jobs spoke to Business Week Correspondent Andy Reinhardt in Apple's stark, fourth-floor boardroom, just after the company rolled out its new software strategy on May 11. Note: This is an extended, online-only version of the Q&A that appears in the May 25, 1998, issue of Business Week. Q: Now that you've introduced the new, bold-looking iMac, are you going to do some radically different products? A: There's a lot of talk about such things -- about handhelds, set-top boxes. A lot of computer companies have been searching for a consumer product. My view is that the personal computer has been the most successful consumer product of the last 10 years. What we have to do, what the industry stopp...
阅读全文