30:T414,flowers = [ { values: [0.0, 0.0, 0.0, 0.0, 0.0, 0.0], smudge: [0.0, 0.0, 0.0, 0.0, 0.0, 0.0] }, { values: [0.0, 0.1, 0.0, 0.1, 0.0, 0.1], smudge: [2.0, 3.0, 1.0, 1.0, 2.0, 3.0] }, { values: [0.0, 0.1, 0.0, 0.1, 0.0, 0.2], smudge: [1.8, 0.9, 1.0, 0.6, 0.9, 2.9] }, { values: [0.1, 0.2, 0.1, 0.3, 0.0, 0.2], smudge: [1.0, 0.8, 0.5, 0.4, 0.4, 2,6] }, { values: [0.1, 0.3, 0.2, 0.6, 0.1, 0.2], smudge: [1.0, 0.2, 0.7, 0.4, 0.5, 2.3] }, { values: [0.2, 0.4, 0.3, 0.7, 0.3, 0.3], smudge: [1.5, 0.3, 0.5, 0.3, 0.6, 2.0] }, { values: [0.3, 0.6, 0.5, 0.7, 0.4, 0.4], smudge: [1.0, 0.8, 0.5, 0.4, 0.4, 1.0] }, { values: [0.5, 0.7, 0.7, 0.7, 0.6, 0.5], smudge: [1.0, 0.8, 0.5, 0.4, 0.4, 1.3] }, { values: [0.7, 0.8, 0.8, 0.8, 0.8, 0.7], smudge: [0.9, 0.7, 0.3, 0.3, 0.4, 1.0] }, { values: [0.9, 1.0, 0.9, 1.0, 1.0, 0.9], smudge: [0.9, 0.6, 0.2, 0.1, 0.3, 0.9] }, { values: [0.9, 1.0, 1.0, 1.0, 1.0, 0.9], smudge: [0.5, 0.9, 0.1, 0.0, 0.2, 0,8] }, { values: [1.0, 1.0, 1.0, 1.0, 1.0, 1.0], smudge: [0.0, 0.0, 0.0, 0.0, 0.0, 0.0] } ]31:T4fe,npo = ({ title: "NPO Betrouwbaar", kind: "Onderscheidend", members: [], max: 1, appearance: [ { category: "Betrouwbaar", color: "hotpink" }, { category: "Pluriform", color: "deepskyblue" }, { category: "Divers", color: "lime" }, { category: "Impactvol", color: "fuchsia" }, { category: "Geëngageerd", color: "gold" }, { category: "Authentiek", color: "royalblue" }, { category: "Eigenzinnig", color: "hotpink" }, { category: "Vernieuwend", color: "deepskyblue" }, { category: "Onafhankelijk", color: "lime" }, ], probes: [ { date: "NPO", scores: [ {mean: .71, sigma: 0 }, {mean: .74, sigma: 0 }, {mean: .75, sigma: 0 }, {mean: .73, sigma: 0 }, {mean: .77, sigma: 0 }, {mean: .58, sigma: 0 }, {mean: .45, sigma: 0 }, {mean: .49, sigma: 0 }, {mean: .60, sigma: 0 }, ] }, { date: "Commercieel", scores: [ {mean: .30, sigma: 0 }, {mean: .54, sigma: 0 }, {mean: .56, sigma: 0 }, {mean: .38, sigma: 0 }, {mean: .41, sigma: 0 }, {mean: .29, sigma: 0 }, {mean: .53, sigma: 0 }, {mean: .52, sigma: 0 }, {mean: .15, sigma: 0 }, ] }, ] })32:T508,orange = ({ title: "Awesome Assistants", kind: "Orange Flow Maturity", members: [], max: 1, appearance: [ { category: "We collaborate", color: "hotpink" }, { category: "We listen", color: "deepskyblue" }, { category: "We contribute", color: "lime" }, { category: "We trust", color: "fuchsia" }, { category: "We take responsibility", color: "gold" }, { category: "We delegate", color: "royalblue" }, { category: "We ask", color: "hotpink" }, { category: "We speak up", color: "deepskyblue" }, { category: "We challenge", color: "lime" }, { category: "We improve", color: "fuchsia" }, { category: "We invent & simplify", color: "gold" }, { category: "We are courageous", color: "royalblue" }, ], probes: [ { date: "2019 winter", scores: [ {mean: .1, sigma: 0 }, {mean: .1, sigma: 0 }, {mean: .1, sigma: 0 }, {mean: .1, sigma: 0 }, {mean: .1, sigma: 0 }, {mean: .1, sigma: 0 }, {mean: .1, sigma: 0 }, {mean: .1, sigma: 0 }, {mean: .1, sigma: 0 }, {mean: .1, sigma: 0 }, {mean: .1, sigma: 0 }, {mean: .1, sigma: 0 }, ] }, ] } )33:T499,acme = { // const seasons = [ // "2016-03-21", // "2016-06-21", // "2016-09-21", // "2016-12-21", // "2017-03-21", // "2017-06-21", // "2017-09-21", // "2017-12-21", // "2018-03-21", // "2018-06-21", // "2018-09-21", // "2018-12-21" // ]; const seasons = [ "2016 winter", "2016 spring", "2016 summer", "2016 autumn", "2017 winter", "2017 spring", "2017 summer", "2017 autumn", "2018 winter", "2018 spring", "2018 summer", "2018 autumn" ]; return { title: "ACME, Inc.", kind: "Kanban Maturity", members: [], max: 1, appearance: [ { category: "Visual Management", color: "hotpink" }, { category: "WIP Limit", color: "deepskyblue" }, { category: "Manage Flow", color: "lime" }, { category: "Explicit policy", color: "fuchsia" }, { category: "Loops", color: "gold" }, { category: "Evolve", color: "royalblue" } ], probes: flowers.map((k, i) => { return { date: seasons[i], scores: k.values.map((l, j) => { return { mean: l, sigma: k.smudge[j] }; }) }; }) }; }34:T80a,function show(appraisal, probeIndex) { const startTime = performance.now(); const probe = appraisal.probes[probeIndex]; const u = Math.trunc(width / 16); const w = 16 * u; const h = 9 * u; const gridSize = 36; const W = 16; const H = 9; const S = 0.75; let a = ``; let panel = ``; return svg`${panel}`; function text(kind, [x, y], dy, string) { return `${string}`; } function keyValue(line, [x, y], dy, key, value) { dy *= line - 1; return ( text("probe-key", [m(x), m(y)], m(dy), key) + text("probe-value", [m(x + 0.5), m(y)], m(dy), value) ); } }35:T159d,function flower(appraisal, probeIndex, rotation, scale) { const probe = appraisal.probes[probeIndex]; setupGradients(appraisal, probeIndex); let g = ""; g += grid(); g += ripples(numberOfRipples, scale); g += label(appraisal, probeIndex); let a = ""; a += defs(appraisal); a += ""; probe.scores.forEach((score, i) => { a += layersOfPetals(score.mean / appraisal.max, numberOfRipples, i); if (showRadials) a += ``; }); return `${g}${a}`; function head(appraisal, probeIndex) { let h = ""; h += title(appraisal, probeIndex); return h; function title(appraisal, probeIndex) {} } // Define the global gradients and blurs. function defs(appraisal) { let gradients = ""; appraisal.appearance.forEach(segment => { gradients += `${segment.gradient.value}`; }); let filters = ""; appraisal.appearance.forEach(segment => { filters += `${segment.blur.value}`; }); return `${gradients}${filters}`; } // Draw rippleCount layered petals for a specific segment and in its appropriate segment color, // as a function of the value. function layersOfPetals(value, rippleCount, segment) { let a = ""; a += `transform="rotate(${(segment * 360) / probe.scores.length})"`; a += `fill="${appraisal.appearance[segment].gradient.id}"`; if (!navigator.userAgent.match("HeadlessChrome")) // kludge: avoid rendering blur on thumbnail machine a += `filter="${appraisal.appearance[segment].blur.id}"`; return `${petals(rippleCount)}`; // Draw each petal at its approprate scale as a function of the number of ripples. function petals(rippleCount) { let a = ""; for (let i = rippleCount; i >= 0; i--) { // rippleCount layers, smaller ones on top of larger ones let scale = (i + 1) / rippleCount < value ? (i + 1) / rippleCount : value; a += ` { // loop colors if appraisal.length > appearance.length const appearance = appraisal.appearance[i % appraisal.appearance.length]; const guid = DOM.uid("gradient"); appearance.gradient = { id: guid, value: `` + `` + `` + `` }; const buid = DOM.uid("blur"); appearance.blur = { id: buid, value: `` + `` + `` }; }); return appraisal; } function label(appraisal, probeIndex) { const probe = appraisal.probes[probeIndex]; const center = [0, 0]; let a = ""; probe.scores.forEach((b, i) => { const dotColor = appraisal.appearance[i].color; const alpha = 2 * Math.PI * (i / probe.scores.length + rotation / 360); const bend = dotOnCircle(labelCenterDistance, alpha); const side = bend[0] > 0 ? +1 : -1; const edgePoint = [side * 100, bend[1]]; const textAnchor = [edgePoint[0] + side * 5, edgePoint[1]]; const statAnchor = [textAnchor[0], textAnchor[1] + 5]; const stats = `avg = ${b.mean.toFixed(1)} / σ = ${b.sigma.toFixed(1)}`; a += polyline([center, bend, edgePoint]); a += text("label", textAnchor, side, appraisal.appearance[i].category); if (showStatistics) a += text("stats", statAnchor, side, stats); a += dot(bend, dotColor); a += dot(center, "darkred"); }); return `${a}`; function polyline(l, kind = "ray") { let a = ""; const start = l.shift(); if (start) a += `M${start[0]} ${start[1]}`; l.forEach(p => { a += ` L${p[0]} ${p[1]}`; }); return ``; } function text(kind, [x, y], anchor, t) { const a = anchor == 1 ? "start" : "end"; return ` ${t}`; } function dotOnCircle(radius, angle) { return [radius * Math.cos(angle), radius * Math.sin(angle)]; } } function ripples(numberOfRipples, scale) { if (showRipples) { const ripple = numberOfRipples => { let a = ""; for (let r = numberOfRipples; r > 0; r--) a += ``; return a; }; return `${ripple( numberOfRipples )}`; } } function dot([x, y], color) { const a = x.toFixed(1); const b = y.toFixed(1); let z = ""; if (showHandles) z += ``; if (showCoordinates) z += `(${a}, ${b})`; return z; } }36:T4f5,function style() { return ``; }37:Tc30,function fris(title, data, max) { const kind = "Agendashift Assessment"; // Six brilliant colors, one for each category. const colors = [ "hotpink", "deepskyblue", "lime", "fuchsia", "gold", "royalblue" ]; // Extract list of unique categories, omitting the first (header) row. const categories = [...new Set(data.slice(1).map(k => k[0]))]; // Inital list of appearances contains { category, color }. // Loop through the list of colors if categories.lenght > colors.length. const appearance = categories.map((k, i) => ({ category: k, color: colors[i % colors.length] })); const members = data[0].slice(2); const scores = scoreDistribution(data); const probes = [{ date: "2017-10-24", scores }]; // const appraisal = organisation; return { title, kind, members, max, appearance, probes }; // return probe; function scoreDistribution(scores) { const distribution = []; categories.forEach((category, i) => { // Grep all entries with current category. const selection = scores.filter(k => k[0] == category); // Convert strings to numbers; except col 1: contains category name. const numbers = selection.map(e => e.slice(1)).map(l => l.map(n => +n)); // Extract the prompt numbers for this category: just the first entry. const prompts = numbers.map(k => k[0]); // Extract the values for this category: everything but the first entry. const values = numbers.map(k => k.slice(1)); // Derive the interquartile mean per prompt in this category. const iqms = values.map(k => IQM(k)); // Derive the mean (average) across all prompts for this category. const mean = iqms.reduce((a, v) => a + v, 0) / iqms.length; // Calculate difference between each entry and mean (in order to derive standard deviation next). const diffs = iqms.map(k => (k - mean) ** 2); // Calculate standard deviation (sigma). const sigma = Math.sqrt(diffs.reduce((a, v) => a + v, 0) / diffs.length); // uncomment next line to include intermediate results on object // distribution.push({mean, sigma, diffs, iqms, prompts, values}); distribution.push({ mean, sigma, prompts }); }); return distribution; // IQM() calculates the interquantile mean from a list of numbers in order to strip any outliers on both ends.` function IQM(arr) { // see https://talk.observablehq.com/t/interquartile-mean-iqm/1541/2?u=martien // thank you https://talk.observablehq.com/u/bgchen // const a = [1, 3, 4, 5, 6, 6, 7, 7, 8, 8, 9, 38]; // IQM(a) == 6.5 // MEAN(a) == 8.5 const l = arr.length; // Quadruplicate the array to make its length divisible by four (duh). return ( arr .concat(arr, arr, arr) // Sort the array to move any outliers to the edges. .sort((x, y) => x - y) // Chop off the lower and upper quarter, leaving the middle half. .slice(l, -l) // Calculate the mean. .reduce((a, v) => a + v, 0) / (2 * l) ); } } }38:Tdff,rawAgendashiftDataFromFreshNFruity = d3.csvParseRows(`Category,Prompt,John,Paul,George,Ringo,Emerson,Lake,Palmer,Crosby,Stills,Nash,Young,Agnetha,Björn,Benny,Anni-Frid,Collins,Gabriel,Banks,Phillips,Hacket,Bruford,Rutherford,Stuermer,Gilmour,Waters,Mason,Barret,Wright,Lukather,Porcaro,Paich,Kimball Transparency,11,2,3,2,2,3,2,4,3,2,2,3,3,3,3,4,3,3,2,3,3,2,2,3,2,3,2,4,2,3,3,3,2 Transparency,13,2,3,3,2,2,2,3,3,2,3,2,2,3,2,3,3,2,2,2,3,2,3,3,3,3,3,4,1,2,3,3,2 Transparency,15,2,2,2,2,2,3,3,2,3,2,2,2,3,2,3,3,2,3,2,4,2,1,2,3,3,2,3,2,1,2,1,2 Transparency,16,2,2,3,3,2,3,4,2,2,2,2,3,3,4,2,3,1,3,3,3,3,3,3,3,2,3,2,2,2,2,3,3 Transparency,17,2,2,3,2,2,3,3,2,3,3,3,3,2,3,3,3,3,2,3,3,3,3,3,3,2,3,3,2,2,2,2,3 Transparency,18,2,2,3,2,2,2,3,1,2,2,2,3,2,2,2,2,2,4,2,2,1,2,2,3,3,2,3,2,1,2,1,3 Transparency,19,1,3,4,4,2,4,3,2,3,3,2,2,3,3,4,4,3,2,2,3,2,2,4,3,4,3,3,3,3,3,3,3 Transparency,20,2,2,3,2,2,1,4,2,3,3,2,2,2,3,3,3,2,2,2,2,2,3,2,2,3,3,3,2,2,3,2,3 Balance,22,1,1,1,2,2,2,2,1,1,2,2,1,2,4,3,4,2,1,1,1,2,2,1,2,2,1,2,2,2,1,2,1 Balance,23,2,1,1,2,2,3,2,1,1,2,1,2,3,3,2,3,1,1,2,2,2,2,2,2,3,3,2,3,1,2,3,1 Balance,24,1,2,2,3,2,2,3,2,2,3,2,2,2,3,4,3,2,2,1,3,3,3,3,2,3,3,4,2,1,3,2,1 Balance,25,2,2,2,3,1,3,3,1,2,1,2,2,3,3,2,3,1,2,3,2,2,2,3,3,1,2,3,2,1,2,1,1 Balance,27,1,3,2,1,2,3,3,2,1,2,2,2,2,4,3,4,2,1,2,2,2,2,3,3,2,2,3,2,1,2,2,2 Balance,28,2,2,1,3,2,3,3,3,2,2,2,2,3,3,2,3,2,1,2,2,3,2,2,3,2,1,3,2,1,2,2,2 Balance,29,2,3,3,2,2,2,2,2,1,2,3,3,3,3,4,4,2,1,2,2,2,2,2,2,3,3,3,2,2,3,2,2 Balance,30,3,3,4,3,3,4,4,3,3,2,3,3,4,4,4,4,1,4,1,4,4,4,4,3,2,4,4,3,3,4,3,3 Collaboration,31,3,3,2,2,3,2,3,1,1,2,1,2,3,2,2,2,3,2,3,2,2,2,1,2,2,2,2,2,2,3,2,1 Collaboration,32,2,3,3,2,,2,3,3,2,2,2,2,2,4,3,4,2,3,3,2,3,3,2,2,2,2,3,3,3,3,1,2 Collaboration,33,3,3,4,3,,3,3,3,3,2,2,3,2,3,3,4,3,2,3,4,3,2,4,2,2,3,3,2,2,4,2,3 Collaboration,34,2,3,3,3,,3,2,3,3,2,2,2,2,3,2,4,3,2,3,3,2,2,3,3,3,2,3,2,2,3,2,3 Collaboration,35,2,2,2,3,,4,3,3,3,3,2,3,2,2,3,4,3,2,2,3,2,3,4,2,3,3,4,3,2,3,3,3 Collaboration,36,2,2,2,2,,3,3,3,2,2,2,3,3,2,3,4,3,3,3,3,3,2,3,2,3,3,4,3,2,4,3,2 Collaboration,37,2,2,2,2,,2,2,2,3,2,2,3,2,3,2,3,2,2,2,2,2,2,4,2,3,2,1,2,2,2,2,2 Outcome,38,3,3,3,2,,3,3,2,3,3,3,3,4,3,4,4,3,3,2,3,3,3,3,3,3,3,3,2,2,3,3,3 Outcome,39,2,2,3,3,,2,2,3,2,2,3,3,3,2,3,4,2,3,3,2,1,3,3,2,3,3,4,1,1,4,3,3 Outcome,40,2,2,3,2,,3,3,2,3,2,3,3,3,3,3,4,2,4,2,2,2,3,2,2,2,3,4,2,3,2,3,3 Outcome,42,2,3,2,3,,3,3,2,2,2,2,2,3,2,2,3,2,2,3,1,2,2,1,2,2,2,3,2,1,1,2,1 Outcome,44,2,3,3,2,,2,2,2,3,3,2,3,2,2,2,3,2,2,3,2,2,2,2,2,3,2,4,2,2,2,2,2 Outcome,45,2,3,3,3,,3,1,3,1,2,2,3,3,4,4,3,3,1,3,1,2,3,3,2,3,2,3,3,4,3,3,4 Flow,46,3,2,2,2,,3,1,2,1,3,2,2,2,2,3,2,2,2,1,2,3,3,2,2,2,2,3,2,2,2,3,2 Flow,47,2,3,2,2,,2,1,2,2,2,2,2,3,1,2,3,2,2,2,2,3,3,2,2,2,2,2,2,3,3,2,3 Flow,48,2,2,3,3,,4,3,3,1,2,3,3,4,4,3,3,2,3,2,3,4,3,3,3,2,3,3,2,3,4,2,3 Flow,49,2,2,3,2,,3,2,3,2,2,2,2,4,4,3,3,3,2,2,3,3,2,3,3,2,2,3,2,3,3,2,3 Flow,50,2,2,3,3,,3,2,3,2,2,2,3,3,2,3,3,2,2,3,3,1,2,3,2,3,2,3,1,3,1,3,3 Flow,51,2,3,3,3,,3,3,1,3,3,2,3,3,2,2,3,2,3,2,3,2,2,2,2,2,3,3,2,2,2,3,3 Flow,54,2,3,2,2,,3,3,3,2,2,3,3,3,2,2,3,2,2,3,2,2,2,3,2,3,3,3,3,3,3,2,2 Leadership,55,3,2,1,2,,3,2,3,3,2,2,2,3,2,3,2,3,2,2,3,2,2,3,3,3,2,3,2,3,3,3,2 Leadership,62,2,3,2,2,,3,3,3,3,3,2,3,3,3,3,3,3,3,4,3,3,2,4,2,3,2,3,2,3,4,3,3 Leadership,56,2,3,4,3,,4,4,4,3,2,2,3,3,4,4,2,3,3,3,2,3,2,3,3,3,3,3,2,2,3,2,2 Leadership,57,2,3,3,2,,4,2,3,2,2,2,2,3,3,4,3,3,2,3,2,2,2,3,2,2,2,3,2,2,3,2,2 Leadership,58,2,2,2,2,,3,3,2,2,2,2,2,2,2,3,2,2,2,2,2,2,2,4,2,2,2,3,2,3,2,2,2 Leadership,59,3,3,3,3,,3,4,4,3,2,3,3,3,3,3,2,3,3,4,4,3,3,4,3,4,3,2,3,3,4,3,3 Leadership,60,2,3,3,3,,4,3,3,2,2,3,3,4,3,4,3,2,3,3,3,2,2,4,3,3,3,1,2,3,3,3,3`)39:T8bb,rawAgendashiftFairy1 = d3.csvParseRows(`Category,Prompt,John,Paul,George,Ringo,Emerson,Lake,Palmer,Crosby,Stills,Nash,Young,Agnetha,Björn,Benny,Anni-Frid,Collins,Gabriel,Banks,Phillips Transparency,11,2,3,2,2,3,2,2,1,1,1,3,2,3,2,1,2,2,2,1 Transparency,13,1,3,2,3,3,2,2,1,1,2,3,2,2,2,1,3,2,3,1 Transparency,15,1,2,2,3,2,1,2,1,2,1,3,2,2,1,1,2,2,2,1 Transparency,16,1,3,3,3,2,1,1,1,1,2,2,2,2,1,1,2,2,2,2 Transparency,17,1,3,2,3,3,2,1,1,1,1,2,2,2,1,1,3,1,2,2 Transparency,18,2,2,2,3,1,2,2,1,1,1,1,2,2,1,1,2,1,2,2 Transparency,19,3,4,3,3,2,3,3,1,2,3,3,3,2,3,1,3,3,3,3 Transparency,20,3,2,2,3,1,1,1,1,1,1,1,1,2,3,1,2,2,2,2 Balance,22,,3,1,2,2,2,1,1,2,1,1,1,1,1,1,2,1,2,1 Balance,24,,3,1,3,3,2,1,1,3,1,2,2,1,3,1,2,2,2,1 Balance,23,,2,1,2,2,2,3,1,1,1,2,3,1,3,1,2,1,2,1 Balance,25,,3,1,1,3,3,2,1,2,1,2,2,1,3,1,2,2,2,2 Balance,27,,4,3,3,4,3,2,3,2,2,2,2,3,3,1,1,3,2,3 Balance,28,,3,2,3,3,2,1,,1,2,3,2,1,3,1,1,2,2,1 Balance,29,,3,1,2,3,1,1,,1,1,2,2,1,3,1,1,1,2,1 Balance,30,,2,3,1,3,3,2,,2,2,3,3,3,2,1,3,2,2,3 Collaboration,31,,3,2,2,2,3,1,,1,1,3,2,2,2,1,2,2,3,3 Collaboration,32,,3,3,3,3,3,2,,3,2,3,3,2,2,1,3,2,3,3 Collaboration,33,,2,2,1,3,3,2,,2,3,1,2,2,2,1,1,2,2,2 Collaboration,34,,2,1,2,3,3,2,,1,3,3,3,3,2,1,3,3,,1 Collaboration,35,,2,3,2,3,3,2,,1,2,3,3,2,2,1,3,3,,3 Collaboration,37,,3,2,2,4,3,1,,1,1,2,2,3,3,1,2,2,,2 Outcome,38,,3,3,3,4,3,3,,3,1,3,3,2,2,1,2,1,,3 Outcome,39,,3,2,2,3,3,1,,2,2,3,2,2,1,1,1,2,,3 Outcome,40,,3,2,2,3,3,2,,2,1,2,2,1,2,1,2,2,,3 Outcome,42,,2,3,3,3,2,1,,1,2,3,2,2,2,1,3,2,,2 Outcome,44,,2,2,2,2,1,1,,1,2,1,1,1,1,1,2,2,,1 Outcome,45,,3,2,3,3,1,1,,1,2,1,2,1,1,1,2,3,,1 Flow,46,,2,2,3,2,2,2,,1,1,2,2,2,3,1,3,2,,1 Flow,47,,2,2,3,2,2,1,,1,1,4,2,1,1,1,3,2,,1 Flow,48,,2,3,2,3,3,1,,1,1,3,3,2,3,1,2,2,,1 Flow,49,,2,3,3,3,2,2,,1,1,1,1,1,2,1,2,2,,1 Flow,50,,2,1,3,2,1,1,,1,2,2,1,1,1,1,2,3,,1 Flow,51,,2,2,3,3,1,1,,1,1,2,3,2,1,1,3,2,,2 Flow,54,,2,1,2,2,1,1,,1,2,1,2,1,1,1,1,1,,1 Leadership,55,,3,3,2,4,3,2,,3,2,1,3,3,3,1,3,3,,2 Leadership,62,,2,3,2,3,3,2,,1,3,3,3,2,3,1,3,3,,2 Leadership,57,,3,3,3,3,3,2,,3,2,2,3,3,2,1,2,2,,2 Leadership,56,,2,2,3,3,3,1,,2,3,3,3,2,2,1,2,2,,2 Leadership,58,,2,2,3,3,2,2,,1,1,2,2,3,1,1,2,2,,1 Leadership,59,,2,3,3,4,3,2,,3,2,2,3,3,2,1,3,3,,2 Leadership,60,,3,3,3,3,2,1,,2,2,3,3,3,2,1,3,3,,3`)3a:[] 2e:{"title":"Flower","cells":[{"id":0,"value":"md`# Flower`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2318,"value":"mainChart = show(appraisal[appraisalIndex], probeIndex)","pinned":false,"hidden":false,"mode":"ojs"},{"id":957,"value":"viewof probeIndex = \nScrubber(Array.from(appraisal[appraisalIndex].probes, (_, i) => i), {initial: 6, delay:2000, loopDelay: 1500})\n// slider({\n// min: 0,\n// max: appraisal[appraisalIndex].probes.length - 1,\n// step: 1,\n// value: 6,\n// title: \"Probe\"\n// })","pinned":false,"hidden":false,"mode":"ojs"},{"id":5492,"value":"viewof appraisalIndex = slider({\n min: 0,\n max: appraisal.length - 1,\n step: 1,\n value: 0,\n title: \"Appraisal\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":6055,"value":"fullscreen(mainChart)","pinned":false,"hidden":false,"mode":"ojs"},{"id":3558,"value":"md`Visualise your \n**${appraisal[appraisalIndex].kind}**\nwith a Flower Chart: **larger and sharper is better**.\n\n* petal size: maturity or evolution level based on appraisal;\n* focus: standard deviation of responses—more focused is more uniform\n\nPlay around:\n* tweak the visualisation with parameters below;\n* scroll down a bit more and insert your own data.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1128,"value":"viewof backgroundColor = radio({\n title: \"Background color\",\n options: [\n { label: \"black\", value: \"black\" },\n { label: \"white\", value: \"white\" }\n ],\n value: \"black\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":5942,"value":"downloadChart(appraisal[appraisalIndex], probeIndex, \"svg\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":325,"value":"viewof numberOfRipples = slider({\n min: 1,\n max: 10,\n step: 1,\n value: 4,\n title: \"Number of ripples\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2969,"value":"md`## Guide`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4205,"value":" viewof showStatistics = checkbox({\n options: [\n {\n value: \"show statistics\",\n label: \"Show statistics\"\n }\n ],\n value: \"show statistics\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1874,"value":"viewof showRipples = checkbox({\n options: [\n {\n value: \"show ripples\",\n label: \"Show ripples\"\n }\n ],\n value: \"show ripples\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1856,"value":"viewof showGrid = checkbox({\n options: [\n {\n value: \"show grid\",\n label: \"Show grid\"\n }\n ],\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1860,"value":"viewof showRadials = checkbox({\n options: [\n {\n value: \"show radials\",\n label: \"Show radials\"\n }\n ],\n value: \"hide radials\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":716,"value":"viewof showHandles = checkbox({\n options: [{ label: \"Show points\" }],\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2437,"value":"viewof showCoordinates = checkbox({\n options: [{ label: \"Show coordinates\" }],\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2965,"value":"md`## Appear`","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"viewof petalWidth = slider({\n min: -400,\n max: 400,\n step: 1,\n value: 80,\n title: \"Petal width\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"viewof petalLength = slider({\n min: -200,\n max: 200,\n step: 1,\n value: 134,\n title: \"Petal length\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2727,"value":"viewof labelCenterDistance = slider({\n min: 0,\n max: 100,\n step: 1,\n value: 80,\n title: \"Label Distance from Center\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1063,"value":"viewof rotation = slider({\n min: 0,\n max: 360,\n step: 1,\n value: 0,\n title: \"Rotation\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2079,"value":"viewof scale = slider({\n min: 0,\n max: 1,\n step: 0.1,\n value: 1,\n title: \"Scale\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"viewof heart = slider({\n min: 0,\n max: 1,\n step: 0.1,\n value: 0.3,\n title: \"Flow heart size\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":143,"value":"viewof edge = slider({\n min: 0,\n max: 1,\n step: 0.01,\n value: 1,\n title: \"Edge depth\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2942,"value":"md`# Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":735,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":6039,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":6043,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":4538,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":5490,"value":"appraisal = [acme, agendashift, fairy1, orange, npo]","pinned":false,"hidden":false,"mode":"ojs"},{"id":5473,"value":"md`# Wish\nWishlist (work from bottom to top):\n* Import Flower in another notebook.\n* Refactor to [fluent interface](https://en.wikipedia.org/wiki/Fluent_interface).\n* Refactor Grid to a single object with a fluent interface.\n* Display ‘n-in-a-row’ probes.\n* Show Creative Commons BY-SA license.\n* Show AardRock logo.\n* Render thumbnail correctly.\n* ~~Download PNG.~~\n* ~~Download SVG.~~\n* ~~Refactor ‘organisation’ to ‘appraisal’.~~\n* ~~Show title.~~\n* ~~Show kind of appraisal as subtitle.~~\n* ~~Show probe number and probe count.~~\n* ~~Show appraisal date of probe.~~\n* ~~Show mean and sigma below catagory label.~~\n* ~~Show category label vertically aligned.~~\n* ~~Show connector lines from label to petal.~~\n* ~~Show gradient colored petals where size is proportional to value [0…max].~~\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2912,"value":"md`# Draw`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5702,"value":"md`\\`show()\\` wraps a flower into an \\`svg\\` structure, adds title, subtitle, and some basic statistics to the view.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6029,"value":"loadTime = Date.now()","pinned":false,"hidden":false,"mode":"ojs"},{"id":4797,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":5704,"value":"md`\\`flower()\\` returns the \\`svg\\` for the flower, its petals, ripples, connector lines, and labels.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4965,"value":"$35","pinned":true,"hidden":false,"mode":"ojs"},{"id":6049,"value":"function fullscreen (cell) {\n const button = html`