加载中...
绘图自定义colors
发表于:2021-09-08 | 分类: 可视化
字数统计: 183 | 阅读时长: 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投稿经验
本文目录
本文目录