25:null 26:["$","title",null,{"children":"Domaine Paul Autard: | wrgoldstein | Observable"}] 2b:Tcad,{ const height = 300 const margin = ({top: 10, right: 20, bottom: 30, left: 50}) const svg = d3.select(DOM.svg(width+margin.left, height+margin.bottom)); yield svg.node(); var x = d3.scaleLinear() .domain([0, 40]) .range([margin.left, width-margin.left-margin.right]) var y = d3.scaleLinear() .domain([0, 40]) .range([height-margin.bottom, margin.top]) svg.append("g") .attr("transform", `translate(0,${height- margin.bottom})`) .call(d3.axisBottom(x)); svg.append("g") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y)); // text label for the x axis svg.append("text") .attr("transform", "translate(" + (width/2) + " ," + (height + margin.top + 10) + ")") .style("text-anchor", "middle") .style("font", "13px serif") .text("cases of Côtes du Rhône produced"); // text label for the y axis svg.append("text") .attr("transform", "rotate(-90)") .attr("y", x(0) - margin.left) .attr("x", x(0) - .7*height) // hack! .attr("dy", "1em") .style("text-anchor", "middle") .style("font", "13px serif") .text("Signature Blend"); var line = d3.line() .x(function(d) { return x(d[0]); }) .y(function(d) { return y(d[1]); }) var counoiseData = [[[0, viewof counoise.value / .2], [40, viewof counoise.value / .2]]] var grenacheData = [[[0, viewof grenache.value / .6], [viewof grenache.value / .5, 0]]] var syrahData = [[[0, viewof syrah.value/.2], [viewof syrah.value/.5,0]]] var syrahSelection = svg.selectAll("#syrah").data(syrahData).enter() syrahSelection .append('path') .attr('d', (d) => { console.log('hello?') return line(d) }) .attr('stroke-width', 5) .attr('stroke', 'red') .attr('id', 'syrah') .style('cursor', 'pointer') .call(drag) var grenacheSelection = svg.selectAll("#grenache").data(grenacheData).enter() grenacheSelection .append('path') .attr('d', line) .attr('stroke-width', 5) .attr('stroke', 'purple') .attr('id', 'grenache') .style('cursor', 'pointer') .call(drag) var counoiseSelection = svg.selectAll("#counoise").data(counoiseData).enter() counoiseSelection .append('path') .attr('d', line) .attr('stroke-width', 5) .attr('stroke', 'green') .attr('id', 'counoise') .style('cursor', 'pointer') .call(drag) var areaData = [[[0,0]].concat(d3.range(40).map(C => { return [C, d3.max([0, d3.min([counoise / .2, syrah/.2 - .5/.2 * C, grenache / .6 - (5*C)/6])])] }))] var areaSelection = svg.selectAll("#area").data(areaData).enter() areaSelection .append('path') .attr('d', line) .style('fill', 'blue') .style('fill-opacity', .1) .attr('stroke', 'none') .attr('id', 'area') var profitData = [[ [0, profit/profit_P], [profit/profit_C, 0] ]] var profitSelection = svg.selectAll("#profit").data(profitData).enter() profitSelection .append('path') .attr('d', line) .attr('stroke-dasharray', [5,1]) .attr('stroke', 'red') .attr('id', 'profit') }2c:T657,simplex = { var STEPS = 0 function simplex(tableau, c, nonBasicVariables){ if (Math.round(c[0]) == Math.round(c[1])){ return {tableau, c, nonBasicVariables, finalValues: 0} } // choose pivot var pivotColumnIndex = c.indexOf(_.min(c)) var pivotColumn = d3.transpose(tableau)[pivotColumnIndex] var tableauT = d3.transpose(tableau) var b = tableauT[tableauT.length - 1] var bStep = b.map((d, i) => d/pivotColumn[i]) // choose pivot-row var pivotRowIndex = bStep.indexOf(_.min(bStep)) nonBasicVariables[pivotRowIndex] = pivotColumnIndex var pDivisor = pivotColumn[pivotRowIndex] // update the nonbasic rows var tableau = _.clone(tableau) tableau[pivotRowIndex] = tableau[pivotRowIndex].map(d => d/pDivisor) for (var i in d3.range(tableau.length)){ if (i == pivotRowIndex) continue var multiple = tableau[i][pivotColumnIndex] / tableau[pivotRowIndex][pivotColumnIndex] tableau[i] = tableau[i].map((d,j) => d - multiple*tableau[pivotRowIndex][j]) // speedup opp. } // update bottom row var multiple = c[pivotColumnIndex] / tableau[pivotRowIndex][pivotColumnIndex] c = c.map((d,j) => d - multiple*tableau[pivotRowIndex][j]) if (d3.min(c) >= 0) { return { tableau, c, nonBasicVariables, finalValues: d3.transpose(tableau)[c.length - 1] } } if (STEPS > 100) return 'did not converge' return simplex(tableau, c, nonBasicVariables) } return simplex }2d:[] 29:{"id":"b240cd01149a3b0d","slug":"domaine-paul-autard/2","title":"Domaine Paul Autard: ","thumbnail":"b1b65936988661efc56a6dcbe7ad61b834cbdc10c8d34c2b91cacde78c34abe5","access_level":"public","create_time":"$D2018-09-19T05:02:08.240Z","update_time":"$D2018-09-20T12:59:42.592Z","view_time":null,"first_public_time":"$D2018-09-20T01:31:36.496Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"1591675d790245bd","login":"wrgoldstein","name":"","avatar_url":"https://avatars-next.observableusercontent.com/4cb7cfdf63ec5b97f2a77b41cf9eea4d647f4fa53ae48494eb0d3fc36f22966d","tier":"starter_2024"},"version":905,"publish_version":905,"role":null,"authored":false,"authors":[{"type":"individual","id":"da5d61d0ec5b406a","login":"wrgoldstein","name":"","avatar_url":"https://avatars-next.observableusercontent.com/4cb7cfdf63ec5b97f2a77b41cf9eea4d647f4fa53ae48494eb0d3fc36f22966d","tier":null}],"members":[{"type":"individual","id":"da5d61d0ec5b406a","login":"wrgoldstein","name":"","avatar_url":"https://avatars-next.observableusercontent.com/4cb7cfdf63ec5b97f2a77b41cf9eea4d647f4fa53ae48494eb0d3fc36f22966d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Domaine Paul Autard: ","cells":[{"id":0,"value":"md`# Domaine Paul Autard: \n\nYou control a winery, which has to decide how much of each of two\nblends of wine to make. Both blends are made of syrah, grenache, and counoise.\n\n- The Signature blend is made of 20% syrah, 60% grenache, and 20% counoise.\n- The Côtes du Rhône is simply 50% syrah and 50% grenache.\n\nYou have 17 crates of grenache, 12 crates of syrah, and 5 crates of counoise to begin,\nbut you may change these amounts with the slider below or by dragging the colored lines.\n\nEach case of Signature blend is worth $60 and each case of Cote du Rhone is worth $40, \nbut these numbers can also be changed. Try it out!\n
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":586,"value":"html`\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

grape	quantity	shadow price
grenache	${grenache.toFixed(2)}	${outcome.c[2].toFixed(2)}
syrah	${syrah.toFixed(2)}	${outcome.c[3].toFixed(2)}
counoise	${counoise.toFixed(2)}	${outcome.c[4].toFixed(2)}

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":529,"value":"html`\n\n

