31:T514,code = ({ "none": { color: null , multiplier: null, tolerance: .4000, code: null, letter: "M" , }, "-3": { color: "pink" , multiplier: -3 , tolerance: null , code: "PK", letter: null, }, "-2": { color: "silver", multiplier: -2 , tolerance: .2000, code: "SR", letter: "K" , }, "-1": { color: "gold" , multiplier: -1 , tolerance: .1000, code: "GD", letter: "J" , }, "0": { color: "black" , multiplier: 0 , tolerance: null , code: "BK", letter: null, }, "1": { color: "brown" , multiplier: +1 , tolerance: .0100, code: "BN", letter: "F" , }, "2": { color: "red" , multiplier: +2 , tolerance: .0200, code: "RD", letter: "G" , }, "3": { color: "orange", multiplier: +3 , tolerance: .0005, code: "OG", letter: "W" , }, "4": { color: "yellow", multiplier: +4 , tolerance: .0002, code: "YE", letter: "P" , }, "5": { color: "green" , multiplier: +5 , tolerance: .0050, code: "GN", letter: "D" , }, "6": { color: "blue" , multiplier: +6 , tolerance: .0025, code: "BU", letter: "C" , }, "7": { color: "violet", multiplier: +7 , tolerance: .0010, code: "VT", letter: "B" , }, "8": { color: "grey" , multiplier: +8 , tolerance: .0001, code: "GY", letter: "L" , }, "9": { color: "white" , multiplier: +9 , tolerance: null , code: null, letter: null, }, })32:T6c7,function ecc() { const state = { colorSpace: "RAL", } const raw = (fraction) => ten(fraction) return ({ E, ten, domain: {min: 0, max: E(6)}, raw, tolerances: Object.values(code) .filter(k => k.tolerance !== null) .sort((a, b) => b.tolerance - a.tolerance) .map((k, i) => ({E: E(i), tolerance: k.tolerance, color: k.color})), color(key) { if (!(key in code)) key = "☹" const couleur = code[key].color return { key, background: mapcolor(couleur), fill: contrast(couleur) } }, colorSpace(s) { if (s !== undefined && (s === "RAL" || s === "HTML")) state.colorSpace = s return state.colorSpace }, mapcolor, code, colors, contrast, digit(n, hideNumber) { // digit() renders a single high contrast digit as a . const ul = n < 0 ? " text-decoration:underline;" : "" // underline negative digits const {fill, background} = this.color(n) const d = hideNumber === true ? " " : isNaN(n) ? n : Math.abs(n) // n can be non-digit character const thin = `&emdash;` return `${d}` }, digits(x) { // returns a string of digit()s, one for each digit in its input array. return (x.length < 4 ? " " : "") + x.map(k => this.digit(k)).join("") // leading blanks }, bands(value, tolerance) { return `${this.digits(value)}${(tolerance !== undefined) ? " " + this.digit(tolerance, true) : ""}` }, }) }33:[] 2f:{"title":"Electronic color code","cells":[{"id":0,"value":"md`# Electronic color code`","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"// show all entries in e.code except \"none\"\nhtml`${e.bands(Object.entries(e.code).filter(k => k[0] !== \"none\").map(k => +k[0]))}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":303,"value":"md`An [electronic color code](https://en.wikipedia.org/wiki/Electronic_color_code) is used for individual values, tolerances, and multipliers of electronic components like resistors, capacitors, and inductors. In the sample above, an underline denotes a negative number.\n\nA few examples:\n\n${e.bands([1,0,-1])} 1\n${e.bands([4,7,1])} 470\n\n${e.bands([3,3,2])} 3k3\n${e.bands([6,8,3], 3)} 6k8, tolerance 5%\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":812,"value":"md`The official colors are based on the [RAL color standard](https://observablehq.com/@martien/ral-colour-standard).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":307,"value":"viewof colorSpace = {\n const r = radio({\n title: 'Color Space',\n description: 'Use plain vanilla HTML colors or the official RAL colors for the color bands',\n options: [\n { label: 'RAL Colors', value: 'RAL' },\n { label: 'HTML Colors', value: 'HTML' },\n ],\n value: 'RAL'\n })\n return r\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":634,"value":"md`----\n## Usage`","pinned":false,"hidden":false,"mode":"ojs"},{"id":517,"value":"md`\n~~~js\nimport {ecc} from \"@martien/electronic-color-code\"\ne = ecc() // e = Object {color: ƒ(key), colorSpace: ƒ(s), code: Object, colors: Object}\ne.code // -> ${JSON.stringify(e.code)}\ne.code[7] // -> ${JSON.stringify(e.code[7])} (simple HTML color name)\ne.colorSpace(\"RAL\") // sets e to use RAL colors\ne.colorSpace(\"HTML\") // sets e to use HTML colors\ne.color(7) // -> ${JSON.stringify(e.color(7))}\ne.colors // -> array of objects of color value mappings (${JSON.stringify(e.colors)})\ne.mapcolor(\"red\") // (${JSON.stringify(e.mapcolor(\"red\"))})\ne.digit(7) // -> ${JSON.stringify(e.digit(7))}\ne.digits([4, 7]) // -> string of digits in HTML\n~~~\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":620,"value":"md`----\n## Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":591,"value":"md`Each of the codes and tolerances have their own distinct color.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":835,"value":"tolerances = Object.values(code)\n .filter(k => k.tolerance !== null)\n .sort((a, b) => b.tolerance - a.tolerance)\n .map((k, i) => ({E: E(i), tolerance: k.tolerance, color: k.color}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":832,"value":"md`\n1. E3 ±40%;\n1. E6 ±20%; \n1. E12 ±10%;\n1. E24 ±5%;\n1. E48 ±2%,\n1. E96 ±1%;\n1. E192 ≤ ±0.5%`","pinned":false,"hidden":false,"mode":"ojs"},{"id":975,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":317,"value":"md`\\`{colormaps}\\` has the symbolic name of a colormap as key and its corresponding colormap as value.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":312,"value":"colormaps = ({\n \"HTML\": ({}),\n \"RAL\": ralmap\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":565,"value":"md`\\`{colors}\\` has the color name as a key and its color as value. For example, \\`colors[\"white\"]\\` is equivalent to \\`colors.white\\` and may contain \\`\"#EAE6CA\"\\`, depending on the color map in use.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":391,"value":"colors = {\n const z = ({})\n Object.entries(colormaps[colorSpace]).map(function (k) { \n z[k[0]] = typeof(k[1]) === \"number\" ? ralcolor(k[0]) : k[1]\n })\n return z\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":609,"value":"md`\\`{ralmap}\\` maps a HTML color name to its corresponding RAL number.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":106,"value":"ralmap = ({\n \"white\" : 1013,\n \"yellow\": 1021,\n \"orange\": 2003,\n \"red\" : 3000,\n \"pink\" : 3015,\n \"violet\": 4005,\n \"blue\" : 5015,\n \"green\" : 6018,\n \"grey\" : 7000,\n \"brown\" : 8003,\n \"black\" : 9005,\n \"alert\" : 2005,\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":326,"value":"e = ecc() ","pinned":false,"hidden":false,"mode":"ojs"},{"id":934,"value":"E = (x) => 3 * Math.pow(2, x)","pinned":false,"hidden":false,"mode":"ojs"},{"id":937,"value":"ten = (x) => Math.pow(10, x)","pinned":false,"hidden":false,"mode":"ojs"},{"id":623,"value":"md`----\n## Engine Room`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":588,"value":"md`### Color`","pinned":false,"hidden":false,"mode":"ojs"},{"id":557,"value":"md`\\`mapcolor()\\` translates between a color name and its corresponding value if the color name is defined.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":352,"value":"mapcolor = c => colors[c] === undefined ? c : colors[c]","pinned":false,"hidden":false,"mode":"ojs"},{"id":598,"value":"md`\\`ralcolor()\\` returns the RAL hex color value of the corresponding HTML color name if present or else simply echoes its input value.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"ralcolor = c => c in ralmap ? `${ral[ralmap[c]].hex}` : c","pinned":false,"hidden":false,"mode":"ojs"},{"id":578,"value":"md`Contrasting colors for foreground and background enhance legibility (e.g. a white number on a yellow background is hard to read; black on yellow is better).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":195,"value":"contrast = c => new Set([\"white\", \"yellow\", \"gold\", \"silver\", \"pink\"]).has(c) ? \"black\" : \"white\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":594,"value":"md`### Dependencies`","pinned":false,"hidden":false,"mode":"ojs"},{"id":102,"value":"import {ral} from \"@martien/ral-colour-standard\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":309,"value":"import {radio} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":617,"value":"md`### Styles`","pinned":false,"hidden":false,"mode":"ojs"},{"id":613,"value":"html`