DEV Community

Cover image for It's time to understand the code visually
Kedar.K
Kedar.K

Posted on • Updated on

It's time to understand the code visually

Yeah, you heard me right, it's time to visualize the code.

Alt Text

When I started learning to code it was quite difficult for me to even understand the working of simple loops, data structures, how the iterations work, etc, especially when it comes to understanding the complete code. The reason for this post is that I see many other people facing the same problem.

I found a tool Python Tutor by Philip J. Guo through which the code can be executed step by step and understood visually and the tool is easy to use.

final_5cf2c124b11a53001491b73f_951079.gif

I have used this tool extensively when I started learning python and even now when I see some complicated code ;). Currently, it provides visualization for

  1. Python
  2. Java
  3. C
  4. C++
  5. JavaScript
  6. TypeScript
  7. Ruby

Along with visualization, it has live programming mode for Python and other languages mentioned above. One of the interesting features that I like about this is while visualizing the code I can get live help from the coders around the world.

I am in love with this tool, it's a bookmark in my browser and I guess it deserves bookmark in your browser too. Now we can say that coding is easy.

tenor.gif

I would love to hear from you about your favorite tools. Always remember

Whether you draw diagrams that generate code or you type at a browser, you are coding.
-Kent Beck

I hope you liked this article. You can follow me on DEV or Twitter to get updates on future articles.

Happy Coding.


Further Reads

Discussion (8)

Collapse
madza profile image
Madza • Edited on

It's not a secret each bit of information is better understand if presented visually.
This could be groundbreaking if actively developed and backed up by the community in the future.. Same for the 3D visualization of a DOM tree in the browser.

Collapse
muhimen123 profile image
Muhimen

Waiting for that day.

Collapse
muhimen123 profile image
Muhimen

I have been using this for a year now. It's great for visualizations but things can go REALLY MESSY if you are using for big amount of data. But I still love it. Good post. Cheers. 🀘

Collapse
kedark profile image
Kedar.K Author

Glad you liked it.
Yeah, it might get messy sometimes, but its perfect to learn programming.

Collapse
kedark profile image
Kedar.K Author

My goodness, thats some next level stuff,
That would be revolutionary.

Collapse
emperorkonstantin profile image
Konstantin Anthony

No SSL?