在绘图过程中经常需要为不同的对象分配不同的 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

Edited on Views times

Give me a cup of [coffee]~( ̄▽ ̄)~*

Hualin Liu WeChat Pay

WeChat Pay

Hualin Liu Alipay

Alipay