分享 做了一个 xkcd 风格 (手绘风格) 的图表库

timqian · 2019年08月19日 · 最后由 guyanbiao 回复于 2021年05月21日 · 11281 次阅读
本帖已被管理员设置为精华贴

如何食用

为什么要做手绘风格的图表库

市面上已经有很多成熟的图表库了,chart.js, echart,... 都可以画出精美而准确的图表。但有些时候,我们不想图表看起来那么准确。

比如我之前做的查看 github 项目 star 历史的工具 star-history. 某个时间点的 star 数其实没有意义,我们想要了解的是项目的趋势。对于这种图表,手绘风格可能更加适合

虽然已经花了 2 周多时间了,但因为缺乏制作图表库方面的经验,磕磕绊绊得做了三个常用图表,也还存在者挺多已知和未知的 bug, 之后计划加入更多图表,欢迎大家的试用和建议

github 的链接写错了吧。。。

a-wing 回复

谢谢指出,改过来啦~

关注你创业进展!祝一切都顺利。☀ 🌍

赞!这种项目肯定会收获国外一堆 star

title 为中文的时候字体有点违和,有没相应风格的中文字体?

很漂亮!👍

leiz_me 回复

谢谢建议,有空找找有没有合适的中文字体库,也欢迎 PR😜

太棒了,好看!

timqian 回复

找了一下,还是有一些应该能用的。但是不太懂字体的情况,没法提供太多的建议,见谅。

很早就 star 了这个项目,没想到国人写的,厉害!

有意思,可以设置不同的字体吗

ack_fin 回复

https://github.com/timqian/chart.xkcd/issues/11 应该快了~ 可以订阅这个 issue

哇 在 stackshare 看到

hooopo 将本帖设为了精华贴。 09月03日 00:13

@leiz_me @ack_fin v1.1 可以自定义 font 啦 e.g.

Screen Shot 2019-09-03 at 2 56 53 PM

timqian 回复

Nice work

19 楼 已删除

请问一下,开发这种图表的框架,需要什么背景知识吗?我也想试着写写这种东西

tcstory 回复

我主要用了 d3,提供了很多功能。纯自己做也可以,本质上是用 svg 或 canvas 画图

timqian 回复

谢老哥...看起来挺好玩的

这个很不错👍

需要 登录 后方可回复, 如果你还没有账号请 注册新账号