想做机器学习算法的互动可视化。需要用到什么 JS 库?

2025 年 1 月 15 日
 daweii
背景:
我主要是做 ML 的。学了一点 React 和 Nextjs 。不太懂 web 开发。
最近看到一个挺有意思的音乐合成器的互动可视化,觉得挺有意思的。网址如下:
https://learningsynths.ableton.com/en/get-started

提问:
既然音乐都能做的这么有趣,那机器学习算法的应该也是可以做成互动可视化的。比如说梯度下降之类的。
请问有人知道做这种互动可视化需要用到什么库吗? anime.js ? d3.js?
2789 次点击
所在节点    程序员
12 条回复
jeddida
2025 年 1 月 15 日
看来大佬是个机器学习大佬啊!我的中文对话模型一直过拟合怎么处理呢?用的 transformer
evilcoming
2025 年 1 月 15 日
有可视化调参吧
jimrok
2025 年 1 月 15 日
好像 3b1b 的大佬讲线性代数,用的自己的动画库 manim ,开发语言是 python ,可以参考一下吧。
chen88ijn
2025 年 1 月 15 日
streamlit 可以快速展示
threeBoy
2025 年 1 月 15 日
这网站用的 Three.js
paradox8599
2025 年 1 月 15 日
daweii
2025 年 1 月 15 日
@threeBoy
谢谢,three.js 过于底层,感觉有点杀鸡用牛刀了。学习成本太高。
daweii
2025 年 1 月 15 日
@paradox8599 对对,大概类似于这种效果。
riceball
2025 年 1 月 15 日
还有这个 https://ml5js.org/
andyskaura
2025 年 1 月 15 日
如果都只是 2d 数据展示较多的,可以用 https://echarts.apache.org/examples/zh/index.html#chart-type-graphic ,如果互动多,效果简单,可以直接用 css Transforms ,就像你文中那个(也许其他地方用了 three ,但文中的效果不是 three )。再复杂点的 2d ,需要用上 canvas 引擎了,cocos ,laya 什么的。3d 效果可以用 three 。再锦上添花可以基于 canvas 加 shader 特效。
dcatfly
2025 年 1 月 15 日
@daweii #8 有个浏览器插件叫 wappalyzer 能显示出网站大致用了哪些库
importmeta
2025 年 1 月 15 日
@daweii 这网站就是 Three.js 做的啊. 浏览器装 Wappalyzer - Technology profiler, 可以看到别人用什么技术做的网站.

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.xtra.eu.org/t/1105152

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX