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

It's time to understand the code visually

kedark profile image Kedar.K Updated on ・2 min read

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

Posted on by:

kedark profile

Kedar.K

@kedark

An extrovert computer programmer! Web UI/UX | Love Silicon Valley | Development in python | Freelance | student | machine learning enthusiast.

Discussion

pic
Editor guide
 

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.

 

Waiting for that day.

 

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. 🤘

 

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

 

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