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 定义，用于软件设计。
龙曲线分形生成器 - 迭代折线绘制
控制迭代次数，生成越来越复杂的折线龙曲线分形图案。
单线一笔画艺术 - 将图片变成连续曲线
用一根连续不断的回旋曲线填充并重绘图片的原理，创造独特单线艺术。
紧急重要排序练习 - 拖入象限并设时限
待办项拖入四象限，并设置每个的提醒时间，自动排序今日。
基于模式的模拟数据生成器 - 自定义字段与规则
定义字段名称和类型（姓名、邮箱、数字范围等），批量生成符合规则的 JSON 模拟数据。
波形音频播放器组件 - 可拖拽进度高亮
生成带有音频波形可视化、可点击跳转的可定制HTML音频播放器代码。
Mock Service Worker演示 - 拦截并返回假数据
使用Service Worker拦截fetch请求，并返回用户自定义的JSON模拟数据，用于前端独立开发。
二叉树遍历可视化 - 前序/中序/后序动画
构建二叉树节点，动态演示三种深度优先遍历顺序及逐层遍历。
绳结拓扑展示 - 三叶结等绘制旋转
展示常见纽结（三叶结、八字结等）的三维弯曲造型，用户可旋转观察交叉。
浮动图片拼贴画 - 拖拽随意摆放多图
上传多张图片，在画布上自由拖拽位置、旋转和调整大小，创造自由拼贴。
莫比乌斯环可视化 - 3D网页旋转展示
用WebGL或Three.js（轻量版）展示一条旋转的莫比乌斯带，可用鼠标拖拽视角。
圆形迷宫生成器 - 递归分割/漩涡算法
生成非矩形、由内向外发散的圆形迷宫，支持打印用于幼儿专注力训练。
颜文字表情拼装器 - 拖拽部件生成Kaomoji
从眉毛、眼睛、嘴巴等部件中拖拽组合，生成独一无二的日式颜文字表情，一键复制。
页面平滑滚动导航条生成器 - 锚点过渡与监听
生成点击导航平滑滚动到对应Section并高亮当前菜单项的完整代码。
CSS缓动效果可视化工具 - 动画速率对比
并排展示ease、ease-in、ease-out等不同CSS缓动函数的动画速率差异，辅助选择合适曲线。
渐变色标数据表 - CSV数据生成渐变CSS
使用CSV格式定义多个色标的位置和颜色，批量生成复杂的CSS渐变代码。
N皇后问题可视化 - 回溯算法演示
设置皇后数量，逐步或自动展示回溯算法如何找到所有解，并高亮冲突位置。
形状过渡分割线生成 - 页面区块曲线背景
生成用于网页各区块间的波浪或倾斜过渡分割线，导出为SVG或CSS代码。
对角线数独求解器 - X数独限制增加难度
支持标准及X数独（两条主对角线额外区域）的输入与逐步求解，逻辑提示每一步。