UD5工具箱
二叉树遍历动画 - 前/中/后/层序可视化
构建或随机生成二叉树，逐步动画展示前序、中序、后序和层序遍历的路径。
点击画布添加数据点 · 拖拽移动 · 双击删除
回归结果
待计算y = —
R² = —
数据点：0 个
| # | X | Y | |
|---|---|---|---|
| 暂无数据点 | |||
化学方程式配平游戏 - 拖拽系数使平衡
提供未平衡的反应式，拖拽滑块调整各物质系数直到原子守恒。
线段树区间查询演示 - 构建/更新/查询
可视化线段树的构建、单点更新和区间求和查询过程，理解树状结构。
全景声方位模拟 - 拖拽声源全向移动
使用Web Audio PannerNode，在头顶环绕拖拽一个声源，体验声音在空间的移动。
朱利亚集分形探索 - 互动缩放彩色复数
交互式探索Julia集，实时调整复数参数c，支持平滑着色和鼠标缩放，感受分形之美。
链接下划线样式生成器 - 悬停动画
配置不同的下划线出现、消失动画（从中间、左侧等），生成链接美化CSS。
CSS 关键帧时间轴编辑器 - 拖拽属性关键点
在时间轴上拖拽添加属性关键帧，实时预览动画并生成 @keyframes 代码。
排序算法可视化 - 冒泡/快排/归并动画
选择算法并随机生成数组，以彩色条动画展示排序过程，帮助理解算法。
离线页面生成器 - 当无网络时展示
创建当用户离线时展示的简单HTML页面，结合Service Worker使用。
交互式图像分割演示 - 点击分离对象
在图像上点击，利用前端模型将点击范围内的主要物体自动从背景分离。
简易时间追踪周表 - 拖拽分配时长
在周视图上拖拽时间段，直观记录每天各项活动的耗时，汇总统计。
View Transition API 演练场 - 页面切换动画配置
在单页内模拟MPA过渡效果，自定义进场/出场动画，体验View Transitions API丝滑切换。
有限状态机设计器 - 拖拽绘制状态转换图
拖放创建状态和转换，标注事件与动作，导出为图片或 JSON 定义，用于软件设计。
Web Components 生命周期浏览器 - 查看回调执行
创建一个测试自定义元素，记录并展示 connectedCallback, attributeChangedCallback 等执行顺序。
X-Forwarded-For 模拟器 - 代理链 IP 追加演示
模拟多层代理逐步添加 X-Forwarded-For 头的过程，理解如何获取真实客户端 IP。
龙曲线分形生成器 - 迭代折线绘制
控制迭代次数，生成越来越复杂的折线龙曲线分形图案。
单线一笔画艺术 - 将图片变成连续曲线
用一根连续不断的回旋曲线填充并重绘图片的原理，创造独特单线艺术。
素数搜索动画 - 试除法与埃拉托斯特尼筛法动态比较
并行动画展示试除法和埃拉托斯特尼筛法查找素数的过程，对比效率。
紧急重要排序练习 - 拖入象限并设时限
待办项拖入四象限，并设置每个的提醒时间，自动排序今日。
基于模式的模拟数据生成器 - 自定义字段与规则
定义字段名称和类型（姓名、邮箱、数字范围等），批量生成符合规则的 JSON 模拟数据。
波形音频播放器组件 - 可拖拽进度高亮
生成带有音频波形可视化、可点击跳转的可定制HTML音频播放器代码。
Mock Service Worker演示 - 拦截并返回假数据
使用Service Worker拦截fetch请求，并返回用户自定义的JSON模拟数据，用于前端独立开发。
二叉树遍历可视化 - 前序/中序/后序动画
构建二叉树节点，动态演示三种深度优先遍历顺序及逐层遍历。
绳结拓扑展示 - 三叶结等绘制旋转
展示常见纽结（三叶结、八字结等）的三维弯曲造型，用户可旋转观察交叉。
异步瀑布流模拟器 - 顺序执行异步任务演示
添加一系列异步任务并观察其按顺序执行的过程，对比并行与串行效果。
流体排版 CSS 生成器 - clamp() 函数计算
输入最小/最大字体大小和视口范围，生成精确的 clamp() 值及回退方案。
HTML 拖放 API 演示 - 文件与元素拖拽交互
通过实例展示原生拖放 API 的使用，包括文件拖拽上传和页面元素排序功能。
浮动图片拼贴画 - 拖拽随意摆放多图
上传多张图片，在画布上自由拖拽位置、旋转和调整大小，创造自由拼贴。
莫比乌斯环可视化 - 3D网页旋转展示
用WebGL或Three.js（轻量版）展示一条旋转的莫比乌斯带，可用鼠标拖拽视角。
圆形迷宫生成器 - 递归分割/漩涡算法
生成非矩形、由内向外发散的圆形迷宫，支持打印用于幼儿专注力训练。