绘图自定义colors
发表于:2021-09-08 | 分类: 可视化
字数统计: 180 | 阅读时长: 1分钟 | 阅读量:

在绘图过程中经常需要为不同的对象分配不同的color,然而如何得到对比度高又不唐突的color组合是一门艺术。对于不懂美术的理工男来说,希望有现成的color sets可用。

实际上,D3.js中给出了两套color sets方案,分别用于10和20个对象的color。colors代码(16进制)和效果如下:

Category 10

#1f77b4 #ff7f0e #2ca02c #d62728 #9467bd #8c564b #e377c2 #7f7f7f #bcbd22 #17becf

Category 20a

#1f77b4 #aec7e8 #ff7f0e #ffbb78 #2ca02c #98df8a #d62728 #ff9896 #9467bd #c5b0d5 #8c564b #c49c94 #e377c2 #f7b6d2 #7f7f7f #c7c7c7 #bcbd22 #dbdb8d #17becf #9edae5

Category 20b

#393b79 #5254a3 #6b6ecf #9c9ede #637939 #8ca252 #b5cf6b #cedb9c #8c6d31 #bd9e39 #e7ba52 #e7cb94 #843c39 #ad494a #d6616b #e7969c #7b4173 #a55194 #ce6dbd #de9ed6

Category 20c

#3182bd #6baed6 #9ecae1 #c6dbef #e6550d #fd8d3c #fdae6b #fdd0a2 #31a354 #74c476 #a1d99b #c7e9c0 #756bb1 #9e9ac8 #bcbddc #dadaeb #636363 #969696 #bdbdbd #d9d9d9

上一篇:
扩增子可视化专题
下一篇:
Nature Protocols投稿经验