关于推特30天地图挑战全部7.6k+图片的颜色可视化

「李子柒130个视频1万图片5万颜色数据可视化的背后,是古柳三年的念念不忘」

上篇文章古柳写了下关于念念不忘三年的颜色可视化的超长文,整个流程涉及: python 爬b站 api 李子柒数据、搭配 you-get 下载视频、ffmpeg 批量视频抽帧、node.js get-image-colors 模块抽图片颜色,d3.js 颜色可视化。

后来发现文中有两处小问题,在这里修正下,一处是最后一张图的文字信息y轴应该是 Brightness 明度,写的时候复制黏贴没改过来;

一处是群友峤桓看文章时发现 data sketches「九月旅行」 主题一文的链接404了。


我查了下原来网站突然改版了,该文的新链接为:「Four Years of Vacations in 20,000 Colors」,网站也更好看、更酷了。

data sketches 突然改版,其实也是因为不久前,在推特宣布将网站上 Nadieh BremerShirely Wu 所有24个可视化项目的相关文章集结成书开始预售了,因而整个网站也配合着大改了下。此前预热说会有 a huge project,因而古柳也很关注会是什么,没想到居然会出书,很意外,毕竟是两位可视化大神的书,值得期待!

然后是上周六早上正好看到向帆老师公众号更新了文章:「插播一把桌椅到上海」,想到最近跑通了颜色可视化整个流程,可以留言报告下这件事,要是能被看到并回复就好了。



毕设作品线上可看,「清华大学美术学院2020届线上毕业作品展」,这也是之前在某群友朋友圈看到后了解到的,非常值得一看。



扯回来,因为看到群友峤桓在看颜色可视化一文,后续私聊了下,原来他打算爬取推特30天地图挑战 #30DayMapChallenge 活动标签下11月份所有参与者创作发布的地图图片,然后用 Python 实践下我文章中抽取图片颜色并进行可视化等流程。1.3G图片数据后来在 「地图盛宴 - 峤桓」 一文里公开分享了。


虽然古柳一直对地图没啥兴趣、没啥想复现的地图可视化作品,但之前注意到群里几次谈论地图相关内容时蛮多人活跃;而且11月份刷推特看到参加30天地图挑战活动打卡的人也很多,看起来对地图感兴趣的人比我想的要多。

而据牛海沣统计,本次挑战有来自69个国家的997位创作者,一共发布了7000+地图

他还用这些地图拼图做了张“大合照”。更多统计信息见 github/30DayMapChallenge-Bot

既然那么多人关注地图可视化、那么多人参加地图挑战活动,并且从峤桓那先拿到了所有地图图片数据,自然古柳也想用手头现成代码,抽取颜色、看看可视化效果。

于是上周五晚上简单跑了下,照旧对所有图片抽取5种主要颜色,用 HSB 颜色模式的数据,换换x/y轴,加或不加力布局,和上篇文章「李子柒130个视频1万图片5万颜色数据可视化的背后,是古柳三年的念念不忘」里分享过的图类似,想来大家也都不陌生了。




但也不能这么取巧,拿现成代码跑下就完事,总要有点新花样是不?

既然一开始颜色可视化参考的 Shirely Wudata sketches「九月旅行」 项目是径向图的方式,那这次也尝试下径向图好了。

先翻出古柳那篇用到径向图的文章:财新网「星空彩绘诺贝尔奖」可视化作品复现,简单回顾下几个要点,如极坐标系与直角坐标系下坐标转换函数写法。

套用这次的颜色数据,将色相(hues/H)映射到角度,饱和度(saturation/S)映射到径向半径值,分别不加和加x/y力布局,就有了两张很酷的颜色可视化图。


继续尝试,如果每张图只取1种主要颜色作为径向图里x/y坐标所用,不用圆圈散点而用图片本身显示,看起来效果就更棒了。(虽然SVG里7.6k+张图片是真的卡)


不过也更有向帆老师全国美展油画获奖作品的可视化作品 「AwardPuzzle」 内味了。重新看了下该作品主要是 Processing 实现,最近古柳打算重新学习下 P5.js,后续可以用 P5.js 也实现一遍目前 D3.js 完成的图片/颜色可视化效果。
链接:https://www.zeelab.xyz/AwardPuzzle


除此之外,还可以基于图片相似度来可视化,古柳以前有过相关尝试:「图像检索(一):因缘际会与前瞻 - 20180506」,不过也没填坑,这回正好群友 tianyilt 分享了下 YaleDHLab/pix-plot 这个开源项目,也是用的卷积神经网络抽图片特征、tsne、PCA 进行特征降维,然后前端可视化展示。

看项目描述比较简单,于是用地图照片跑了下,蛮顺畅的就能跑通,啪地一下就成功了反而觉得没啥成就感(但群友峤桓死活安装不成功,他用“公司里、自己的笔记本、台式机都捣鼓了一遍,都没成功”,此时 Mac 的优越性就体现出来了。不过也不一定全是 Mac 功劳,可能实际操作细节也有关)。不过照片太多,交互有点卡。



g


以上就是本文内容,继上篇文章之后,又用推特30天地图挑战的7.6k+图片数据集进行了更多图片/颜色可视化的尝试。

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,640评论 6 507
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,254评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,011评论 0 355
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,755评论 1 294
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,774评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,610评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,352评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,257评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,717评论 1 315
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,894评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,021评论 1 350
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,735评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,354评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,936评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,054评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,224评论 3 371
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,974评论 2 355

推荐阅读更多精彩内容