Add graph widget (#102)

# Motivation
<!-- Why is this change necessary? -->
Add ability to display a codemdo graph visualization
# Content
<!-- Please include a summary of the change -->
# Testing
<!-- How was the change tested? -->
# Please check the following before marking your PR as ready for review

- [ ] I have added tests for my changes
- [ ] I have updated the documentation or added new documentation as
needed
- [ ] I have read and agree to the [Contributor License
Agreement](../CLA.md)

Author: rushilpatel0

docs/building-with-codegen/codebase-visualization.mdx

@@ -14,11 +14,22 @@ These visualizations have a number of applications, including:
 - Analyzing dependencies
 - Understanding inheritance hierarchies
 
-This guide provides a basic overview of graph creation and customization.
+This guide provides a basic overview of graph creation and customization. Like the one below which displays the call_graph for the [modal/client.py](https://github.com/modal-labs/modal-client/blob/v0.72.49/modal/client.py) module.
+
+<iframe
+  width="100%"
+  height="600px"
+  scrolling="no"
+  src={`http://localhost:3000/embedded/graph?id=ef312926-286d-4c13-8e09-38e1a47882f1&zoom=0.5`}
+  className="rounded-xl "
+  style={{
+    backgroundColor: "#15141b",
+  }}
+></iframe>
 
 <Note>
   Codegen visualizations are powered by [NetworkX](https://networkx.org/) and
-  rendered using [ThreeJS](https://threejs.org/).
+  rendered using [d3](https://d3js.org/what-is-d3).
 </Note>
 
 ## Basic Usage

docs/introduction/overview.mdx

@@ -36,9 +36,11 @@ function.set_docstring('new docstring') # set docstring
   src={`https://chadcode.sh/embedded/codemod/?code=${encodeURIComponent(
     intoSnippet
   )}`}
-  className="rounded-md "
-
-> </iframe>
+  style={{
+    backgroundColor: "#15141b",
+  }}
+  className="rounded-xl"
+></iframe>
 
 ## Installation