Render dot/graphviz within a Deno Jupyter notebook

deno_dot.ipynb

graph.ts

import { toStream } from "npm:ts-graphviz/adapter";
import { toText } from "jsr:@std/streams";

/**
 * Creates an object from `dot` input that can be displayed in a Jupyter
 * notebook as an SVG.
 */
export class Graph {
  dot: string;

  constructor(dot: string) {
    this.dot = dot;
  }

  async [Deno.jupyter.$display]() {
    const svg = await toStream(this.dot).then(toText);

    return {
      "text/plain": this.dot,
      "image/svg+xml": svg,
    };
  }
}