AI 做的图表终于好看了，动效还能直接贴进 PPT

先看效果，别看字

这张叫「同一份数据，三种看法」。十二个产品的价格和满意度，每三秒在三种画法之间飞一次。

这张是八个产品从 2019 年到 2026 年的营收赛跑，谁领先谁就变成最黑的那根。

这两张图有个共同点：它们都不是截图，是浏览器里正在跑的网页。作者的原话是，做成 HTML 的好处很明显，动效可以很丰富，还能无缝接到用 HTML 做的 PPT 里；要是你非得用传统 PPT，让 AI 把它转成动图贴进去就行。

它到底是个什么东西

这个项目叫 Lieflat Charts，作者是推特上的 @躺在废墟里。7 月 16 号开源，到今天一个多月，GitHub 上三千七百多颗星，还被 GitHub 趋势榜收录过。

那条介绍它的推文，点赞五千一，收藏八千一。收藏数比点赞还高不少，这个信号挺有意思：大家不只是路过点个赞，是真的存下来准备回头动手。

评论区里被说得最多的一句是「好看」，还有人调侃说，三千多颗星说明大家真是被默认图表丑怕了。也有人一句话点到了要害：HTML 做图真正的好处不只是动效，是把图表、报告和网页交付统一成了同一套流程。

它本身不是网站也不是 App，它是一个 Skill。就是第一周讲的那个 Skill，一份写给 AI 看的执行手册。装上以后，你的 CodeX 就多了这门手艺。

顺带说一句，第一周教过挑 Skill 的三个指标，看点赞、看新鲜、看说明书。这个项目三样都过得去：三千七百多颗星、这几天还在更新、README 长得比很多产品官网还讲究。

它有三种画法，看你的读者愿意花几秒

这是我觉得它最聪明的地方。它没把图表分成「柱状图、折线图、饼图」，而是看读者愿意在这张图上花几秒。

第一种叫 Lupi 编辑叙事型，给愿意凑近了慢慢看的人。它拒绝把数据揉成一个结论，而是把原材料摊开，一个点就是一条真实记录。适合年报、公众号长文、海报这种。

第二种叫 Basics 基础型，就是大家熟悉的柱线饼，但它在细节上较劲。你放大看那根柱子，它不是一块实心色块，是一格一格数出来的，一格代表一千块钱；折线上一个点是一天，空心的点是周末。数据量不大但又想让画面有质感的时候用它。

第三种叫 Glance 快读型，给只肯扫一眼的人。粗柱子、大数字、排序清楚，十秒内看懂谁高谁低、哪里出了问题。周报、汇报、看板用这个。上面那张营收赛跑就是。

除了这三种，还有专门的交互大图，用来放那种普通静态图扛不住的关系数据。下面这张画的是一百八十个服务之间的调用关系，在网页里你能用鼠标把它拽来拽去、放大缩小。

颜色也是有讲究的

它默认是黑白灰，作者管这套叫 Mono，是稳定的保底方案。除此之外还有三套彩色，名字起得很中国：青瓷蓝、椰林绿、编辑部红。

青瓷蓝是同一个颜色的深浅变化，适合有先后顺序的数据。下面这张是八年的客服工单量，每个泡泡是一个产品模块在某一年的量，深色内核代表升级过的紧急工单。

椰林绿是用颜色区分少数几个并列的类别。这张是五十个市场的注册量，柱子像波浪一样依次落下来。

编辑部红最克制，整张图是黑灰的，只给一个位置一点荧光橙，用来指挥你的眼睛该看哪儿。这张漏斗图里，每一根细丝是一个人，四千两百个访客怎么一层层漏成三百一十个付费的，一目了然。

有个外国网友的评论我觉得挺妙，他说青瓷蓝这套配色让他想起中国的水墨和瓷器。一套配色能被人认出文化来源，这在数据图表里是很少见的。

颜色不用你开口。你不说要彩色，它会自己看数据结构和使用场合来定；你要是给了自己的品牌色，它也能照着配一套。规矩是同一份交付只用一套色，不混着来。