Merge branch 'main' of https://github.com/LinqLover/trace4d

README.md

@@ -8,10 +8,14 @@ Program traces are created in [Squeak](https://squeak.org) using the [TraceDebug
 
 ![Screenshot of trace4d](./assets/trace4d.png)
 
+[View more examples here.](./assets/examples.md)
+
 ## Repository Structure
 
 - [`.github/workflows/`](./.github/workflows/): GitHub Actions workflows for CI
-- [`assets/traces/`](./assets/traces/): Prepared serialized program traces of different Squeak programs (see [`docs/traces.md`](./docs/traces.md))
+- [`assets/`](./assets/traces/):
+  - [`assets/examples.md`](./assets/examples.md): Screenshots and screencasts of visualizing example program traces
+  - [`assets/traces/`](./assets/traces/): Prepared serialized program traces of different Squeak programs (see [`docs/traces.md`](./docs/traces.md))
 - [`docs/`](./docs/): Documentational artifacts
   - [`docs/paper/`](./docs/paper/): LaTeX sources of our paper preprint
   - [`docs/exposé/`](./docs/exposé/): LaTeX sources of our original exposé

assets/examples.md

@@ -0,0 +1,13 @@
+# trace4d Examples
+
+![Screenshot of `regexParse.json`](./trace4d.png)
+
+## Screencasts
+
+### Program Trace (`regexParse.json`)
+
+https://github.com/LinqLover/trace4d/assets/38782922/216cf2a9-bf08-4aac-a826-91b20b885f04
+
+### Navigation and Interaction (`regexParse.json`)
+
+https://github.com/LinqLover/trace4d/assets/38782922/f56048a1-99b5-461a-846a-0a3383fa78c9