# \[Article\] Visual Code Evolution

**URL:** <https://discourse.nodered.org/t/article-visual-code-evolution/82736>\
**Category:** General\
**Created:** [9 November 2023 10:18 UTC](https://discourse.nodered.org/t/article-visual-code-evolution/82736 "2023-11-09T10:18:43Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [9 November 2023 10:18 UTC](https://discourse.nodered.org/t/article-visual-code-evolution/82736/1 "2023-11-09T10:18:43Z")

</div>

Hi There!

One thing I really find extremely interesting is change, otherwise known as time. Code changes over time and we spend much time comparing that change. But how does that comparing work if textually there is no possibility (for all of those who have ever compared two versions of a flows.json will know)? What remains is the visual comparison and this is one of the things I've been working on in the past year. (Plug to own node: [flowcompare](https://flows.nodered.org/node/@gregoriusrippenstein/node-red-contrib-flowcompare)).

I put together a quick [article](https://blog.openmindmap.org/blog/visual-code-evolution) presenting some animations of change - admittedly it's more of a friday afternoon piece but today is close enough!

As I say in the article, for me, animating change as a film where each frame is a revision of my code, tells me a story of my code and my learning in changing that code.

Cheers!

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [9 November 2023 16:14 UTC](https://discourse.nodered.org/t/article-visual-code-evolution/82736/2 "2023-11-09T16:14:13Z")

</div>

Overflow for an overview for flows. Nice pun 😉

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [8 January 2024 16:14 UTC](https://discourse.nodered.org/t/article-visual-code-evolution/82736/3 "2024-01-08T16:14:13Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.