本系列会定期分享古柳看到的一些不错的可视化作品,其中为了更好的展示每个作品的效果,会人工花更多时间搬运整理下素材/视频,希望大家多多支持,以便古柳后续也能更高质量的输出内容。
更多详细介绍见:「关于后续可视化方向想更新内容的一些说明」。目录会同步更新到 GitHub,可以 star 下 GitHub - DesertsX/dataviz-collections 。针对优秀可视化作品的翻新复现、代码实践系列会更新该 GitHub 仓库DesertsX/dataviz-in-action。
作品分享:https://github.com/DesertsX/dataviz-collections
作品复现:https://github.com/DesertsX/dataviz-in-action
第1期见:「可视化作品分享:第1期 | 好评来袭」
说好定期(如半个月)更新可视化作品分享的系列文章,一晃一个多月过去,就欠下了2期。
可视化交流群建群快一个半月,平时看到或以前收藏的优秀作品也在群里分享过许多,正好整理出2期拿来更新。也方便群外或后入群或错过群聊天信息的人可以统一查看分享的作品。
后续群里优质内容也会定期整理更新到公众号!欢迎大家进群分享视化作品、互相交流学习哈!大家也可以告诉古柳给你留下深刻印象、很喜欢的可视化作品,让古柳也开开眼,古柳感兴趣且有机会也可以尝试复现下。
推特上 Bo Plantinga
分享了 Nadieh Bremer
和索尼音乐
合作的可视化作品,和「百变小樱」项目
一样是径向图。
相关链接:https://twitter.com/plan_bo/status/1307972808895614976
相关链接:https://medium.com/sony-music-data-insights/how-we-used-data-to-design-modern-record-certification-plaques-bc2c575a9fa3?source=linkShare-28eaaca1642b-1600666762&_branch_match_id=707350090268386569
本以为是 Nadieh Bremer
刚做的项目,分享到群里后,群友找出了博客里6月份写的分享文章,倒也不是最新,且由于是商业项目,看不到没有网页版,没有源码。不过 Nadieh Bremer
以前有开源过不少代码,这里给出 GitHub 链接,值得好好学习下。
相关链接:https://www.visualcinnamon.com/2020/06/sony-music-data-art
相关链接:https://github.com/nbremer?tab=repositories
既然说到音乐可视化,古柳更早之前看到的 Nicholas Rougeux
对古典音乐的可视化作品也值得分享下,同样是径向图。看来大家都很喜欢径向图哈!另外该博客也有许多不错的可视化作品,大家可以都看看,如无意外,古柳后续有个从中获取灵感的项目若能完成,也会分享出来(之前打通了一部分流程,还有些新知识仍需学习)。
相关链接:https://www.c82.net/offthestaff/
相关链接:https://www.youtube.com/watch?v=QOC3L9BZ0TU
Nadieh Bremer
为客户 Kantar Consulting
做的可视化作品,好看到令古柳词穷,已经无法表达对其喜爱之情,有机会一定尝试复现出这样的“光效”。较为可惜的是无法看清图中的文字说明,数据到底如何映射与处理的仍需”破解“。
相关链接:https://www.visualcinnamon.com/portfolio/kantar-motivemix
财新网「星空彩绘诺贝尔奖」
可视化作品虽然提过,但由于未在该系列中分享过,也就一并整理到一起,同样也是径向图。
相关链接:http://datanews.caixin.com/2013/nobel/index.html
该作品简化版古柳已经复现过,写了文章并开源了代码,此处不再赘述。文章:财新网「星空彩绘诺贝尔奖」可视化作品复现。
开源代码链接:https://github.com/DesertsX/dataviz-in-action
Abdulqadir Rashik
将各个国家的人类发展指数/Human Development Index(HDI)
进行可视化的作品,也也也也是径向图。
相关链接:https://wdvp.aqrashik.com/
原本想在「星空彩绘诺贝尔奖」
可视化作品复现之后,继续拿这个代码量相当(不到400行 JS 代码)的项目进一步熟悉径向图实现,顺带把还没涉及的鼠标交互事件加进来。
但群里(一手新鲜资料快来加入哈)大家应该也都知道古柳国庆期间在复现这个作品,所以就暂时没弄上述作品了,详情后续文章会进一步介绍,这里不再展开。
财新数据新闻中心出品的「
博物馆里的国家宝藏」
,虽然是2018年的作品,但古柳前不久才看到,一直憧憬与向往能实现滚动交互可视化作品,但目前能力不够,只能继续学习。
相关链接:http://datanews.caixin.com/interactive/2018/antiques/index1.html
Hesham Eissa
和 Lindsey Poulter
的滚动交互可视化作品 「The Inside Scoop of Ben & Jerry's」
在国庆期间闪亮登场,推特上一片赞誉;且创作者此前并无太多前端经验,一下子做出这么重磅的作品也是令人佩服。
相关链接:https://twitter.com/hesheissa/status/1311674903574315009
相关链接:https://benjerry.heshlindsdataviz.com/
「可视化作品分享:第1期」里古柳就放过 demo 版并表示期待看到成品,这回终于得见,习惯性地看了下代码,发现个有趣的地方,当然瑕不掩瑜,还是很厉害的。而且5100行代码也是够啃很久。
以上先整理出来这些作品,希望大家喜欢,更多内容后续更新。最后,欢迎👏加入可视化交流群,群里人数也是越来越多啦,等你来哈!
(若满200人无法扫码进入了,可以加古柳微信「xiaoaizhj」
备注「加群」
拉你进群哈!)
最后,欢迎关注古柳的公众号「牛衣古柳」
,以便第一时间收到更新。