github 项目介绍:将代码算法可视化的交互式在线平台

项目网址

繁中

项目简介

文本说明和静态图片中学习算法是很枯燥的。 因此有许多很棒的网站提供了查看各种算法的动画。 然而,对于编程人员来说,没有什么比将实际工作代码可视化更容易理解的了

algorithm-visualizer 是一个交互式在线平台,可以将代码中的算法可视化。

笔记

algorithm-visualizer 有部署到一个公开的网站 https://algorithm-visualizer.org/让你在在线测试,进去后你就会看到这个测试平台已经内置了许多算法程序范例,目前这些范例都是用 javascript 写的

但是在 UI 上你会看到可以切换到 Java/C++/Javascript 这三种版本

原来algorithm-visualizer 的 UI 左下方有一个 Scratch Paper ,这些选项是让你切换 Java/C++/Javascript 编程语言来练习你自己的算法,文档上说明是在 Scratch Paper 下方的 New 去添加你的算法,例如我选 Java,algorithm-visualizer 会帮我产生一个可以马上运行的 Java 的测试算法框架,用户就利用这个产生的框架开始在里面写算法练习,屏幕的左边可以看到算法可视化的输出结果

在线的测试平台还可以跟你的 Github 帐号做集成,原本以为这个功能会去同步你的 github 项目中的代码做代码可视化,但是目前还找不到这个功能

algorithm-visualizer 内置有 fork 功能,也就是你也可以 fork 内置的算法范例然后再去修改成自己的版本做练习

你也可以为这个便利的开源工具贡献算法,作者是将算法放在这个 repository

algorithm-visualizer 也可以安装到你自己的电脑中,方法如下

1. Fork 这个开源项目

2. git clone https://github.com/<your-username>/algorithm-visualizer.git

3. 安装 Docker

4. 安装相依套件

cd algorithm-visualizer 
npm install
npm run dev


5. 开启浏览器到 http://localhost:8080/

讨论专区

相关在线课程

 欢迎使用 e-mail 订阅 Soft & Share 

featureimage : https://i2.wp.com/softnshare.com/wp-content/uploads/2019/03/screenshot.png?fit=960%2C540&ssl=1
英翻中 How-to : https://softnshare.market/udemysubtitlesandgoogletranslate/

 欢迎使用e-mail订阅 Soft & Share 

发表评论

Powered by WordPress.com.

Up ↑

%d 博主赞过: