2e:null 2f:["$","title",null,{"children":"A colorful abstract of an image | Laurent Jégou | Observable"}] 34:Ta17,analyse = function(ctx, threshold, width, height) { var vals = []; var step = 4; var imgData = ctx.getImageData(0, 0, width, height).data; var n = imgData.length; for (var i = 0; i < n; i+= ~~(step * (imre * step))) { var ps = i * 100 / n; var ct = new Object(); ct.r = imgData[i]; ct.g = imgData[i+1]; ct.b = imgData[i+2]; var cy; switch (cs) { case "YUV" : cy = rgb2yuv(ct); vals.push(cy); break; case "HSL" : cy = argb2hsv(ct); vals.push(cy); break; case "CIELAB" : cy = rgb2cielab(ct); vals.push(cy); break; case "CIELUV" : cy = rgb2cieluv(ct); vals.push(cy); break; } } // Tri des valeurs switch (cs) { case "YUV" : vals.sort(function (a,b) {return (a.y, b.y)}); break; case "HSL" : vals.sort(function (a,b) {return (a.h, b.h)}); break; case "CIELAB" : vals.sort(function (a,b) {return (a.l, b.l)}); break; case "CIELUV" : vals.sort(function (a,b) {return (a.l, b.l)}); break; } // Computing color buckets var nc = vals.length; var nb = 1; //Last bucket; bins[1] = Array(); //Type de valeur de référence du bucket var typeCRf = null; if (mgcavg == "Average") { typeCRf = 0; } else { typeCRf = 1; } for (var i = 0; i < nc; i++) { if (bins[1].length == 0) { bins[1].push(vals[i]); } else { var bt = Array(); var t = false; for (var j = 1; j <= nb; j++) { switch (typeCRf) { case 0: var d = colorDifference(vals[i], meanColor(bins[j])); break; case 1: var d = colorDifference(vals[i], medColor(bins[j])); break; } if (d < threshold) { bt[j] = d; t = true; } } if (t == true) { //Adding to an existing bucket var fk = firstKey(bt); bins[fk].push(vals[i]); } else { //Creating a new bucket nb += 1; bins[nb] = new Array(); bins[nb].push(vals[i]); } } } drawCC2(); }35:Tf80,drawCC2 = function () { // Drawing the color circle var link1 = imre; var pi = Math.PI; var ro = pi / 2; const hist = d3.select(svg); hist.selectAll("*").remove(); var bc = Math.sqrt(bs[0].compte); var nbnr = nr(bs); var sw = 600 / 60; var mw = ~~(600/2); var mh = ~~(600/2); var l = ~~(sw * 6); var so = 1; //Symbol opacity var coef = 1.4; // Radius mag. coef. // Outer circle hist.append("circle") .attr("cx", 300) .attr("cy", 300) .attr("r", 298) .attr("stroke", "black") .attr("stroke-width", 1) .attr("fill", "white"); hist.append("line") .attr("stroke", "black") .attr("stroke-width", 1) .attr("x1", 2) .attr("y1", 298) .attr("x2", 598) .attr("y2", 298); hist.append("line") .attr("stroke", "black") .attr("stroke-width", 1) .attr("x1", 298) .attr("y1", 2) .attr("x2", 298) .attr("y2", 598); if (axisLabels == "Yes") { hist.append("text") .text("<- Hue ->") .attr("font-family", "sans-serif") .attr("font-size", "10px") .attr("fill", "grey") .attr("transform", "translate(508, 80) rotate(48)"); switch (axisType) { case 'HLS': hist.append("text") .text("<- Lum. ->") .attr("font-family", "sans-serif") .attr("font-size", "10px") .attr("fill", "grey") .attr("text-anchor", "middle") .attr("transform", "translate(288,120) rotate(90)"); break; case 'HSL': hist.append("text") .text("<- Sat. ->") .attr("font-family", "sans-serif") .attr("font-size", "10px") .attr("fill", "grey") .attr("text-anchor", "middle") .attr("transform", "translate(288,120) rotate(90)"); break; } } var nbpc = 0; // Main color is excluded (often background) for (var i = nbpc; i < nbnr; i++) { if (bs[i] == undefined) {continue;} switch (cs) { case "YUV" : var ce = yuv2rgb(bs[i].couleur); var sk = rgb2hsv(ce.r, ce.g, ce.b); break; case "HSL" : var ce = ahsv2rgb(bs[i].couleur); var sk = new Array(bs[i].couleur.h, bs[i].couleur.s, bs[i].couleur.v); break; case "CIELAB" : var ce = cielab2rgb(bs[i].couleur); var sk = rgb2hsv(ce.r, ce.g, ce.b); break; case "CIELUV" : var ce = cieluv2rgb(bs[i].couleur); var sk = rgb2hsv(ce.r, ce.g, ce.b); break; } switch (axisType) { case 'HSL': var h = sk[0]; var s = sk[1]; var v = sk[2] * coef; break; case 'HLS': var h = sk[0]; var v = sk[1] * coef; var s = sk[2]; break; } var ht = ((pi * 2) * h / 255) - ro; var va = bs[i].compte * zcc; var ra = ~~(Math.sqrt(va) * sw / bc); var x = ~~(s * Math.cos(ht)); var y = ~~(s * Math.sin(ht)); var hv = rgb2hsv(ce.r, ce.g, ce.b)[2]; var cci = (hv < 164) ? "rgb(255,255,255)" : "rgb(24,24,24)"; var contourColor = 0; var circleColor = "rgb(" + ce.r + "," + ce.g + "," + ce.b + ")"; contour == "Yes" ? contourColor = cci :contourColor = circleColor; hist.append("circle") .attr("cx", mw + x) .attr("cy", mh + y) .attr("r", ra) .attr("fill", circleColor) .attr("fill-opacity", so) .attr("stroke", contourColor) .attr("stroke-width", 1); } //preparePaletteCSV(blob); }36:T574,meanColor = function(bin) { var bl = bin.length; var ca = 0; var cb = 0; var cc = 0; var j = 0; switch (cs) { case "YUV" : for (j = 0; j < bl; j++) { ca += bin[j].y; cb += bin[j].u; cc += bin[j].v; } break; case "HSL" : for (j = 0; j < bl; j++) { ca += bin[j].h; cb += bin[j].s; cc += bin[j].v; } break; case "CIELAB" : for (j = 0; j < bl; j++) { ca += bin[j].l; cb += bin[j].a; cc += bin[j].b; } break; case "CIELUV" : for (j = 0; j < bl; j++) { ca += bin[j].l; cb += bin[j].u; cc += bin[j].v; } break; } var mc = null; switch (cs) { case "YUV" : mc = new cyuv(~~(ca / bl), ~~(cb / bl), ~~(cc / bl)); break; case "HSL" : mc = new chsv(~~(ca / bl), ~~(cb / bl), ~~(cc / bl)); break; case "CIELAB" : mc = new ccielab(~~(ca / bl), ~~(cb / bl), ~~(cc / bl)); break; case "CIELUV" : mc = new ccieluv(~~(ca / bl), ~~(cb / bl), ~~(cc / bl)); break; } return mc; }37:[{"id":"50d9fdaeba2d8cd7da768b31d16150dd0fbc0b1c2269b5db519e642a22e06e924ac7e9077d8d9e1a41592b9f53ef8d6695e0f2025d0d15ffe5282bc3ae707890","href":"https://static.observableusercontent.com/files/50d9fdaeba2d8cd7da768b31d16150dd0fbc0b1c2269b5db519e642a22e06e924ac7e9077d8d9e1a41592b9f53ef8d6695e0f2025d0d15ffe5282bc3ae707890","name":"cezanne_pommes_oranges_1899.jpeg","type":"image/jpeg","lastModified":1656226505091.465,"size":1540742}] 32:{"id":"2dcf6f1c41462920","slug":"a-colorful-abstract-of-an-image","title":"A colorful abstract of an image","thumbnail":"cc20eebc6395ecd8f085e96667cf6890f56f88b237fe0c31210fe66a8064f6a8","access_level":"public","create_time":"$D2022-04-09T08:39:46.344Z","update_time":"$D2024-01-28T08:33:03.501Z","view_time":null,"first_public_time":"$D2022-04-18T12:36:52.971Z","has_unpublished_edits":null,"fork":false,"stars":4,"starred":false,"owner":{"type":"team","id":"1936870012656af6","login":"ljegou","name":"Laurent Jégou","avatar_url":"https://avatars-next.observableusercontent.com/447aa44a872789c3c13d2505fdb5a34daaaa3a44590422f4f782b6ea9a4bd3ac","tier":"starter_2024"},"version":792,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"dc56e6af58493346","login":"ljegou","name":"Laurent Jégou","avatar_url":"https://avatars-next.observableusercontent.com/447aa44a872789c3c13d2505fdb5a34daaaa3a44590422f4f782b6ea9a4bd3ac","tier":null}],"members":[{"type":"individual","id":"dc56e6af58493346","login":"ljegou","name":"Laurent Jégou","avatar_url":"https://avatars-next.observableusercontent.com/447aa44a872789c3c13d2505fdb5a34daaaa3a44590422f4f782b6ea9a4bd3ac","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":{"id":"070186abdffcc2f1","slug":"analyse-couleurs","title":"Analyse couleurs","owner":{"id":"1936870012656af6","login":"ljegou","name":"Laurent Jégou"}},"type":"notebook","body":{"title":"A colorful abstract of an image","cells":[{"id":0,"value":"# A colorful abstract of an image","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":93,"value":"viewof imageSource = html``;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"{\n const bitmap = await createImageBitmap(imageSource);\n const [width, height] = [bitmap.width, bitmap.height];\n const ctx = DOM.context2d(width, height, 1);\n ctx.drawImage(bitmap, 0, 0);\n const canvas = ctx.canvas;\n\n analyse(ctx, threshold, width, height);\n \n return canvas;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":258,"value":"svg = d3.select(DOM.svg(600, 600))\n .attr('style', 'border: 1px solid grey')\n .node()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":449,"value":"To save the SVG, click the ... menu to the left.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":596,"value":"Plot.plot({\n x: {\n label: \"Hue →\",\n ticks: 10\n },\n y: {\n grid: true,\n label: \"Frequ.\",\n domain: [0, 100]\n },\n marks: [\n Plot.barY(bs, {y: d => d.compte, x: d => (d.couleur).h, fill: d => htmlColorFromRGB(ahsv2rgb(d.couleur))}),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"viewof imre = Inputs.range([4, 500], {value: 10, step: 10, label: \"Sampling step\"});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":697,"value":"viewof threshold = Inputs.range([1, 100], {value: 20, step: 1, label: \"Threshold\"});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":713,"value":"viewof mce = Inputs.radio([\"Yes\", \"No\"], {label: \"Main color excluded?\", value: \"Yes\"});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"viewof mgcavg = Inputs.radio([\"Average\", \"Median\"], {label: \"Main color grouping?\", value: \"Average\"});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"viewof cs = Inputs.radio([\"HSL\",\"YUV\",\"CIELAB\",\"CIELUV\"], {label: \"Color space?\", value: \"HSL\"});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":202,"value":"viewof axisType = Inputs.radio([\"HLS\", \"HSL\"], {label: \"Axis?\", value: \"HLS\"});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"viewof contour = Inputs.radio([\"Yes\", \"No\"], {label: \"Draw contours?\", value: \"Yes\"});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":185,"value":"viewof axisLabels = Inputs.radio([\"Yes\", \"No\"], {label: \"Show axis labels?\", value: \"Yes\"});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":488,"value":"viewof zcc = Inputs.range([2, 200], {value: 100, step: 10, label: \"Symbol size\"});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":585,"value":"bs = {\n // Vars recalls for interactive linking cells\n var link2 = imre;\n var link2b = threshold;\n if (mce === \"Yes\") {\n bins.shift();\n return classeBins2(bins);\n } else {\n return classeBins2(bins);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":730,"value":"bins = Array();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":651,"value":"bs.map(d => (d.couleur).h)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":497,"value":"*Author*: L. Jégou, Université Toulouse-2 Jean Jaurès, Dépt. de Géographie\n*Licence*: Creative Commons Attribution 4.0","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":514,"value":"*If you use the tool, please cite:*\n\nLaurent Jégou (2019) Expanding the Sémiologie Graphique for contemporary cartography, some ideas from visual semiotics, art history and design, Cartography and Geographic Information Science, 46:2, 182-188, DOI: 10.1080/15230406.2018.1513343\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"### Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":6,"value":"createImageBitmap = window.createImageBitmap ||\n ((blob) =>\n new Promise((resolve) => {\n let img = document.createElement(\"img\");\n img.addEventListener(\"load\", () => resolve(this));\n img.src = URL.createObjectURL(blob);\n }))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"classeBins2 = function(bins) {\n var tb = Array();\n var c = null;\n for (var i = 1; i < bins.length; i++) {\n if (mgcavg === \"Average\") {\n c = meanColor(bins[i]);\n } else {\n c = medColor(bins[i]);\n }\n var l = bins[i].length;\n tb.push({index:i, couleur:c, compte:l});\n }\n tb.sort(function(a,b) {return b.compte-a.compte;});\n return tb;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"f = function(t) {\n var d = 6 / 29;\n if (t > d * d * d) {\n return Math.pow(t, 1 / 3);\n } else {\n return t / 3 / d / d + 4 / 29;\n }\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"g = function(t) {\n var d = 6 / 29;\n if (t > d) {\n return t * t * t;\n } else {\n return 3 * d * d * (t - 4 / 29);\n }\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"//White point at D65 and observer 2° (1931)\nfunction wp() {\n this.Xw = 95.047;\n this.Yw = 100.0;\n this.Zw = 108.883;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"function crgb(r,g,b) {\n\tthis.r = r;\n\tthis.g = g;\n\tthis.b = b;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"function cyuv(y,u,v) {\n\tthis.y = y;\n\tthis.u = u;\n\tthis.v = v;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"function chsv(h,s,v) {\n\tthis.h = h;\n\tthis.s = s;\n\tthis.v = v;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"function ccielab(l,a,b) {\n\tthis.l = l;\n\tthis.a = a;\n\tthis.b = b;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"function cielab2rgb(s) {\n\tvar xyz = cielab2xyz(s);\n\tvar c = xyz2rgb(xyz);\n\treturn c;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"function ccieluv(l,u,v) {\n\tthis.l = l;\n\tthis.u = u;\n\tthis.v = v;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"function cieluv2rgb(s) {\n\tvar xyz = cieluv2xyz(s);\n\tvar c = xyz2rgb(xyz);\n\treturn c;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"function xyz2rgb(c) {\n\tvar r,g,b;\n\tvar x, y, z;\n\n\tx = c.x / 100.0;\n\ty = c.y / 100.0;\n\tz = c.z / 100.0;\n\n\tr = x * 3.2404542 + y * -1.5371385 + z * -0.4985314;\n\tg = x * -0.9692660 + y * 1.8760108 + z * 0.0415560;\n\tb = x * 0.0556434 + y * -0.2040259 + z * 1.0572252;\n\n\tif (r > 0.0031308) {r = 1.055 * (Math.pow(r, (1/ 2.4))) - 0.055;} else {r = 12.92 * r;}\n\tif (g > 0.0031308) {g = 1.055 * (Math.pow(g, (1/ 2.4))) - 0.055;} else {g = 12.92 * g;}\n\tif (b > 0.0031308) {b = 1.055 * (Math.pow(b, (1/ 2.4))) - 0.055;} else {b = 12.92 * b;}\n\n\tr = (r * 255.0);\n\tg = (g * 255.0);\n\tb = (b * 255.0);\n\tif (r > 255) {r = 255;}\n\tif (r < 0) {r = 0;}\n\tif (g > 255) {g = 255;}\n\tif (g < 0) {g = 0;}\n\tif (b > 255) {b = 255;}\n\tif (b < 0) {b = 0;}\n\n\tvar a = new crgb(Math.floor(r), Math.floor(g), Math.floor(b));\n\treturn a;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"function rgb2yuv(s) {\n var y,u,v;\n\ty = Math.round(s.r * .299000 + s.g * .587000 + s.b * .114000);\n\tu = Math.round(s.r * -.168736 + s.g * -.331264 + s.b * .500000 + 128);\n\tv = Math.round(s.r * .500000 + s.g * -.418688 + s.b * -.081312 + 128);\n\tvar c = new cyuv(y,u,v);\n\treturn c;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"function yuv2rgb(s) {\n\tvar r = s.y + 1.4075 * (s.v - 128);\n\tvar g = s.y - 0.3455 * (s.u - 128) - (0.7169 * (s.v - 128));\n\tvar b = s.y + 1.7790 * (s.u - 128);\n\n\tvar c = new crgb(r,g,b);\n\n\tc.r=Math.floor(c.r);\n\tc.g=Math.floor(c.g);\n\tc.b=Math.floor(c.b);\n\n\tif (c.r<0) c.r=0;\n\t else\n\tif (c.r>255) c.r=255;\n\n\tif (c.g<0) c.g=0;\n\t else\n\tif (c.g>255) c.g=255;\n\n\tif (c.b<0) c.b=0;\n\t else\n\tif (c.b>255) c.b=255;\n\n\treturn c;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"function rgb2hsv(red, green, blue) {\n\tred /= 255.0;\n\tgreen /= 255.0;\n\tblue /= 255.0;\n\tvar hue, sat, val,\n\tmin = Math.min(red, green, blue),\n\tmax = Math.max(red, green, blue),\n\tdelta = max - min,\n\tval = max;\n\n\t// This is gray (red==green==blue)\n\tif (delta === 0) {\n\t\thue = sat = 0;\n\t} else {\n\t\tsat = delta / max;\n\t\tif (max === red) {\n\t\t\thue = (green - blue) / delta;\n\t\t} else if (max === green) {\n\t\t\thue = (blue - red) / delta + 2;\n\t\t} else if (max === blue) {\n\t\t\thue = (red - green) / delta + 4;\n\t\t}\n\t\thue /= 6;\n\t\tif (hue < 0) {\n\t\t\thue += 1;\n\t\t}\n\t}\n\n\treturn [Math.round(hue*255), Math.round(sat*255), Math.round(val*255)];\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"argb2hsv = function (c) {\n\tvar r, g, b;\n\tr = c.r / 255;\n\tg = c.g / 255;\n\tb = c.b / 255;\n\tvar hue, sat, val,\n\tmin = Math.min(r, g, b),\n\tmax = Math.max(r, g, b),\n\tdelta = max - min,\n\tval = max;\n\n\t// This is gray (red==green==blue)\n\tif (delta === 0) {\n\t\thue = sat = 0;\n\t} else {\n\t\tsat = delta / max;\n\t\tif (max === r) {\n\t\t\thue = (g - b) / delta;\n\t\t} else if (max === g) {\n\t\t\thue = (b - r) / delta + 2;\n\t\t} else if (max === b) {\n\t\t\thue = (r - g) / delta + 4;\n\t\t}\n\t\thue /= 6;\n\t\tif (hue < 0) {\n\t\t\thue += 1;\n\t\t}\n\t}\n\n\tvar s = new chsv(Math.round(hue*255), Math.round(sat*255), Math.round(val*255));\n\treturn s;\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"ahsv2rgb = function (c) {\n\tvar hue, sat, val;\n\tvar red, grn, blu, i, f, p, q, t;\n\thue = c.h;\n\tsat = c.s;\n\tval = c.v;\n\thue%=255.0;\n\tif(sat==0) {return(new crgb(Math.round(c.v), Math.round(c.v), Math.round(c.v)))};\n\tif(val==0) {return(new crgb(0,0,0));}\n\tsat/=255.0;\n\tval/=255.0;\n\thue/=255.0;\n\tif (hue >= 1.0) {hue = 0.0} else {hue *= 6.0};\n\ti = Math.floor(hue);\n\tf = hue-i;\n\tp = val*(1-sat);\n\tq = val*(1-(sat*f));\n\tt = val*(1-(sat*(1-f)));\n\tif (i==0) {red=val; grn=t; blu=p;}\n\telse if (i==1) {red=q; grn=val; blu=p;}\n\telse if (i==2) {red=p; grn=val; blu=t;}\n\telse if (i==3) {red=p; grn=q; blu=val;}\n\telse if (i==4) {red=t; grn=p; blu=val;}\n\telse {red=val; grn=p; blu=q;}\n\tred = Math.floor(red*255.0);\n\tgrn = Math.floor(grn*255.0);\n\tblu = Math.floor(blu*255.0);\n\n\treturn new crgb(red,grn,blu);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":602,"value":"htmlColorFromRGB = function(ce){\n var circleColor = \"\";\n if (isNaN(ce.r) || isNaN(ce.g) || isNaN(ce.b)) {\n circleColor = \"rgb(255,255,255)\";\n } else {\n circleColor = \"rgb(\" + ce.r + \",\" + ce.g + \",\" + ce.b + \")\";\n }\n return circleColor;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"function rgb2cielab(s) {\n\tvar xyz = rgb2xyz(s);\n\tvar c = xyz2cielab(xyz);\n\treturn c;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"function rgb2cieluv(s) {\n\tvar xyz = rgb2xyz(s);\n\tvar c = xyz2cieluv(xyz);\n\treturn c;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"function xyz2cielab(c) {\n\tvar L_star, X, Y, Z, a_star, b_star, fY;\n var wpa = new wp();\n \n X = c.x, Y = c.y, Z = c.z;\n fY = f(Y / wpa.Yw);\n L_star = 116 * fY - 16;\n a_star = 500 * (f(X / wpa.Xw) - fY);\n b_star = 200 * (fY - f(Z / wpa.Zw));\n\n\tvar a = new ccielab(L_star, a_star, b_star);\n return a;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"function xyz2cieluv(c) {\n\tvar L_star, X, Y, Z, u_star, v_star, up, vp, u0p, v0p, Yd;\n var wpa = new wp();\n X = c.x, Y = c.y, Z = c.z;\n\n\tYd = Y / wpa.Yw;\n\tif (Yd >= 0.00885645167903563082) {\n\t\tYd = Math.pow(Yd, 1.0 / 3.0);\n\t} else {\n\t\tYd = (7.787 * Yd) + (16.0 / 116.0);\n\t}\n\n\tup = (4.0 * X) / (X + (15.0 * Y) + (3.0 * Z));\n vp = (9.0 * Y) / (X + (15.0 * Y) + (3.0 * Z));\n u0p = (4.0 * wpa.Xw) / (wpa.Xw + (15.0 * wpa.Yw) + (3.0 * wpa.Zw));\n v0p = (9.0 * wpa.Yw) / (wpa.Xw + (15.0 * wpa.Yw) + (3.0 * wpa.Zw));\n L_star = (116.0 * Yd) - 16.0;\n u_star = 13.0 * L_star * (up - u0p);\n v_star = 13.0 * L_star * (vp - v0p);\n \n\tvar a = new ccieluv(L_star, u_star, v_star);\n return a;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":251,"value":"function cielab2xyz(c) {\n var L_star, X, Y, Z, a_star, b_star, temp;\n L_star = c.l, a_star = c.a, b_star = c.b;\n temp = (L_star + 16) / 116;\n var wpa = new wp();\n \n X = wpa.Xw * g(temp + a_star / 500);\n Y = wpa.Yw * g(temp);\n Z = wpa.Zw * g(temp - b_star / 200);\n\n\tvar a = new cxyz(X, Y, Z);\n return a;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"function cieluv2xyz(c) {\n\tvar L_star, X, Y, Z, u_star, v_star, u_w, v_w, u_prime, v_prime;\n var wpa = new wp();\n\tL_star = c.l;\n\tu_star = c.u;\n\tv_star = c.v;\n\t\n\tY = (L_star + 16.0) / 116.0;\n if (Math.pow(Y, 3.0) > 0.00885645167903563082) {\n Y = Math.pow(Y, 3.0);\n } else {\n Y = (Y - (16.0/116.0))/7.787;\n }\n\n u_w = (4.0 * wpa.Xw) / (wpa.Xw + (15.0 * wpa.Yw) + (3.0 * wpa.Zw));\n v_w = (9.0 * wpa.Yw) / (wpa.Xw + (15.0 * wpa.Yw) + (3.0 * wpa.Zw));\n u_prime = u_star / (13.0 * L_star) + u_w;\n v_prime = v_star / (13.0 * L_star) + v_w;\n\n Y = Y * 100.0;\n X = -(9.0 * Y * u_prime) / ((u_prime - 4.0) * v_prime - u_prime * v_prime);\n Z = (9.0 * Y - (15.0 * v_prime * Y) - (v_prime * X)) / (3.0 * v_prime);\n\n var a = new cxyz(X, Y, Z);\n return a;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"function rgb2xyz(c) {\n\tvar x, y, z;\n\tvar r, g, b;\n\n\tr = c.r / 255.0;\n\tg = c.g / 255.0;\n\tb = c.b / 255.0;\n\t\n\tif (r > 0.04045) {r = Math.pow((r + 0.055) / 1.055, 2.4)} else {r = r / 12.92};\n\tif (g > 0.04045) {g = Math.pow((g + 0.055) / 1.055, 2.4)} else {g = g / 12.92};\n\tif (b > 0.04045) {b = Math.pow((b + 0.055) / 1.055, 2.4)} else {b = b / 12.92};\n\n\tr = r * 100.0;\n\tg = g * 100.0;\n\tb = b * 100.0;\n\n\tx = 0.4124564 * r + 0.3575761 * g + 0.1804375 * b;\n\ty = 0.2126729 * r + 0.7151522 * g + 0.0721750 * b;\n\tz = 0.0193339 * r + 0.1191920 * g + 0.9503041 * b;\n\n\tvar a = new cxyz(x, y, z);\n\treturn a;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"function cxyz(x,y,z) {\n\tthis.x = x;\n\tthis.y = y;\n\tthis.z = z;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"medColor = function(bin) {\n var ac = arrayCount(bin);\n var liste = sortObject(ac);\n if(liste[0]) {\n var mc = liste[0].key.split(\"|\");\n var c1 = parseInt(mc[0]);\n var c2 = parseInt(mc[1]);\n var c3 = parseInt(mc[2]);\n switch (cs) {\n case \"YUV\" :\n return new cyuv(c1, c2, c3);\n break;\n case \"HSL\" :\n return new chsv(c1, c2, c3);\n break;\n case \"CIELAB\" :\n return new ccielab(c1, c2, c3);\n break;\n case \"CIELUV\" :\n return new ccieluv(c1, c2, c3);\n break;\n }\n } else {\n return null;\n }\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":160,"value":"arrayCount = function(a) {\n if (!a) {return;}\n var result = {};\n switch (cs) {\n case \"YUV\" :\n for(var i = 0; i < a.length; i++) {\n var c = a[i].y+'|'+a[i].u+'|'+a[i].v;\n result[c] = result[c] ? result[c] + 1 : 1;\n }\n break;\n case \"HSL\" :\n for(var i = 0; i < a.length; i++) {\n var c = a[i].h+'|'+a[i].s+'|'+a[i].v;\n result[c] = result[c] ? result[c] + 1 : 1;\n }\n break;\n case \"CIELAB\" :\n for(var i = 0; i < a.length; i++) {\n var c = a[i].l+'|'+a[i].a+'|'+a[i].b;\n result[c] = result[c] ? result[c] + 1 : 1;\n }\n break;\n case \"CIELUV\" :\n for(var i = 0; i < a.length; i++) {\n var c = a[i].l+'|'+a[i].u+'|'+a[i].v;\n result[c] = result[c] ? result[c] + 1 : 1;\n }\n break;\n }\n return result;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"function sortObject(obj) {\n var arr = [];\n for (var prop in obj) {\n if (obj.hasOwnProperty(prop)) {\n arr.push({\n 'key': prop,\n 'value': obj[prop]\n });\n }\n }\n arr.sort(function(a, b) {return b.value - a.value;});\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"firstKey = function(obj) {\n var tuples = [];\n for (var key in obj) {\n tuples.push([key, obj[key]]);\n }\n tuples.sort(\n function(a, b) {\n return a[1] > b[1] ? 1 : a[1] < b[1] ? -1 : 0\n }\n );\n return tuples[0][0];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"function colorDifference(c1, c2) {\n\tswitch (cs) {\n\t\tcase \"YUV\" :\n\t\t\tvar d = 0;\n\t d = Math.sqrt(Math.pow((c1.y-c2.y),2)+Math.pow((c1.u-c2.u),2)+Math.pow((c1.v-c2.v),2));\n\t return d;\n\t\t\tbreak;\n\t\tcase \"HSL\" :\n var d = 0;\n\t d = Math.sqrt(Math.pow((c1.h-c2.h),2)+Math.pow((c1.s-c2.s),2)+Math.pow((c1.v-c2.v),2));\n\t return d;\n\t\t\tbreak;\n\t\tcase \"CIELAB\" :\n\t\t\tvar d = 0;\n\t d = Math.sqrt(Math.pow((c1.l-c2.l),2)+Math.pow((c1.a-c2.a),2)+Math.pow((c1.b-c2.b),2));\n\t return d;\n\t\t\tbreak;\n\t\tcase \"CIELUV\" :\n\t\t\tvar d = 0;\n\t d = Math.sqrt(Math.pow((c1.l-c2.l),2)+Math.pow((c1.u-c2.u),2)+Math.pow((c1.v-c2.v),2));\n\t return d;\n\t\t\tbreak;\n\t}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"nr = function(bs) {\n for (var i = 0; i < bs.length; i++) {\n if (bs[i].compte == 1) {\n return i;\n }\n }\n return bs.length;\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"d3 = require(\"d3\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 33:"$32:body"