SAMPLES

Web Interactive Samples

INTERACTIVE SAMPLES
WS-01 Interactive

Earthquake Response Spectrum & SDOF Simulation

Step-by-step Newmark-β integration solving single-degree-of-freedom seismic response with real-time response spectrum curves.

ReactRechartsNewmark-β
Open Sample ↗
WS-02 Interactive

3D Mechanics of Materials Cross-Section Analyzer

3D normal and shear stress computation with heatmaps, supporting combined tension, compression, bending, torsion, and deformation animations.

ReactThree.jsR3F
Open Sample ↗
WS-03 Interactive

NSStructure 2D Planar Frame Structural Analysis

Interactive visual modeling of nodes, elements, and loads with real-time bending moments, shear forces, and structural deformations.

ReactMatrix Stiffness Solver
Open Sample ↗
WS-04 Interactive

RC Beam Internal Forces & Rebar Visualizer

Interactive 3D visualization of reinforced concrete beam internal forces, stresses, and reinforcement detailing per GB50010.

ReactThree.jsGB50010
Open Sample ↗
WS-05 Interactive

IFC 3D BIM Viewer & Geometry Relationship Chaser

Digital 3D WebGL BIM browser: 4-layer element hierarchy, IFC Space & internal geometry topology chasing, mesh corner point locator, edge 3D ruler, with 100% in-browser WebAssembly engine and project management.

Three.jsWebAssemblyIFC 4.0FastAPIDocker
Open Sample ↗
WS-06 Interactive

Steel Joint Designer 3D & Bolt Stress Analyzer

3D educational platform for designing and visualizing steel structure joints, connection plates, and bolt group force distributions.

ReactThree.jsR3FTailwindCSS
Open Sample ↗
WS-07 Interactive

Elastic Support Beam Stiffness & Internal Force Model

Dynamic mechanics simulation of beam internal force, deformation, and moment redistribution under varying spring support and beam stiffness.

ReactDirect Stiffness MethodMotionTailwindCSS
Open Sample ↗
WS-08 Interactive

China Seismic Ground Motion Parameter & Intensity Map System

Interactive seismic map using GB/T 50011-2010 (2024) Appendix A town-center values: 110 verified records and 2,766 historical records pending verification. Includes three-level response spectra; project sites require coordinate-based checks against GB 18306-2015 and its 2026 amendment.

ReactLeafletGIS BoundariesGB50011
Open Sample ↗