# Prolog Visualizer

**URL:** <https://swi-prolog.discourse.group/t/prolog-visualizer/2841>\
**Category:** Nice to know\
**Created:** [August 29, 2020, 11:13am UTC](https://swi-prolog.discourse.group/t/prolog-visualizer/2841 "2020-08-29T11:13:20Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![EricGT](https://avatars.discourse-cdn.com/v4/letter/e/f1d935/32.png) [@EricGT](https://swi-prolog.discourse.group/u/EricGT)\
**Post date:** [August 29, 2020, 11:13am UTC](https://swi-prolog.discourse.group/t/prolog-visualizer/2841/1 "2020-08-29T11:13:20Z")

</div>

When first learning a programming language it is nice to see the code executed step by step. Many of us use gtrace/0 with SWI-Prolog but that is typically putting the cart before the horse in that you have to have a basic knowledge of Prolog, consulting code, calling predicates, etc. What would be nice is to just click on something and watch the code execute.

GitHub repository: [cdglabs](https://github.com/cdglabs)/ **[prolog-viz](https://github.com/cdglabs/prolog-viz)**  
The GitHub repository readme page has a link to a working site.  
[Slides](https://www.slideshare.net/ZhixuanLai/prolog-visualizer)

---

<div class="post-metadata">

**Author:** ![alan\_tam](https://avatars.discourse-cdn.com/v4/letter/a/96bed5/32.png) [@alan\_tam](https://swi-prolog.discourse.group/u/alan_tam)\
**Post date:** [September 1, 2020, 7:21am UTC](https://swi-prolog.discourse.group/t/prolog-visualizer/2841/2 "2020-09-01T07:21:04Z")

</div>

WOW,I like it.So good.