“i can See It”
https://www.youtube.com/live/cBYudbaqHAk?si=MjZEz_TREL6DWtzX&t=7631
https://developer.chrome.com/docs/devtools/javascript
we can do better!
^ this is a controversial opinion
https://github.com/willcrichton/flowistry
In focus mode, Flowistry will automatically compute the information flow within a given function once you put your cursor there.
https://www.replay.io/
https://harc.github.io/seymour-live2017/
https://corte.si/posts/code/visualisingsorting/
http://glench.com/BubbleSort/
by Marcel Goethals
https://corte.si/posts/code/visualisingsorting/
https://www.tldraw.com/
https://silent-tower.net/projects/visual-overview-malloc
https://futureofcoding.slack.com/archives/C03RR0W5DGC/p1707432918721889
https://www.youtube.com/watch?v=vo8izCKHiF0
https://www.youtube.com/watch?v=E3keLeMwfHY
The default display has the tree rooted at the left to growing toward the right, as shown in Figure 1. This figure shows the memory usage of a multi-body simulation program using Barnes-Hut. Each block in the diagram contains information as detailed in Figure 2. Vertical size is used to represent the amount of memory owned by the class. The children of a node are displayed to its right starting at the top, and are ordered from top to bottom by the amount of memory they own. This make it easy for the user to see where memory is being used in the application and to follow the ownership relation for a particular class. Moreover, each class has a gap on the right at the bottom of its display that represents the storage used just for theobjects of that class. For simple classes like String, this shows the overhead inherent in the String object as opposed to its char array contents. Next, we color the nodes based on the fraction of memory that the objects of that class actually occupy disregarding ownership. Here we use a scale that goes from green to red where red represents the class with the largest local memory usage. We also vary the intensity of the color of a node based on the fraction of the memory that it represents. This means that nodes that are replicated due to the conversion from a graph to a tree are shown in a lighter shade, with the actual shade being dependent on the amount of duplication
https://www.researchgate.net/publication/221193019_Visualizing_the_Java_heap_to_detect_memory_problems
https://discord.com/channels/721409715602587698/1187501380999581757/1197975927003562136
https://discord.com/channels/721409715602587698/1187501380999581757/1198052132402778273
https://www.youtube.com/watch?v=z9JYOZWLMlo
https://observablehq.com/
https://www.lamdu.org/
https://www.youtube.com/watch?v=y1Ca5czOY7Q
http://conal.net/papers/Eros/
https://www.subtext-lang.org/
https://joshuahhh.com/projects/pane/
https://discord.com/channels/721409715602587698/1187501380999581757/1199064849745981440
https://en.wikipedia.org/wiki/Core_War
At the beginning of a game, each battle program is loaded into memory at a random location, after which each program executes one instruction in turn. The goal of the game is to cause the processes of opposing programs to terminate (which happens if they execute an invalid instruction), leaving the victorious program in sole possession of the machine.
https://pythontutor.com/
https://bluefishjs.org/
https://twitter.com/kipperrii/status/1750317027057893697
Marcel Goethals
https://elk.zone/mas.to/@wolkenmachine@mastodon.social/111795681494646518
Bret Victor
https://vimeo.com/906418692
https://web.media.mit.edu/~lieber/Lieberary/ZStep/ZStep-SoftViz/ZStep-SoftViz.html
https://samwho.dev/memory-allocation/
https://futureofcoding.slack.com/archives/C03RR0W5DGC/p1708448999666629
Back to the wikiblogarden.