Control the quantities of each grape with these sliders

\n ${grenachei}\n ${syrahi}\n ${counoisei}\n

Control the profit of each type of wine with these sliders

\n ${profit_Ci}\n ${profit_Pi}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":841,"value":"html`
\n

profit: $${profit.toFixed(2)}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$2b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":799,"value":"md`\n

\n#### Appendix and source code`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"syrahi = {\n const form = html`

syrah `\n const input = html``;\n viewof syrah.addEventListener(\"input\", event => input.value = event.value);\n input.addEventListener(\"input\", () => viewof syrah.value = input.valueAsNumber);\n input.value = viewof syrah.value;\n form.append(input)\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"grenachei = {\n const form = html`grenache `\n const input = html``;\n viewof grenache.addEventListener(\"input\", event => input.value = event.value);\n input.addEventListener(\"input\", () => viewof grenache.value = input.valueAsNumber);\n form.append(input)\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"counoisei = {\n const form = html`counoise `\n const input = html``;\n viewof counoise.addEventListener(\"input\", event => input.value = event.value);\n input.addEventListener(\"input\", () => viewof counoise.value = input.valueAsNumber);\n input.value = viewof counoise.value;\n form.append(input)\n // form.append(html``);\n // form.output.value = viewof counoise.value.toFixed(2)\n // form['oninput'] = (e) => {\n // form.output.value = viewof counoise.value.toFixed(2)\n // }\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":778,"value":"profit_Ci = {\n const form = html`Côtes du Rhône Profit `\n const input = html``;\n viewof profit_C.addEventListener(\"input\", event => input.value = event.value);\n input.addEventListener(\"input\", () => viewof profit_C.value = input.valueAsNumber);\n input.value = viewof profit_C.value;\n form.append(input)\n form.append(html``);\n form.output.value = viewof profit_C.value.toFixed(2)\n form['oninput'] = (e) => {\n form.output.value = viewof profit_C.value\n }\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":784,"value":"profit_Pi = {\n const form = html`Signature Blend Profit `\n const input = html``;\n viewof profit_P.addEventListener(\"input\", event => input.value = event.value);\n input.addEventListener(\"input\", () => viewof profit_P.value = input.valueAsNumber);\n input.value = viewof profit_P.value;\n form.append(input)\n form.append(html``);\n form.output.value = viewof profit_P.value.toFixed(2)\n form['oninput'] = (e) => {\n form.output.value = viewof profit_P.value\n }\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":761,"value":"viewof profit_C = new View(40)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":763,"value":"viewof profit_P = new View(60)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":424,"value":"profit = Cq*profit_C + Pq*profit_P","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"drag = {\n var dragstarted = () => {\n d3.select(this).classed('dragging', true);\n }\n \n var dragended = () => {\n d3.select(this).classed('dragging', false);\n }\n \n var dragged = function() {\n var line = d3.select(this);\n\n var dx = d3.event.dx;\n var dy = d3.event.dy;\n \n line.raise();\n \n switch(line.attr('id')){\n case 'syrah':\n viewof syrah.value += Math.sign(dx-dy)*.15\n break;\n case 'grenache':\n viewof grenache.value += Math.sign(dx-dy)*.15\n break;\n case 'counoise':\n viewof counoise.value += Math.sign(dx-dy)*.10\n break\n \n }\n}\n \n var drag = d3.drag()\n .on('start', dragstarted)\n .on('drag', dragged)\n .on('end', dragended)\n \n return drag\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":409,"value":"tableau = [\n [.5, .6, 1, 0, 0, 0, grenache],\n [.5, .2, 0, 1, 0, 0, syrah],\n [0, .2, 0, 0, 1, 0, counoise]\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":411,"value":"c = [-profit_C, -profit_P, 0, 0, 0, 1, 0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":399,"value":"$2c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":420,"value":"Cq = {\n var i = outcome.nonBasicVariables.indexOf(0)\n return outcome.finalValues[i] || 0\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":422,"value":"Pq = {\n var i = outcome.nonBasicVariables.indexOf(1)\n return outcome.finalValues[i] || 0\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":415,"value":"outcome = simplex(tableau, c, [2,3,4])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"shadow_prices = ({\n grenache: outcome.c[outcome.nonBasicVariables.indexOf(0)] || 0,\n syrah: outcome.c[outcome.nonBasicVariables.indexOf(1)] || 0,\n counoise: outcome.c[outcome.nonBasicVariables.indexOf(2)] || 0,\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":405,"value":"_ = require('lodash')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"viewof syrah = new View(12)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":339,"value":"viewof grenache = new View(17)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"viewof counoise = new View(5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":304,"value":"class View {\n constructor(value) {\n this._list = [];\n this._value = value;\n }\n get value() {\n return this._value;\n }\n set value(value) {\n this._value = value;\n this.dispatchEvent({type: \"input\", value});\n }\n addEventListener(type, listener) {\n if (type != \"input\" || this._list.includes(listener)) return;\n this._list = [listener].concat(this._list);\n }\n removeEventListener(type, listener) {\n if (type != \"input\") return;\n this._list = this._list.filter(l => l !== listener);\n }\n dispatchEvent(event) {\n const p = Promise.resolve(event);\n this._list.forEach(l => p.then(l));\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2d","stdlib":"1","titling":"auto"}} 2a:"$29:body"