notes

Author: stereobooster

packages/docs/src/content/docs/diagrams/graphviz.mdx

@@ -35,7 +35,7 @@ digraph finite_state_machine {
     8 -> 5 [label = "S(a)"];
 }
 ```
- 
+
   </TabItem>
   <TabItem label="Markdown">
 
@@ -126,3 +126,15 @@ digraph G {
 }
 ```
 ````
+
+## TODO
+
+- [ ] support images
+
+  ```js
+  graphviz.neato('digraph { a[image="./resources/hpcc-logo.png"]; }', "svg", {
+    images: [
+      { path: "./resources/hpcc-logo.png", width: "272px", height: "92px" },
+    ],
+  });
+  ```

packages/docs/src/content/docs/diagrams/penrose.mdx

@@ -123,7 +123,7 @@ use(rehypePenrose, {
 Or locally:
 
 ````md
-```penrose width=400 height= 400
+```penrose width=400 height=400
 ...
 ```
 ````

packages/docs/src/content/docs/examples/graphviz-test.md

@@ -103,3 +103,10 @@ graph {
 }
 ```
 
+## Image
+
+```dot
+digraph {
+  a[image="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"];
+}
+```