images/ircfog-modules.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 301 151">
<style>
  rect {
    fill: white;
    stroke: black;
    rx: 10;
    ry: 10;
  }

  text {
    dominant-baseline: central;
    text-anchor: middle;
    font-family: sans-serif;
  }

  line {
    stroke: black;
    marker-end: url(#arrowhead);
  }
</style>

<defs>
  <marker id="arrowhead" markerWidth="10" markerHeight="10" refX="10" refY="3" orient="auto">
  <path d="M0,0 L0,6 L9,3 z"></path>
  </marker>
</defs>

<rect x="90.5" y="0.5" width="120" height="30"/>
<text x="150.5" y="15.5">app.mjs</text>

<rect x="0.5" y="60.5" width="120" height="30"/>
<text x="60.5" y="75.5">irc.mjs</text>

<rect x="180.5" y="60.5" width="120" height="30"/>
<text x="240.5" y="75.5">fog-machine.js</text>

<rect x="0.5" y="120.5" width="120" height="30"/>
<text x="60.5" y="135.5">helpers.mjs</text>

<line x1="150.5" y1="30.5" x2="60.5" y2="60.5"/>
<line x1="150.5" y1="30.5" x2="240.5" y2="60.5"/>
<line x1="60.5" y1="90.5" x2="60.5" y2="120.5"/>

<!--
Nodes:

        app.mjs
irc.mjs         fog-machine.js
helpers.mjs

Edges:

app.mjs -> irc.mjs
app.mjs -> fog-machine.js
irc.mjs -> helpers.mjs

https://jsbin.com/qopeye
-->
</svg>