Updates contributing.md

CONTRIBUTING.md

@@ -42,6 +42,17 @@ Implements the UI and is hosted inside a webview in VS Code.
 Can be opened in a browser window.
 Uses websockets and JSON RPC to communicate with the extension.
 
+### visualization
+
+Contains React components that visualize various JSON documents.
+Also provides infrastructure for selecting the best visualization for a given JSON document.
+
+### visualization-playground
+
+A playground to test and play with the visualizations for the web.
+Is hosted at [https://hediet.github.io/vscode-debug-visualizer/](https://hediet.github.io/vscode-debug-visualizer/).
+Aims to have fast build times.
+
 ### extension
 
 Creates the webview in VS Code, hosts a webserver and a websocket server.

docs/main.plantuml

@@ -3,10 +3,16 @@
 [data-extraction] 
 [webview]
 [extension]
+[visualization]
+[visualization-playground]
 
 [webview] ..> [extension]: "Uses RPC contracts, connects using websockets"
 [extension] ..> [webview]: "Loads into a Webview in VS Code"
 
+[webview] ..> [visualization]: "Uses React Components"
+
+[visualization-playground] ..> [visualization]: "Uses React Components"
+
 [extension] ..> [data-extraction]: "Injects Runtime into JavaScript applications"
 
 [webview] ..> [data-extraction]: "Uses common types"