31:T83f,{ // "WM"-drawing constants const w = 40; const a = 3.9; const b = 2; const ell = w * Math.tan(τ/16); const k = (b-1)*w / s; // display settings const H = 260; const W = 370; const dy = (a+1/s-1)*w-1.5*k + (a-1)*w; const d = (() => { const [[ax,ay],[bx,by],[cx,cy],[dx,dy],[ex,ey]] = [ [60,80],[148,307],[271,147],[370,15],[441,249] ].map(([x,y]) => [x-200,y-40]); return `M ${ax} ${ay} Q ${bx} ${by} ${cx} ${cy} Q ${dx} ${dy} ${ex} ${ey}`; })(); return svg``; function wm (is, colors = ['#fff', '#fff', '#fff', '#fff']) { var pathdata = [ `M 0 0 l 0 ${a*w} l ${w} ${ell} l 0 -${a*w+ell} z`, `M ${w} ${(a-1)*w} l ${k} -${k} l ${w*s} 0 L ${w} ${a*w+ell}`, `M ${(1+s)*w+k} ${(a-1)*w-k} l ${w+k} ${w+k} l -${w} ${ell} L ${w+k+s/2*w} ${(a-1+1/s)*w-k}`, `M ${w+s*w+2*k} ${(a-1)*w} l 0 -${(a-1)*w} l ${w} 0 l 0 ${a*w}`, ]; var pieces = is.map(i => pathdata[i]); return ` ${pieces.map((p,i) => ``).join('')} ${pieces.map((p,i) => ``).join('')} `; } }32:Tb60,{ // "WM"-drawing constants const w = 40; const a = 3.9; const b = 2; const ell = w * Math.tan(τ/16); const k = (b-1)*w / s; // display settings const H = 500; const dy = (a+1/s-1)*w-1.5*k + (a-1)*w; // interactive handles const nodes = [ [60,80],[148,307],[271,147],[370,15],[441,249] ]; const root = d3.select(svg``); update(); return root.node(); function update () { const node = root.select(".nodes").selectAll('circle').data(nodes); node.exit().remove() node .enter() .append('circle') .attr('r', 6) .call(d3.drag().on('drag', drag_handle)) .merge(node) .attr('cx', n => n[0]) .attr('cy', n => n[1]) const [[ax,ay],[bx,by],[cx,cy],[dx,dy],[ex,ey]] = nodes; root.selectAll('path.fn').attr('d', `M ${ax} ${ay} Q ${bx} ${by} ${cx} ${cy} Q ${dx} ${dy} ${ex} ${ey}`); } function drag_handle (n) { n[0] = d3.event.x; n[1] = d3.event.y; update(); console.log(nodes); } function wm (is, colors = ['#fff', '#fff', '#fff', '#fff']) { var pathdata = [ `M 0 0 l 0 ${a*w} l ${w} ${ell} l 0 -${a*w+ell} z`, `M ${w} ${(a-1)*w} l ${k} -${k} l ${w*s} 0 L ${w} ${a*w+ell}`, `M ${(1+s)*w+k} ${(a-1)*w-k} l ${w+k} ${w+k} l -${w} ${ell} L ${w+k+s/2*w} ${(a-1+1/s)*w-k}`, `M ${w+s*w+2*k} ${(a-1)*w} l 0 -${(a-1)*w} l ${w} 0 l 0 ${a*w}`, ]; var pieces = is.map(i => pathdata[i]); return ` ${pieces.map((p,i) => ``).join('')} ${pieces.map((p,i) => ``).join('')} `; } }33:T76a,{ const w = 30; const a = 3.6; const b = 1.7; const ell = w * Math.tan(τ/16); const k = (b-1)*w / s; function wm (...colors) { return ` `; } const H = 250; const c0 = '#837f96'; const c1 = '#8778d3'; const dy = (a+1/s-1)*w-1.5*k + (a-1)*w; return svg`` }34:[] 2f:{"title":"De Wageningse Methode Logo","cells":[{"id":0,"value":"md`# De Wageningse Methode Logo`","pinned":false,"hidden":false,"mode":"ojs"},{"id":532,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":518,"value":"md`Dit concept is een speelse, 'moderne' variant op het origineel. (Speel gerust even met de grafiek die erachter is geplaatst; ik denk dat het wel leuk is als 'ie wat asymmetrisch is, en bovendien visueel fijner als 'ie niet in het gat tussen de W en de M verschijnt.)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":358,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":450,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":523,"value":"md`Dit zijn kleurrijke, 'platte' versies van het WM gedeelte van het origineel.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":225,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":529,"value":"md`En dit is mijn eerste poging de letter M, parametrisch, vast te leggen.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"svg``","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"viewof w = slider({ min: 20, max: 80, value: 30 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"viewof a = slider({ min: s, max: 5, value: 3.6 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"viewof b = slider({ min: 1, max: 4, value: 1.7 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"s = Math.sqrt(2)","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"ell = w * Math.tan(τ/16)","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"k = (b-1)*w / s","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"τ = Math.PI*2","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"import { slider } from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs"},{"id":383,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}