最小闭环 : 思考,记录,复习,致用

五线谱渲染已可用,见 五线谱测试

%% 最小闭环:思考 → 记录 → 复习 → 致用 →(回到)思考
flowchart LR
    A([思考]) --> B([记录])
    B --> C([复习])
    C --> D([致用])
    D -.-> A

TIP

我是一个TIP

NOTE

我是一个NOTE

WARNING

我是一个WARNING

DANGER

我是一个DANGER


🎲 Three.js 测试


🌀 旋转圆环 + 粒子背景


🔮 发光球体 + 地面反射


🏗️ 随机方块塔


🖱️ 带 OrbitControls 的交互场景(可拖拽旋转)


🎨 Inline SVG 示例

坐标系 + 折线(替代之前 TikZ 测试)

X 轴 Y 轴 折线图示例

柱状图 + 渐变

柱状图 34 51 73 43 Q1 Q2 Q3 Q4

带连接线的节点图

网络拓扑 核心路由 节点 A 节点 B 节点 C 节点 D

🎯 Anime.js 动画测试

Anime.js 是纯 JS 的开源动画库(MIT),写代码就能实现各种动效。

简单弹性动画

描边动画(写字效果)

网格扩散(Stagger)

自定义 Anime.js 动画