古柳个人可视化的至暗时刻？断更一个月期间发生了什么

文章更新可能没那么频繁，可视化交流群里倒是每天分享优秀作品或文章、互相交流，欢迎加入。加古柳微信「xiaoaizhj」备注「可视化加群」即可！

许久未更新，一晃快一个月没输出文章了。可视化作品分享、复现文章记述、作品复现等都待填坑，然而古柳自己却突然陷入奇怪的状态，没啥干劲，说在经历"个人可视化的至暗时刻"或许有些夸张，但也大差不差。

虽然依旧几乎每天在可视化交流群里分享各种作品和文章，还算活跃着，但内心状态却很糟糕。可其实自己也说不出来为什么会这样。

期间倒也没完全闲着，有尝试用孔明灯作为视觉元素进行可视化；

也有首次尝试用 GSAP ScrollTrigger 实现滚动交互数据可视化。理所当然的用每周都会看的乃木坂46的团综「乃木坂工事中」的b站熟肉数据进行练手。

其中直接基于澎湃美数课「恋爱这件小事」作品的 P5.js代码，替换数据跑了个图（感谢，不用自己实现是真的香，逃）。
链接：https://h5.thepaper.cn/html/zt/2019/08/love/index.html

自2019年6月28日「伴随 P5.js 入坑创意编程」这篇文章后久违地再度看了下 P5.js 的代码实现。

不过这些目前均只是静静躺在自己电脑里的 demo，没完全推进下去进行完善，因而暂不展开，但在这过程中也挺受挫，可能或多或少导致状态变糟。

另外，也依旧关注着最新的可视化动态，大概11月6号在推特上看到来自埃及的 Mohamad Waked(为方便记忆直接称呼“穆罕默德”老哥)的非常有特色的作品「POMPEII | THE ANGRY FACE OF NATURE」。总有那么些作品或创作者，仿佛横空出世一般，一旦见到就会给人留下深刻印象，毫无疑问这个作品对古柳而言也是如此。
链接：https://www.alhadaqa.com/wp-content/uploads/2020/11/pompeii_v1.html

作品本身大概是关于自然灾害的，不过一直没细看，等后续出几期滚动交互数据可视化作品分享时再介绍(安排上)。说起来这回古柳立马下载了网页源码，生怕哪天回过头想学习时发现看不了。

毕竟之前「可视化作品分享：第2期」里分享的第7个作品「The Inside Scoop of Ben & Jerry's」，国庆节在推特上发布，本月初想看看代码里怎么用的 GSAP 时，突然发现这才不到一个月原本能看的源码被混淆加密看不了，一开始还以为是自己这网络或解码什么出了问题，发群里一问，知道真相后也是有点震惊和受到打击，想不到还有这么一出，只能气得摔桌子，学什么可视化，不学了不学了，doge。
链接：https://benjerry.heshlindsdataviz.com/

所以吃一堑长一智，下次看到喜欢的作品，特别是新创作发布且有源码的，有必要的话还是下载一份再说。

再后来，11月17号晚上看到 Wendy 13号晚上的分享 VizConnect - Drawing Polygons in Tableau: The processing of making Escher's Gallary 录播已经传到油管，于是看了下 Escher's Gallary 作品背后创作过程以及 Wendy 如何绘制的多边形。
链接：https://www.youtube.com/watch?v=5AqLHDtGtBg

在「Wendy Shijia 的「 Escher's Gallery」可视化作品复现系列文章(一)」一文古柳也给出了自己复现时所参考的例子。

其实最后复现完古柳也注意到自己的图形较之原作更扁，才想到可以先画一个多边形再旋转出另外两个(而非各种瞎调凑出一个类正方体/cube)，这也正是 Wendy 原本的方式。只不过当时整个作品已经优化了很久，就懒得再改了。这次一拖延，正好赶上分享，得以确认实现方式和古柳所想一致，也可以修改下复现的代码，用更优雅的方式实现，也方便讲解。

然后，就是上周群里 Michelle.L 梁同学讲到她大概5月份做平面设计/视觉传达毕设时曾看到我分享的可视化作品，然后参考了其中 Nadieh 的 Why do cats & dogs ...? 作品网站的视觉交互逻辑。
链接：https://whydocatsanddogs.com/

也是记不清自己居然那么早有分享过东西，于是搜了下微博，那会确实曾发过些可视化作品，当然如今也变成了系列文章。

顺势问起她毕设的作品——「Shape of Missing——基于“数据人文主义”对交互式信息可视化设计的探索」——于是猝不及防，群友们一起吃起甜甜的狗粮。这里为方便大家一起吃，也搬运下。欢迎大家去b站三连支持，也欢迎群里交流。
链接：https://www.bilibili.com/video/BV1fK4y1t7u4链接：https://www.gtn9.com/work_show.aspx?ID=CD42BFAE6DD5190E

真是没想到还有这样一桩事，如同蝴蝶效应一般，有了此后的种种事，自然古柳不是最初的那只蝴蝶，但也似乎无形中产生些好的影响，倍感欣慰。

最后部分原本是打算作为本文的重点，也是重新更新文章想讲的内容，但诚如所见，写着写着也扯了不少这段时间的一些事。因而关于这个念念不忘三年之久想要做的颜色可视化的内容，关于从李子柒的130个b站视频里隔几秒抽一帧画面图片(素材近40GB大小)，然后从这1万多张图片里每张提取5种主要颜色，最后对这5万多颜色数据进行可视化探索的整个流程内容就留到下一篇文章再详细介绍吧，这里先分享几张效果图，尝个鲜，希望有人感兴趣。

以上就是本文全部内容，如果大家还想看到更多干货，欢迎【转发】、【点赞】、【在看】和【留言】，多多捧场，古柳也有持续创作的动力，毕竟这惨淡的阅读量实在也是有点说服不了自己太频繁更新，还真不是因为懒。逃。

照例

欢迎加入可视化交流群哈。可加古柳微信「xiaoaizhj」备注「可视化加群」拉你进群哈！

最后，欢迎关注古柳的公众号「牛衣古柳」，以便第一时间收到更新。