Sailing in data ocean.
A vessel.js tutorialChapter 1 - From Plane Lines to 3D HullChapter 2 - From GA to BlocksSection 2.2 - CompartmentsSection 2.3 - TanksSection 2.4 - Equipments and STL elementsSection 2.5 - Importing External ElementsSection 2.6 - Creating a GLTF realistic modelChapter 3 - Principles of System Engineering Applied to GunnerusSection 3.1 - GUI controller interface - Dropdown menuSection 3.2 - GUI controller interface - Check Box ListChapter 4 - Simulations and Analysis Principles for Vessel.jsSection 4.1 - Coordinate Reference SystemSection 4.2 Advance Resistance Analysis - Pt.2: Resistance ModelSection 4.3 - A Brief Explanation of Maneuvering Mathematical Model
Section 4.2 Advance Resistance Analysis - Pt.1: Propeller Model
data = {
const D = propeller.D;
const [beta1, beta2] = [propeller.beta1, propeller.beta1];
const [gamma1, gamma2] = [propeller.gamma1, propeller.gamma2];
let result = [];
var kt = J => {
return beta1 - beta2 * J;
};
var kq = J => {
return gamma1 - gamma2 * J;
};
var eff = (J, kt, kq) => {
return (kt * J) / (2 * Math.PI * kq);
};
var calculateOutput = J => {
const KT = kt(J);
const KQ = kq(J);
const EFF = eff(J, KT, KQ);
return { x: J, y: KT, z: 10 * KQ, w: EFF };
};
let j = 0;
do {
result.push(calculateOutput(j));
j = j + 0.01;
} while (j <= 1.0);
return result;
}
line1 = d3
.line()
.x(d => x(d.x))
.y(d => y(d.y))
line2 = d3
.line()
.x(d => x(d.x))
.y(d => y(d.z))
line3 = d3
.line()
.x(d => x(d.x))
.y(d => y(d.w))
x = d3
.scaleLinear()
.domain(d3.extent(data, d => d.x))
.range([margin.left, width - margin.right])
y = d3
.scaleLinear()
.domain([0, d3.max(data, d => d3.max([d.z, d.z]))])
.nice()
.range([height - margin.bottom, margin.top])
xAxis = g =>
g.attr("transform", `translate(0,${height - margin.bottom})`).call(
d3
.axisBottom(x)
.ticks(width / 100)
.tickSizeOuter(0)
)
yAxis = g =>
g
.attr("transform", `translate(${margin.left},0)`)
.call(d3.axisLeft(y))
.call(g => g.select(".domain").remove())
.call(g =>
g
.select(".tick:last-of-type text")
.clone()
.attr("x", 3)
.attr("text-anchor", "start")
.attr("font-weight", "bold")
.text(data.z)
)
.call(d3.axisLeft(y).tickSizeOuter(0))
margin = ({ top: 20, right: 30, bottom: 30, left: 40 })
height = width / 2
appendLabel = e => g => {
e.forEach((el, i) => {
g.append("circle")
.attr("cx", width - 150)
.attr("cy", .1 * height + 30 * i)
.attr("r", 6)
.style("fill", el.color);
g.append("text")
.attr("x", width - 130)
.attr("y", .1 * height + 30 * i)
.text(el.title)
.style("font-size", "15px")
.attr("alignment-baseline", "middle");
});
}
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.
