正在做一个 xkcd 风格 (手绘风格) 的图表库, 大家感兴趣吗

[timqian]

如何使用

• github 地址: github.com/timqian/chart.xkcd
• 正在写作中的文档: timqian.com/chart.xkcd
• 在 codepen 上试用
  • line chart
  • pie chart
  • bar chart

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

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

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

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

[hugee]

这个想法不错，支持一下

[timqian]

贴一个 HN 上的帖子: 我们为什么需要手绘风格的图表: https://news.ycombinator.com/item?id=7511762

python 上已经有这种图表库了( https://matplotlib.org/xkcd/gallery.html ), 我大 JS 当然要有, 找了一圈没有满意的, 于是就做了一个

[leopku]

已点赞收藏投币素质三连

[no1xsyzy]

这个可以有
Via npm (unfinished) 应该是 (WIP) 才对吧……

[NordicShaw]

不错，赞一个。

[timqian]

@no1xsyzy 嗯，working in process sounds better。谢谢建议

[woctordho]

Wolfram Language 有个类似的功能

https://resources.wolframcloud.com/FunctionRepository/resources/XKCDConvert

[tikazyq]

支持大佬

[lenville]

赞，简报福星！