首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >算法即动画!在线交互式可视化平台,GitHub超2万星

算法即动画!在线交互式可视化平台,GitHub超2万星

作者头像
新智元
发布于 2019-07-05 07:53:32
发布于 2019-07-05 07:53:32
2K0
举报
文章被收录于专栏:新智元新智元


新智元原创

来源:GitHub

编辑:鹏飞

【新智元导读】从文本和静态图像学习算法又无聊又难懂。当我们以编程方式展示算法的时候,由于算法本身和抽象代码的复杂概念,很难想象出要执行的算法的程序。而交互式的在线平台Algorithm Visualizer)可以从代码中可视化算法,从而能够让我们能够以一种更加直观、更加有趣的形式去理解算法。

一图胜千言。亚里士多德认为,人类在各种感觉中最偏重视觉。

视觉信息占全部感觉信息的80%以上。科学家发现,人类和灵长类动物的大脑皮层内有至少32个区域(即占大脑皮层一半以上的区域)参与视觉信息处理。

可视化利用视觉系统来增强人类的智力,让我们更好地理解抽象概念或者过程,比如机器学习中的各种算法。

我们知道,从文本和静态图像来学习算法既枯燥又难懂。当我们以编程方式展示算法的时候,由于算法本身和抽象代码的复杂概念,很难想象出要执行的算法的程序。

这种抽象算法的程序学习不仅涉及代码,还涉及实际运行程序时的日志,因此很多人想方设法为算法生成动画,从而让我们能够以一种更加直观、更加有趣的形式去理解算法。

要实现算法可视化,很难实现像做Excel饼图那样,填入数据然后生成柱状的或者饼状的图形的操作,其中还存在描述行为的逻辑规则。

今天新智元为大家介绍一个名为“算法可视化器(Algorithm Visualizer)”的交互式的在线平台,可以从代码中可视化算法,解决了上述问题。该工具在GitHub上超过2.1万星!

Algorithm Visualizer提供了各种语言的可视化工具,包括JavaScript,Java和C ++。其UI由4个部分组成:工具栏、侧边栏、查看器和编辑器。

工具栏包含用户的配置文件和用于控制可视化的按钮。用户还可以将算法保存到GitHub Gist或在Facebook上分享。

左侧边栏显示了一组公共算法,除了用户的临时文件之外,其他人也提供了这些算法。查看器是实际可视化发生的地方。它还查看算法的描述。最后,编辑器允许用户记下他们自己的算法以进行可视化。

该项目由3个名为算法、跟踪器和算法可视化器的存储库组成。

  • “algorithms”存储库包含侧栏上显示的公共算法
  • “tracers”存储库包含用每种支持的语言编写的可视化库
  • “algorithm-visualizer”存储库包含用React.js编写的前端和用Node.js编写的后端

当后端编译并运行代码时,可视化库会发出更改日志。然后,后端将更改日志传递到前端,前端逐步解释并呈现它,最终我们看到了一个完整的算法实现过程?

平台地址:

https://algorithm-visualizer.org

GitHub地址:

