diff --git a/src/marks/tree.js b/src/marks/tree.js
index 4345f08de4..a58238fc7f 100644
--- a/src/marks/tree.js
+++ b/src/marks/tree.js
@@ -31,6 +31,7 @@ export function tree(
     textAnchor,
     treeLayout = Tree,
     textLayout = treeLayout === Tree || treeLayout === Cluster ? "mirrored" : "normal",
+    tip,
     ...options
   } = {}
 ) {
@@ -74,7 +75,7 @@ export function tree(
       })
     ),
     dotDot
-      ? dot(data, treeNode({treeLayout, fill: fill === undefined ? "node:internal" : fill, title, ...options}))
+      ? dot(data, treeNode({treeLayout, fill: fill === undefined ? "node:internal" : fill, title, tip, ...options}))
       : null,
     textText != null
       ? textLayout === "mirrored"
diff --git a/test/output/greekGodsTip.svg b/test/output/greekGodsTip.svg
new file mode 100644
index 0000000000..212fbf4e05
--- /dev/null
+++ b/test/output/greekGodsTip.svg
@@ -0,0 +1,48 @@
+<svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <style>
+    .plot {
+      display: block;
+      background: white;
+      height: auto;
+      height: intrinsic;
+      max-width: 100%;
+    }
+
+    .plot text,
+    .plot tspan {
+      white-space: pre;
+    }
+  </style>
+  <g aria-label="link" fill="none" stroke-width="1.5" stroke-opacity="0.5" stroke-miterlimit="1" transform="translate(0.5,0.5)">
+    <path d="M35,154.625C156,154.625,156,20,277,20" stroke="#bdbdbd"></path>
+    <path d="M35,154.625C156,154.625,156,109.75,277,109.75" stroke="#bdbdbd"></path>
+    <path d="M35,154.625C156,154.625,156,199.5,277,199.5" stroke="#bdbdbd"></path>
+    <path d="M35,154.625C156,154.625,156,289.25,277,289.25" stroke="#636363"></path>
+    <path d="M277,289.25C398,289.25,398,199.5,519,199.5" stroke="#bdbdbd"></path>
+    <path d="M277,289.25C398,289.25,398,289.25,519,289.25" stroke="#bdbdbd"></path>
+    <path d="M277,289.25C398,289.25,398,379,519,379" stroke="#bdbdbd"></path>
+  </g>
+  <g aria-label="dot" transform="translate(0.5,0.5)">
+    <circle cx="35" cy="154.625" r="3" fill="#636363"></circle>
+    <circle cx="277" cy="20" r="3" fill="#bdbdbd"></circle>
+    <circle cx="277" cy="109.75" r="3" fill="#bdbdbd"></circle>
+    <circle cx="277" cy="199.5" r="3" fill="#bdbdbd"></circle>
+    <circle cx="277" cy="289.25" r="3" fill="#636363"></circle>
+    <circle cx="519" cy="199.5" r="3" fill="#bdbdbd"></circle>
+    <circle cx="519" cy="289.25" r="3" fill="#bdbdbd"></circle>
+    <circle cx="519" cy="379" r="3" fill="#bdbdbd"></circle>
+  </g>
+  <g aria-label="text" stroke="white" stroke-width="3" stroke-linejoin="round" paint-order="stroke" text-anchor="start" transform="translate(6.5,0.5)">
+    <text y="0.32em" transform="translate(277,20)">Eros<title>/Chaos/Eros</title></text>
+    <text y="0.32em" transform="translate(277,109.75)">Erebus<title>/Chaos/Erebus</title></text>
+    <text y="0.32em" transform="translate(277,199.5)">Tartarus<title>/Chaos/Tartarus</title></text>
+    <text y="0.32em" transform="translate(519,199.5)">Mountains<title>/Chaos/Gaia/Mountains</title></text>
+    <text y="0.32em" transform="translate(519,289.25)">Pontus<title>/Chaos/Gaia/Pontus</title></text>
+    <text y="0.32em" transform="translate(519,379)">Uranus<title>/Chaos/Gaia/Uranus</title></text>
+  </g>
+  <g aria-label="text" stroke="white" stroke-width="3" stroke-linejoin="round" paint-order="stroke" text-anchor="end" transform="translate(-5.5,0.5)">
+    <text y="0.32em" transform="translate(35,154.625)">Chaos<title>/Chaos</title></text>
+    <text y="0.32em" transform="translate(277,289.25)">Gaia<title>/Chaos/Gaia</title></text>
+  </g>
+  <g aria-label="tip" fill="white" stroke="currentColor" pointer-events="none" text-anchor="start" transform="translate(0.5,0.5)"></g>
+</svg>
\ No newline at end of file
diff --git a/test/plots/greek-gods.ts b/test/plots/greek-gods.ts
index 0e4136afd8..e917783d46 100644
--- a/test/plots/greek-gods.ts
+++ b/test/plots/greek-gods.ts
@@ -19,6 +19,25 @@ Chaos Tartarus`
   });
 }
 
+export async function greekGodsTip() {
+  const gods = `Chaos Gaia Mountains
+Chaos Gaia Pontus
+Chaos Gaia Uranus
+Chaos Eros
+Chaos Erebus
+Chaos Tartarus`
+    .split("\n")
+    .map((d) => d.replace(/\s+/g, "/"));
+  return Plot.plot({
+    axis: null,
+    insetLeft: 35,
+    insetTop: 20,
+    insetBottom: 20,
+    insetRight: 120,
+    marks: [Plot.tree(gods, {tip: true})]
+  });
+}
+
 export async function greekGodsExplicit() {
   const gods = `Chaos Gaia Mountains
 Chaos Gaia Pontus