SAMPLES

互动案例

8 WEB APPS

以下案例均为 AI 辅助开发的纯前端 Web 应用,计算全部在浏览器本地完成,点击「打开案例」即可直接交互体验。

WS-01 纯前端 · 本地计算

地震反应谱与单自由度体系模拟

Newmark-β 逐步积分法求解单自由度体系地震响应,实时绘制谱响应曲线。

ReactRechartsNewmark-β
WS-02 纯前端 · 本地计算

材料力学 3D 截面分析器

3D 截面正应力/剪应力计算与应力热力图,支持拉压弯扭组合工况与变形动画。

ReactThree.jsR3F
WS-03 纯前端 · 本地计算

NSStructure 2D 平面结构分析

节点/单元/荷载可视化建模,实时输出弯矩图、剪力图与结构变形。

React刚度法求解器
WS-04 纯前端 · 本地计算

混凝土梁内力与配筋可视化

按 GB50010 交互展示钢筋混凝土梁内力、应力与配筋的 3D 可视化。

ReactThree.jsGB50010
WS-05 纯前端 · 本地计算

IFC 3D 模型浏览器与几何拓扑追溯器

BIM 数字化 3D WebGL 浏览器:构件四层树状层级、IFC 空间与内部几何拓扑全追溯、网格角点坐标定位、边长三维测距尺,支持 100% 浏览器 WebAssembly 本地秒级解析与模型多项目管理。

Three.jsWebAssemblyIFC 4.0FastAPIDocker
WS-06 纯前端 · 本地计算

钢结构节点与螺栓受力 3D 设计

3D 交互式钢结构节点设计与螺栓群受力可视化平台,支持螺栓受拉受剪计算、连接板应力与破坏形态分析。

ReactThree.jsR3FTailwindCSS
WS-07 纯前端 · 本地计算

弹性支承梁刚度与内力分析模型

演示支撑弹簧刚度与梁刚度变化时,梁受力、变形与弯矩图重分布的动态力学模型,支持一键动画演示与录制导出。

React刚度法求解器动态仿真TailwindCSS
WS-08 纯前端 · 本地计算

中国主要城镇抗震设防烈度与参数地图系统

按 GB/T 50011-2010(2024年版)附录 A 展示城镇中心区参数:110 条已核准、2766 条旧网页值待核准;提供地震分组查询与三水准反应谱。工程场址须按坐标核查 GB 18306-2015 及 2026 年修改单。

ReactLeafletGIS边界GB/T 50011