draw((data) => {
// q = a l
const q = (time, u, v) => (0.5 * Math.exp(alpha*time))*(v*0.5 * Math.exp(beta*time))
const {x: t, y: ys} = data;
const lines = [];
lines.push({
x: t,
y: ys.map( (y, i) => [q(t[i], y[0], y[1])] ),
color: '#000000',
size: 1,
label: 'gross output'
});
return lines;
}, { yRange: [0, 500], xRange: [0, 200]} )
viewof policy = policyCtrl
updatePolicy()
setSteadyState = () => {
viewof xy.value = [1 - (delta+alpha+beta)*sigma/s, (gamma+alpha)/rho];
}
draw((data) => {
const {x: t, y: ys} = data;
return [{
x: t,
y: ys.map( (y, i) => [getProfitRate(t[i], y[0], y[1])] ),
color: PROFIT_RATE_COLOR,
size: 1,
}];
})
md`
## Derived Measurements
`
getProfitRate = (time, u, v) => (1-s)*(1-u)/((0.5*Math.exp(alpha*time))*(0.5*Math.exp(beta*time))*sigma*v)
PROFIT_RATE_COLOR = colors[0]
gq = (_t, u, _v) => s*(1-u)/sigma - delta
GQ_COLOR = colors[1]
gl = (_t, u, _v) => s*(1-u)/sigma - delta -alpha
GL_COLOR = colors[2];
gw = (_t, _u, v) => rho*v - gamma
GW_COLOR = colors[3]
draw = (getState = x => x, options = {}) => {
console.log('alpha='+alpha);
console.log('beta='+beta);
const [x0, y0] = init;
const data = simulate(0, 100, [x0, y0], goodwin({ alpha, beta, gamma, delta, sigma, rho, s}));
const lines = getState(data)
return getMultiLineGraph(lines, {
width: width,
height: 420,
margin: {top: 20, right: 30, bottom: 30, left: 40},
xRange: [0, 100],
yRange: [0, 30],
xLabel: 'time',
...options
});
}
OUTPUT_SHARE_COLOR = xColor
EMPLOYMENT_RATE_COLOR = yColor
init = xy
import { getMultiLineGraph, colors } from "@mstn/graphs"
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