https://github.com/algorithm-visualizer/algorithm-visualizer

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-07-03,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 新智元 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
GitHub标星15K,这个开源项目让算法动起来
正常的学习资料是纯文本和静态图。之前文摘菌也推荐过一个开源项目,用Python实现了所有的排序算法,包括插入排序、冒泡排序、快速排序、选择排序、归并排序等。
大数据文摘
2019/05/30
6150
GitHub上分享的常用算法和数据结构实现原理可视化系统
一门编程语言入门之后,要想进阶,必须学习算法和数据结构,但是对于初学者来讲算法和数据结构和数据结构的实现原理和机制过于枯涩、抽象难懂。
不脱发的程序猿
2021/01/20
4580
GitHub 标星 2.4w+,这个开源项目让算法动起来!
一门编程语言在入门之后,要想进阶,便必须得学好算法和数据结构,但一般的学习过程通常是枯燥无味的,今天在这里给大家分享个工具,兴许能解决你这个问题。
GitHubDaily
2019/09/17
6510
GitHub 标星 2.4w+,这个开源项目让算法动起来!
这些算法可视化网站助你轻松学算法
无疑,数据结构与算法学习最大的难点之一就是如何在脑中形象化其抽象的逻辑步骤。而图像在很多时候能够大大帮助我们理解其对应的抽象化的东西,而如果这个图像还是我们自己一点点画出来的,那么无疑这个印象是最深刻的了。没错,今天给大家分享的就是算法可视化的网站。
编程珠玑
2019/07/12
1.3K0
这些算法可视化网站助你轻松学算法
推荐一款算法可视化的工具,真好玩!
这个算法可视化工具叫做: Algorithm Visualizer,它是一个网站,你可以在里面选择你感兴趣的算法运行,然后研究它的运行过程,更加直观的理解算法的逻辑。
五分钟学算法
2019/05/23
3K0
推荐一款算法可视化的工具,真好玩!
防劝退!数据结构和算法难理解?可视化动画带你轻松透彻理解!
学过数据结构和算法的都知道这玩意儿不好学,没学过的经常听到这样的说法还没学就觉得难,其实难吗?真难!
Java识堂
2019/11/27
9030
防劝退!数据结构和算法难理解?可视化动画带你轻松透彻理解!
可视化算法网站汇总,从此简单学算法!(附动图)
而我比较特殊,我的第一印象、第二印象以至第 N 印象都觉得很难,所以为了更好的学习和理解算法,我千金一掷一下买了一堆的算法书,有图为证:
磊哥
2020/06/11
1.6K0
算法可视化
网址地址为:https://visualgo.net/zh/。这个网站涉及的算法就更加全面了。从首页就可以看出来不一样了,不仅支持多种算法可视化,还支持搜索。
叶子陪你玩
2021/04/13
8100
算法可视化
推荐几个算法可视化网站!
很多初学者在学习数据结构与算法的时候,都会觉得很难,很大一部分是因为数据结构与算法本身比较抽象,不好理解。对于这一点,可以通过一些可视化动画来帮助理解。
程序员大彬
2022/12/22
2.5K0
推荐几个算法可视化网站!
GitHub近10万星:印度小哥用Python和Java实现所有AI算法
AI的算法你还记得多少?他们都是如何用Python和Java实现的?恐怕很多人一下子就慌了。
新智元
2020/05/26
9060
GitHub近10万星:印度小哥用Python和Java实现所有AI算法
强烈推荐 GitHub 上值得前端学习的数据结构与算法项目
强烈推荐 GitHub 上值得前端学习的数据结构与算法项目,包含 gif 图的演示过程与视频讲解。
夜尽天明
2019/07/24
1.1K0
强烈推荐 GitHub 上值得前端学习的数据结构与算法项目
专业之旅——GitHub 热点速览 Vol.45
从入门到精通需要什么?AI-Expert-Roadmap 带你开启专业之旅,和 135k+ 高星项目 developer-roadmap 一样, AI-Expert-Roadmap 这个“后辈”刚开源便获得过 4k+ star,可见它的专业深得程序员意。同样出色的还有 Mastering_Go 中文版,HG 微博推荐之后便获得大量转发可见它的受欢迎程度。说到专业,高门槛的 AI 项目 PIFuHD 本周表现也不俗,凭借这照片变 3D 模型的 professional,一日便获得近 1k star…
HelloGitHub
2021/05/14
5310
专业之旅——GitHub 热点速览 Vol.45
超赞的交互式数据可视化网站
来源:enterprise.import.io 翻译:王翕然,贾雯静 校对:康欣 欢迎个人转发朋友圈;其他机构或自媒体转载,务必后台留言,申请授权 根据国际数据公司(IDC)的估算,到2015年,全球的数据增长率将会是2012年的两倍,年数据量将达到5.6泽字节(1ZB = 1024的3次方 TB)。那将会有非常庞大的数据需要消化,尤其是那些打印文本或索然无味的长达50页的PDF文档。大脑处理视觉的速度比处理文字快60000倍,这使人更容易理解数据的意义。模式、趋势和相关性在文字叙述性的数据中不容易被
大数据文摘
2018/05/22
2.9K0
野路子搞算法 · 让算法可视化《leetcode03.无重复字符的最长子串》
在刷了第一道 leetcode 的题以后我一直在思考,怎么才能让小白更清楚的了解到整个算法运行的过程。如果只是单纯的一点点看代码,从中摸清楚整个流程确实还是有一些难度。虽然就一道题来说,代码块并不会很大,但仅凭借变量之间的交换以及断点调试输出结果,还是很难在我们的大脑中形成一个完整的执行流程。
小傅哥
2020/03/19
6650
野路子搞算法 · 让算法可视化《leetcode03.无重复字符的最长子串》
【资源】超赞的交互式数据可视化网站
根据国际数据公司(IDC)的估算,到2015年,全球的数据增长率将会是2012年的两倍,年数据量将达到5.6泽字节(1ZB = 1024的3次方 TB)。那将会有非常庞大的数据需要消化,尤其是那些打印文本或索然无味的长达50页的PDF文档。大脑处理视觉的速度比处理文字快60000倍,这使人更容易理解数据的意义。模式、趋势和相关性在文字叙述性的数据中不容易被察觉,但在可视化图表上却是一目了然。尽管如此,复杂数据的可视化仍然会使人很困惑。这里,看一些非常棒的复杂数据的可视化。 亿万富豪榜:世界富豪今日排名 这个
小莹莹
2018/04/23
2.5K0
【资源】超赞的交互式数据可视化网站
首款 Jupyter 官方可视化 Debug 工具,JupyterLab 未来可默认支持 Debug
Python 代码编辑器怎么选?PyCharm、VS Code、Jupyter Notebook 都各有特色,Jupyter 适合做数据分析这些需要可视化的操作,PyCharm 更适合做完整的 Python 项目。然而,因为交互式操作,很少会有开发者想到用 Jupyter 做 Debug。
机器之心
2020/03/31
1.8K0
首款 Jupyter 官方可视化 Debug 工具,JupyterLab 未来可默认支持 Debug
满足一切需求的 MMYOLO 可视化:测试过程可视化
可视化在深度学习时代算是核心需求,借助可视化功能,研究者可以快速定位分析模型以及排查问题。
OpenMMLab 官方账号
2022/12/30
1.8K0
满足一切需求的 MMYOLO 可视化:测试过程可视化
资源 | 可视化工具Yellowbrick:超参与行为的可视化带来更优秀的实现
机器之心编译 参与:思源、刘晓坤 Yellowbrick 是一套名为「Visualizers」的视觉诊断工具,它扩展了 Scikit-Learn API 以允许我们监督模型的选择过程。简而言之,Yel
机器之心
2018/06/12
8210
R语言时间序列数据指数平滑法分析交互式动态可视化
请此图是完全交互式的:当鼠标移到系列上时,将显示各个值。还可以选择要放大的图形区域(双击缩小)。
拓端
2020/07/10
1.7K0
Go 能拯救已经失败的可视化编程?
在计算中,可视化编程语言(VPL)允许用户通过图形化操作程序元素而不是通过文本指定来创建程序。但一直以来,除了在一些非常有限的领域外,可视化编程都未成功。对此,有人认为文本编程语言混淆了编程的本质,也有网友表示为支持编程而开发的工具并不重要,那么可视化编程的出路到底在哪里?
Jean
2019/06/17
1.9K0
Go 能拯救已经失败的可视化编程?
推荐阅读
相关推荐
GitHub标星15K,这个开源项目让算法动起来
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档