Get MDP animation to loop

[danbraunai]

"Easy" solution:

• Delete the svg and render it again, continuously.
• I tried doing this on the "mdp" branch in src/index/index.js, but am having JS package compatibility issues when trying to get an async/await working (more details in code comments in index.js).

Hard solution:

• Continuously loop each animation (arrows, nodes, text) in d3.
• I had a lot of trouble attempting this, with many observable notebook crashes (and inability to reopen).

I vote for the easy option in the first "product", and then decide if we want to do the hard solution after release. I've assigned to Nix for now since he might know what's going on with these JS package compatibility issues.

[danbraunai]

Also, we may want to match the colors to those used in the architecture diagram. In particular, avoid red and green together (for color-blind people). Current architecture image below:

[danbraunai]

Just changed assignee to me for this. I'd like to try and work out how to do it in d3.