colour-schemes

# D3.js 配色方案与调色板建议 关于使用 d3.js 进行数据可视化中色彩选择的综合指南。 ## 内置分类配色方案 ### Category10 (默认) javascript d3.schemeCategory10 // ['#1f77b4', '#ff7f0e', '#2ca02c', '#d62728', '#9467bd', // '#8c564b', '#e377c2', '#7f7f7f', '#bcbd22', '#17becf'] **特点：** - 10 种不同的颜色 - 良好的色盲友好性 - 大多数分类数据的默认选择 - 饱和度和亮度平衡 **用例：** 通用分类编码、图例项、多个数据系列 ### Tableau10 javascript d3.schemeTableau10 **特点：** - 10 种针对数据可视化优化的颜色 - 专业外观 - 出色的可区分性 **用例：** 商业仪表盘、专业报告、演示文稿 ### Accent javascript d3.schemeAccent // 8 种高饱和度颜色 **特点：** - 明亮、鲜艳的颜色 - 高对比度 - 现代美学 **用例：** 突出重要类别、现代 Web 应用 ### Dark2 javascript d3.schemeDark2 // 8 种较暗、柔和的颜色 **特点：** - 柔和的调色板 - 专业外观 - 适合深色背景 **用例：** 深色模式可视化、专业场景 ### Paired javascript d3.schemePaired // 12 种成对的相似色调颜色 **特点：** - 成对的浅色和深色变体 - 适用于嵌套类别 - 12 种不同的颜色 **用例：** 分组柱状图、层级类别、对比分析 ### Pastel1 & Pastel2 javascript d3.schemePastel1 // 9 种颜色 d3.schemePastel2 // 8 种颜色 **特点：** - 柔和、低饱和度颜色 - 温和的外观 - 适合大面积使用 **用例：** 背景色、细微分类、舒缓的可视化 ### Set1, Set2, Set3 javascript d3.schemeSet1 // 9 种颜色 - 鲜艳 d3.schemeSet2 // 8 种颜色 - 柔和 d3.schemeSet3 // 12 种颜色 - 粉彩 **特点：** - Set1：高饱和度，最大区分度 - Set2：专业，平衡 - Set3：微妙，适合多类别 **用例：** 根据视觉层级需求进行选择 ## 顺序配色方案 顺序方案使用单一色调或渐变将连续数据从低值映射到高值。 ### 单色顺序 **Blues：** javascript d3.interpolateBlues d3.schemeBlues[9] // 9 步离散版本 **其他单色选项：** - `d3.inte