Examples

Vessel.js

Wiki ▸ Examples

Below are some examples of how the library can be used, along with other libraries and custom scripts.

Vessel.js tutorials are available on the ObservableHQ notebook collection. Don't know where to start? Try the learning guide and the step by step full tutorial.

Ship_in_Ocean_still_water.html: Even simpler version.
Ship_in_Ocean_heave_only.html: Simpler version of the above demo.
Many_ships_in_still_water.html: Many ships in still water.
Ship_in_regular_ocean.html: A 3D ship made from a ship specification, moving with waves in a regular wave ocean. Motion calculated with closed-form expressions.
Many_ships_in_regular_ocean.html: Many ships in a regular wave ocean. Motion calculated with closed-form expressions.
make_strip.html: Convert a ship specification into input files for strip theory analyses.
lifting.html: Pendulum motion of load hanging from an A-frame.
Ship_with_aframe_in_regular_ocean.html: Pendulum motion of load hanging from an A-frame in ship subject to regular waves.
Ship_in_Ocean_dynamical.html: 6DOF vessel model solved with equations of motion.
Side_by_side_operation_complex_case.html: Side by side operation with mooring lines.
Side_by_side_operation_different_loading_conditons.html: Side by side operation with one platform and two vessels.
Radiation_WAMIT.html: Simple barge motion example with coefficients calculated from WAMIT.
Explore_file_side_to_side.html: Visualization of side to side operation with a platform and one vessel.
Simple_example_with_explore_file.html: Simple example with vessel linked to a fixed platform.

path.html: Estimation of fuel consumption of vessel sailing through a certain path and wave pattern.
lifecycle.html: Evaluation of vessel suitability for a given operating region based on the fuel consumption in transit.

TDvsBU.html: Comparison of hydrostatics and stability results between top-down and bottom-up approaches.
loading.html: Simulation of draft and GM during cargo loading in a simple barge.
ballasting.html: Simulation of draft and GM during cargo loading and ballast unloading.
blockCase_compare.html: Comparison between manual and automatic calculations on a very simple ship.
Hull_hydrostatics.html: This app calculates hydrostatic properties of a hull, with a slider to control the draft.
Ship_stability_with_blocks.html: Calculation of ship stability properties with configurable cargo blocks.

manoeuvring.html: A simplified maneuvering model.
manoeuvring_UiTModel.html: A detailed maneuvering model, containing the features for fuel consumption model.
trondheim.html: A maneuvering application using the trondheim terrain in the back ground.

Ship3D_GA.html: Orthographic views of each deck of a ship.
Ship3D_with_pretty_JSON.html: A 3D visualization of the provided ship specification, along with the specification data in a format with expand and collapse.

scaleApp.html: Create a new ship specification by linearly scaling a parent one.

ECMS_2019.html: Demo about web-simulations from the ECMS conference paper.
Ship3D_test.html: A fullscreen 3D visualization of an example ship specification (based on Ulstein PX121).
PX121_calculations.html: Some calculations on a test specification partially based on an Ulstein vessel.
Ship3D_load_state_controls.html: Very simple test of changing tank fullness with a slider to see change of draft.
blockCase_compare_json.html: A field by field comparison, to verify library calculations.
Hull_Weight.html: A field by field comparison of different hull weight estimation methods.