visualization: Add anatomy of icicle graphs and how to interpret them (#254)

* Add anatomy of icicle graphs and how to interpret them

Signed-off-by: Kemal Akkoyun <kakkoyun@gmail.com>

* Use rive for animations

Signed-off-by: Kemal Akkoyun <kakkoyun@gmail.com>

* Add how to interpret graphs

Signed-off-by: Kemal Akkoyun <kakkoyun@gmail.com>

* Address review comments

Update walk-through

Signed-off-by: Kemal Akkoyun <kakkoyun@gmail.com>

* Fix typo

Signed-off-by: Kemal Akkoyun <kakkoyun@gmail.com>

* Update docs/icicle-graph-anatomy.mdx

Co-authored-by: Yomi Eluwande <yomi.eluwande@gmail.com>

---------

Signed-off-by: Kemal Akkoyun <kakkoyun@gmail.com>
Co-authored-by: Yomi Eluwande <yomi.eluwande@gmail.com>

Author: kakkoyun

.tool-versions

@@ -0,0 +1 @@
+nodejs 16.19.1

docs/graph-tooltip-details.mdx

@@ -30,11 +30,11 @@ The name of the file that the function is in. If the file is not in the project,
 
 ## Address
 
-The address of the function in memory. This is a pointer to the function in memory. The addresses are displayed in hexadecimal and are prefixed with `0x`. 
+The address of the function in memory. This is a pointer to the function in memory. The addresses are displayed in hexadecimal and are prefixed with `0x`.
 
 ## Binary
 
-The name of the binary that the function is in. Using the [Binary-based Color Stack](./flamegraph-binary-based-colour-stack.mdx) feature, you can identify the most expensive binaries in the rendered flamegraph.
+The name of the binary that the function is in. Using the [Binary-based Color Stack](./icicle-graph-binary-based-colour-stack.mdx) feature, you can identify the most expensive binaries in the rendered flamegraph.
 
 ## Build ID