背景：
我主要是做 ML 的。学了一点 React 和 Nextjs 。不太懂 web 开发。
最近看到一个挺有意思的音乐合成器的互动可视化，觉得挺有意思的。网址如下：
https://learningsynths.ableton.com/en/get-started
提问：
既然音乐都能做的这么有趣，那机器学习算法的应该也是可以做成互动可视化的。比如说梯度下降之类的。
请问有人知道做这种互动可视化需要用到什么库吗？ anime.js ？ d3.js?
我主要是做 ML 的。学了一点 React 和 Nextjs 。不太懂 web 开发。
最近看到一个挺有意思的音乐合成器的互动可视化，觉得挺有意思的。网址如下：
https://learningsynths.ableton.com/en/get-started
提问：
既然音乐都能做的这么有趣，那机器学习算法的应该也是可以做成互动可视化的。比如说梯度下降之类的。
请问有人知道做这种互动可视化需要用到什么库吗？ anime.js ？ d3.js?
第 1 条附言 · 2025 年 1 月 15 日
又搜到一个我觉得比较有意思的展示梯度下降的博客：
https://www.philippstuerner.com/posts/gradient_descent
https://www.philippstuerner.com/posts/gradient_descent
12 条回复 • 2025-01-15 15:04:06 +08:00
 |
1
jeddida 2025 年 1 月 15 日
看来大佬是个机器学习大佬啊！我的中文对话模型一直过拟合怎么处理呢？用的 transformer
|
 |
2
evilcoming 2025 年 1 月 15 日
有可视化调参吧
|
 |
3
jimrok 2025 年 1 月 15 日
好像 3b1b 的大佬讲线性代数，用的自己的动画库 manim ，开发语言是 python ，可以参考一下吧。
|
 |
4
chen88ijn 2025 年 1 月 15 日
streamlit 可以快速展示
|
 |
5
threeBoy 2025 年 1 月 15 日  1
 这网站用的 Three.js |
 |
6
paradox8599 2025 年 1 月 15 日 via Android
|
 |
8
daweii OP @paradox8599 对对，大概类似于这种效果。
|
 |
9
riceball 2025 年 1 月 15 日 via Android
还有这个 https://ml5js.org/
|
 |
10
andyskaura 2025 年 1 月 15 日 1
如果都只是 2d 数据展示较多的，可以用 https://echarts.apache.org/examples/zh/index.html#chart-type-graphic ，如果互动多，效果简单，可以直接用 css Transforms ，就像你文中那个（也许其他地方用了 three ，但文中的效果不是 three ）。再复杂点的 2d ，需要用上 canvas 引擎了，cocos ，laya 什么的。3d 效果可以用 three 。再锦上添花可以基于 canvas 加 shader 特效。
|
 |
12
importmeta 2025 年 1 月 15 日
@daweii 这网站就是 Three.js 做的啊. 浏览器装 Wappalyzer - Technology profiler, 可以看到别人用什么技术做的网站.
|
• 请不要在回答技术问题时复制粘贴 AI 生成的内容