tree d70fa679e20657289bdc05d2c11e9fb1f899e907
parent 39d45a1c4ab68cc0ab21f55d5d8b470178c54468
author Scott Todd <scotttodd@google.com> 1687372247 -0700
committer GitHub <noreply@github.com> 1687372247 -0700
gpgsig -----BEGIN PGP SIGNATURE-----
 
 wsBcBAABCAAQBQJkk0HXCRBK7hj4Ov3rIwAAqBsIAIwChqFIDBfBCyhjLpOHQp8i
 X3NN/vbk8+FOmbT+IqXlsinUPtJjLUHV3bmnVg7xOm8Mg8V4Rr0Cs/7qiuPU1OhF
 vNTMYIfFuxsFzHneddssxtNZxKusGI7mrZ6P8Xb/JlkD10P+74NzHSsjpHgSRXNV
 nVimZYEbB9uqIowSfkj6PzVc5XX05eRI4wiiNWa7eOJAmt7or5Az5IdrEo99uDLG
 bodQNxrIqYS2pNZr96nk9C1xW4okv0c9sbpr/1lfOyJo+y9LTPd/ltWPau29gAFa
 UF72bQPpyksHsBSPhHlJhxEy5GdK/ScXcvcpKd+1Knihs0gvM/ZKLu09T3co//s=
 =5AVx
 -----END PGP SIGNATURE-----
 

Add diagrams to ml-frameworks website pages. (#14145)

Diagrams are a nice way to break up the flow of a webpage and
communicate relationships visually. This "ml-frameworks" pages
(https://openxla.github.io/iree/guides/ml-frameworks/) already uses
sections, icons, and lists, but I want to keep making the website easier
to scan through, as we bridge between so many different technologies.


![image](https://github.com/openxla/iree/assets/4010439/7e31fe15-ce7d-46b1-84e9-53885ded20e2)

![image](https://github.com/openxla/iree/assets/4010439/b2d690c5-ff35-47f5-a8b6-6b6daa156a25)

![image](https://github.com/openxla/iree/assets/4010439/aee56bfa-d15a-4085-88fc-85f0410662ef)

![image](https://github.com/openxla/iree/assets/4010439/279ea730-89ac-4527-9700-b0241b724020)

---

I also tried a version of this diagram with more detail, but the layout
was tricky to tune:

![image](https://github.com/openxla/iree/assets/4010439/bbd58a8d-4c52-421c-b21d-032bcd4043f1)