UD5工具箱
音乐频谱可视化 - 实时跳动频率柱
本地音频或麦克风输入时，显示随音乐跳动的频谱柱状图，多种配色风格。
标签： 可视化工具 - 数据与过程呈现
共 99+ 款工具桑基图生成器 - 流量/能量分流图
通过CSV或手动输入源、目标、数值，生成展示流向和占比的桑基图。
愿景板生成器 - 图文目标可视化
将目标图片和肯定语布置在愿景板上，导出为壁纸激励自己，数据本地保存。
排序算法可视化 - 冒泡/快排/归并动画
选择算法并随机生成数组，以彩色条动画展示排序过程，帮助理解算法。
国际象棋FEN查看器 - 棋盘局面可视化
输入FEN串，渲染标准国际象棋初始局面或任意残局，适合学习。
风险评估矩阵 - 5x5影响概率可视化
在5x5矩阵上放置风险点，根据影响与概率自动分级，生成风险登记册，辅助项目风控。
旭日图生成器 - 层次数据辐射展现
输入树形JSON数据，生成多层级旭日图，点击可钻入下一层，展示占比关系。
按位运算可视化 - AND/OR/XOR/NOT实时
输入两个数字，显示它们的二进制表示，并逐位展示与、或、异或等运算过程。
色盲安全调色板推荐 - 数据可视化配色
提供多组在各色盲类型下仍可区分的定性、连续配色方案，辅助图表设计。
单位圆交互展示 - 三角函数图示
拖拽角度，在单位圆上显示sin、cos、tan的线段和数值。
蛋白质序列着色器 - 氨基酸性质可视化
粘贴蛋白质序列，按疏水性、电荷等性质自动着色每个氨基酸残基，一目了然。
考拉兹猜想可视化 - 冰雹序列图
输入起始数字，绘制其冰雹序列的折线图，展示最终回归1的过程。
树形图生成器 - 组织结构图/思维导图
以缩进文本描述树结构，自动生成可折叠的树形节点图，支持导出SVG/PNG。
分数乘法可视化 - 矩形模型
用等分矩形的重叠区域演示分数乘分数的意义，直观展示几分之几。
二叉树遍历可视化 - 前序/中序/后序动画
构建二叉树节点，动态演示三种深度优先遍历顺序及逐层遍历。
钢琴帘文件播放器 - MIDI/音符可视化
加载简单序列，以钢琴帘形式横向滚动显示音符，同时音频播放。
泛音列可视化 - 倍频程与音符关系
选择一个基音，显示其前16个泛音的音高、频率和音分偏差，理解自然泛音列。
概率树形图生成器 - 计算路径概率
通过添加分支和概率值，自动绘制概率树形图并计算各结果的概率。
麦克风实时可视化 - 波形/频谱/音量
调用麦克风，以多种样式（波形、频谱、圆环音量）实时显示输入声音。
CSS Grid 调试覆盖层 - 显示网格线与区域
在页面上叠加可拖拽的半透明网格线，辅助网格布局对齐。
日历热力图生成器 - 年度贡献图风格
输入日期和数值，生成类似GitHub贡献图的年度热力图，可自定义颜色和统计。
递归树可视化 - 斐波那契/阶乘调用图
输入参数运行递归函数（如斐波那契），绘制递归调用树结构，理解重复计算。
正则表达式可视化工具 - 图形化Regex解析
将正则表达式语句转换为直观的铁路图（状态机图），帮助理解复杂的正则模式。
Flexbox 高级演练场 - 所有属性可视化控制
通过滑块和开关调整 Flex 容器和子项的所有 CSS 属性，实时观察布局变化，理解弹性盒子。
分数披萨可视化 - 切分圆理解几分之几
拖动滑块切分圆形披萨，显示分数值与等价小数，直观学习分数概念。
进程调度可视化 - FCFS/SJF/轮转对比
输入进程列表，同时对比先来先服务、短作业优先和轮转调度算法的甘特图和平均等待时间。
绳结拓扑展示 - 三叶结等绘制旋转
展示常见纽结（三叶结、八字结等）的三维弯曲造型，用户可旋转观察交叉。
子网掩码可视化计算器 - 滑条切分网络
拖拽滑块改变CIDR后缀，直观显示划分出的子网范围、主机数和广播地址。
分数大小比较天平 - 拖动比较两个分数
用准星或天平模型直观对比两个分数的大小，帮助建立数感。
韦恩图生成器 - 多圆交集可视化
自定义两到三个圆的标签和区域数值，绘制用于展示集合关系的韦恩图。
收支桑基图生成器 - 资金流向可视化
记录收入和各分类支出，自动生成展示资金从哪里流到哪里的桑基图。
历史事件时间线制作 - 自定义条目生成横向轴
输入事件名称与年代，自动生成美观的横向时间轴图，打印用于学习展示。
直角三角形可视化计算 - 拖拽点求边长
在Canvas上拖拽直角三角形顶点，实时计算边长、角度和三角函数值。
置信区间可视化 - 抽样与区间估计
从总体中重复抽样，展示每次样本均值的置信区间，并统计覆盖总体均值的比例。
网格渐变可视化编辑器 - 多点自由着色
在画布上放置多个色点，利用双线性插值生成平滑梦幻的多色渐变背景，可导出CSS或图片。
逻辑斯蒂映射分岔图 - 混沌可视化
绘制逻辑斯蒂映射的分岔图，调节参数观察周期倍增与进入混沌的过程。
Git可视化学习器 - 理解分支与合并
用彩色小球串演示Git仓库的提交(commit)、创建分支(branch)和合并(merge)过程。
逻辑表达式转电路图 - 门级电路自动生成
输入布尔表达式，自动绘制用与、或、非门构成的逻辑电路图，并允许交互式输入测试。
z-index层级可视化 - 拖拽相互遮挡关系
添加多个色块拖拽顺序，直观表现层叠上下文与z-index值。
音频可视化组件生成 - 播放器频谱
生成与原生HTML5音频播放器配套的音频频谱可视化组件代码。
整数划分可视化 - 分堆块图演示
输入正整数，以图形化块图展示所有不同的整数划分方式。
SVM 决策边界可视化 - 交互式支持向量机演示
添加二维点并选择核函数，直观展示SVM决策边界与支持向量，理解最大间隔分类原理。
N皇后问题可视化 - 回溯算法演示
设置皇后数量，逐步或自动展示回溯算法如何找到所有解，并高亮冲突位置。
蒙特卡洛法求圆周率 - 随机撒点可视化
在正方形内随机撒点，统计落在内切圆中的比例，动画逼近圆周率。
文件大小可视化 - 相对体积气泡图
选择多个本地文件，以气泡面积表示相对大小，直观呈现项目静态资源占比。
向量场散度旋度可视化 - Canvas矢量场
从预设向量场（如漩涡、源）中选择，观察箭头分布并计算给定点的散度和旋度。
声控灯光特效 - 根据麦克风音量变色
网页全屏彩色灯光，随麦克风捕捉的音量跳动，制造派对或直播氛围。
DBSCAN 聚类可视化器 - 密度可达交互演示
在二维平面上点击生成数据点，调节Eps与MinPts参数，实时查看DBSCAN聚类结果与噪点识别。
跳跃表可视化器 - 插入/搜索层级演示
随机可视化Skip List的层级结构和快速查找过程，对比链表效率。
栈式虚拟机演示 - 后置运算执行
输入后缀表达式或简单指令，逐步演示栈的压入弹出计算过程。
琶音模式可视化 - 和弦分解音演奏动画
选择一个和弦,以动画方式在虚拟钢琴上展示上下行琶音的键位和音名。
储蓄目标进度环 - 可视化存钱计划
设定储蓄目标总额与当前余额，环形进度条动态展示完成百分比，并计算还需多少天达成。
流线绘制器 - 点选种子查看向量场
在预设向量场中点击放置种子，绘制通过该点的流线，表现场的方式。
CI/CD流水线可视化编辑器 - 阶段与任务设计
拖拽构建阶段与任务，配置触发条件，生成对应的GitLab CI或GitHub Actions YAML代码。
音频波形图实时显示 - 麦克风或音频文件
播放音频或使用话筒，实时绘制波形与频谱，前端音频可视化演示。
泛音列可视化 - 拨弦波形与泛音成分
调整基频，以波形叠加的方式展示各泛音如何构成实际乐器音色。
录音可视化简历 - 语音波形加文字
录制一段语音，生成带有音频波形和自定义文本的分享卡片图片。
CSS缓动效果可视化工具 - 动画速率对比
并排展示ease、ease-in、ease-out等不同CSS缓动函数的动画速率差异，辅助选择合适曲线。
主成分分析(PCA)降维可视化 - 高维数据投影
上传CSV或手动输入多维数据，计算PCA并投影到二维空间，查看方差解释比率与载荷图。
基数排序动画 - LSD方法逐步可视化
随机生成整数数组，逐步展示按低位优先进行的基数排序过程，辅助算法理解。