首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >d3 -将配色方案转换为粉彩

d3 -将配色方案转换为粉彩
EN

Stack Overflow用户
提问于 2021-10-01 04:22:45
回答 1查看 46关注 0票数 0

我想拿一个d3 color schemes,但制作它的粉彩版本。我不想让浅颜色太亮,也不想让暗颜色太暗。

目前有:

代码语言:javascript
运行
复制
intColor = d3.scaleOrdinal()
    .domain(locations.map(d => d.id))
    .range(d3.quantize(t => d3.interpolateSpectral(t * .8 + .1), locations.length))

但是t函数(* .8向右拉,+ .1向左拉)是不可控的。我想要的东西,我可以说,使用d3.interpolateRdYlGn与一定的亮度范围。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-10-06 21:42:53

最后,我将颜色分离为LCH分量,并为Colorness和Lightness指定了特定值

代码语言:javascript
运行
复制
intColor = d3.scaleOrdinal()
    .domain(internalLocations.map(d => d.id))
    .range(d3.quantize(t => {
      const {l, c, h} = d3.lch(d3.interpolateSpectral()(t))
      return d3.lch(80, 30, h) // 80 is high lightness and 30 is low colorness.
    }, locations.length))
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69400340

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档