Structural engineer and programmer based in Richmond Hill, ON.
Analysis of a Simply Supported BeamFlexural Resistance of a Reinforced Concrete BeamNBCC2005 Snow Load CalculatorMohr's CircleSection Properties CalculatorStructural Wood PanelsGlass Panel Load CalculationStructural DynamicsCompressive Resistance of Steel ColumnsThe Catenary CurveRenderer
Finite Differences Method
f = x => x ** 3 + 2 * x + 1
fp = x => 3 * x ** 2 + 2
afp = (x, h) => (h >= 0 ? (f(x + h) - f(x)) / h : (f(x - h) - f(x)) / h)
afp_centered = (x, h) =>
h >= 0 ? (f(x + h) - f(x - h)) / (2 * h) : (f(x - h) - f(x + h)) / (2 * h)
U = 0.25
xDomain = [0, 1]
numOfSteps = 10
dx = (xDomain[1] - xDomain[0]) / numOfSteps
nodes = Array.from(
{ length: numOfSteps + 1 },
(d, i) => xDomain[0] + (i * (xDomain[1] - xDomain[0])) / numOfSteps
)
function waveEquationApp(us, dt) {
return us.map((u, i) => {
if (i === 0) {
return u - ((U * dt) / dx) * (us[i + 1] - us[i]);
} else if (i === us.length - 1) {
return u - ((U * dt) / dx) * (us[i] - us[i - 1]);
}
return u - ((U * dt) / (2 * dx)) * (us[i + 1] - us[i - 1]);
});
}
ut0 = Array.from({ length: numOfSteps + 1 }, (d, i) => 0)
(ut0[0] = 0.1)
ut1 = waveEquationApp(ut0, 1)
ut2 = waveEquationApp(ut1, 1)
ut3 = waveEquationApp(ut2, 1)
{
let div = d3
.create('div')
.style('width', `${width}px`)
.style('height', `${200}px`);
let running = true;
let interval_id;
let controls = div
.append('div')
.style('width', `${300}px`)
.style('height', `${30}px`);
let start_stop_button = controls
.append('div')
.style('display', 'inline-block')
.append('button')
.on('click', function() {
if (running) {
running = false;
clearInterval(interval_id);
d3.select(this).html('start');
} else {
running = true;
start();
d3.select(this).html('stop');
}
})
.html('stop');
controls
.append('div')
.style('display', 'inline-block')
.append('button')
.on('click', setup)
.html('reset');
const svg = d3
.create("svg")
.attr("width", width)
.attr("height", 200);
function setup() {
if (running) {
running = false;
clearInterval(interval_id);
start_stop_button.html('start');
}
}
function start() {
running = true;
interval_id = setInterval(function() {
console.log(1000);
}, 1000);
}
setup();
// start();
// start_stop_button.text('stop');
return div.node();
}
d3 = require("d3@6")
import { lineChartMaker } from "@syaleni/line-chart-maker"
import { table } from "@tmcw/tables@513"
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.
