2b:null 2c:["$","title",null,{"children":"De Wageningse Methode Logo | Kelley van Evert | Observable"}] 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:{"id":"69171db108693883","slug":"de-wageningse-methode-logo","title":"De Wageningse Methode Logo","thumbnail":"cc91aa56ab345b3c66f2e7ec2c9681e7053db2b928c4e6c5415799e4e08752cc","access_level":"public","create_time":"$D2018-07-08T21:05:24.030Z","update_time":"$D2018-07-14T10:43:37.270Z","view_time":null,"first_public_time":"$D2018-07-08T22:24:08.386Z","fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"cdda271b76654961","login":"kelleyvanevert","name":"Kelley van Evert","avatar_url":"https://avatars-next.observableusercontent.com/86df2bc54dd099fad6826dfcf7ae3dd97c5e0cdcf0cf3e0ac85ecd13e1938db2","tier":"starter_2024"},"version":615,"publish_version":615,"role":null,"authored":false,"authors":[{"type":"individual","id":"a35690ff73833989","login":"kelleyvanevert","name":"Kelley van Evert","avatar_url":"https://avatars-next.observableusercontent.com/86df2bc54dd099fad6826dfcf7ae3dd97c5e0cdcf0cf3e0ac85ecd13e1938db2","tier":null}],"members":[{"type":"individual","id":"a35690ff73833989","login":"kelleyvanevert","name":"Kelley van Evert","avatar_url":"https://avatars-next.observableusercontent.com/86df2bc54dd099fad6826dfcf7ae3dd97c5e0cdcf0cf3e0ac85ecd13e1938db2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"De Wageningse Methode Logo","cells":[{"id":0,"value":"md`# De Wageningse Methode Logo`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":532,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":358,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":523,"value":"md`Dit zijn kleurrijke, 'platte' versies van het WM gedeelte van het origineel.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":529,"value":"md`En dit is mijn eerste poging de letter M, parametrisch, vast te leggen.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"svg``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"viewof w = slider({ min: 20, max: 80, value: 30 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"viewof a = slider({ min: s, max: 5, value: 3.6 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"viewof b = slider({ min: 1, max: 4, value: 1.7 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"s = Math.sqrt(2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"ell = w * Math.tan(τ/16)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"k = (b-1)*w / s","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"τ = Math.PI*2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"import { slider } from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 30:"$2f:body"