霍夫线变换演示 - 检测图片中的直线
在绘图板画几条直线,算法自动利用霍夫变换检测并高亮出这些线段。
UD5工具箱
在绘图板画几条直线,算法自动利用霍夫变换检测并高亮出这些线段。
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
以3D渲染(p,q)环面纽结,可旋转视角,感受拓扑之美。
点击某个格子会反转自身和十字范围内所有格子的灯,目标点亮全部或熄灭全部。
在二维函数曲面上动态展示梯度下降算法的迭代过程,可调节学习率和初始点。
在网格上设置起点/终点和障碍,动态演示广度优先、深度优先、A*等搜索过程。
用Canvas绘制经典的洛伦兹吸引子轨迹,可拖拽旋转视角展示蝴蝶形奇怪吸引子。
拖拽调节Flex容器和子项属性,即时可视化响应效果,同时显示CSS代码,边学边用。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
输入最小项,生成卡诺图并自动圈出质蕴含项,得到最简逻辑表达式。
在页面上叠加可拖拽的半透明网格线,辅助网格布局对齐。
绘制或生成迷宫墙,选择DFS或BFS算法自动寻找出口,动画展示探索过程。
模拟经典玩具,按方向键或虚拟旋钮绘制线条,按空格键晃动清除。
以自然语言描述想要的表情或符号(如“微笑”、“箭头”),在Unicode库中匹配。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
随机可视化Skip List的层级结构和快速查找过程,对比链表效率。
随机推荐视觉和谐的标题和正文字体配对,并显示预览和导入代码。
在可缩放网格上选区颜色绘制像素图,支持多帧预览简单动画。
通过加权Voronoi点算法将图片转换为类似针笔画的黑白点描艺术效果。
一款漂亮的拟物指针时钟,同时显示数字时间和日历,适合常驻副屏或全屏。
输入十进制小数,展示其在内存中的符号位、指数、尾数二进制布局。
通过滑块和开关调整 Flex 容器和子项的所有 CSS 属性,实时观察布局变化,理解弹性盒子。
为图片添加类似胶片漏光的红黄色调渐变或光晕效果,营造怀旧氛围。
经典的Canny计算机视觉边缘检测算法的前端演示,可调节低高阈值。
拖拽基色指针,自动计算互补、近似、三等分等七种和谐配色方案,复制十六进制值。
为页面上使用CSS Grid的元素显示网格线和名称,辅助布局开发和调试。
输入分数,计算其小数形式,用标记高亮循环节部分。
调节光源角度、颜色和距离,生成凹凸柔和的新拟态UI元素CSS盒阴影代码,潮流设计工具。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。