31:T505,quantizeColorScaleFactory = ( scale, count, chromaticName = 'interpolateRdYlGn', width = 200, height = 20, format='.1f' ) => { const colorScale = d3.scaleQuantize() .domain(scale.range()) .range(d3.quantize(chromatic[chromaticName], count)); const legend = html`

${colorScale.range().map(c => `

`)}

${colorScale.range().filter((d, i, a) => i < a.length - 1).map((c, i) => `

${d3.format(format)(scale.invert(colorScale.invertExtent(c)[1]))}

`)}

`; return { scale: (value) => colorScale(scale(value)), legend, }; }32:[] 2f:{"title":"Quantized Color Scale","cells":[{"id":0,"value":"md`# Quantized Color Scale\nThis takes a scale and creates both a quantized color scale and a matching legend.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"example = {\n const scale = d3.scalePow().exponent(0.5).domain([0, 10]);\n return quantizeColorScaleFactory(scale, 5, 'interpolateRdYlGn', 300, 20, '.1f');\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"example.legend","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"chromatic = require('d3-scale-chromatic')","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}