跳到主要内容
CNode

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

精华分享
Ttimqian发布于 7 年前最后回复 7 年前
15124550

文章图片

如何食用

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

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

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

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

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

查看回复

回复 (15)

F
fhefh2015#157 年前

原来是楼主做的 666

E
enhezzz#147 年前

有内味了

V
vdlj#137 年前

B
Binaryify#127 年前
引用 doxiaodong为啥我看啥都是 cxk

@doxiaodong 我也...

T
timqian#117 年前
引用 yeplive这是什么原理 感兴趣(^-^)V

@yeplive svg filter~ 具体可以看看源码

D
doxiaodong#107 年前

为啥我看啥都是 cxk

V
vmto#97 年前

哎呦,不错不错

Y
yeplive#87 年前

这是什么原理

感兴趣(^-^)V

I
i5ting#77 年前

棒棒哒

T
timqian#67 年前
引用 pzzcn感觉线条不平滑,有办法吗?

@pzzcn emm, 看到三个地方有人说这个问题了, 有空研究下

P
pzzcn#57 年前

感觉线条不平滑,有办法吗?

D
dumplingbao#47 年前

O
OXOYO#37 年前

S
strugglexiang#27 年前

沙发~

W
WuYinMan#17 年前

沙发~

参与回复

登录后即可参与回复。登录