From 48a206a95f3dcee833383810a573fd7c612a8b26 Mon Sep 17 00:00:00 2001
From: Ines Montani <ines@ines.io>
Date: Wed, 6 Mar 2019 13:20:44 +0100
Subject: [PATCH] Fix displaCy visualizations in docs (closes #3357) [ci skip]

---
 website/docs/images/displacy-compact.svg  |  20 +-
 website/docs/images/displacy-long.html    | 407 +++++++++++++++++-----
 website/docs/images/displacy-small.svg    |   8 +-
 website/docs/images/displacy.svg          |   8 +-
 website/docs/usage/101/_named-entities.md |   4 +-
 5 files changed, 332 insertions(+), 115 deletions(-)

diff --git a/website/docs/images/displacy-compact.svg b/website/docs/images/displacy-compact.svg
index 89ef0098c..b2c7dda7c 100644
--- a/website/docs/images/displacy-compact.svg
+++ b/website/docs/images/displacy-compact.svg
@@ -1,52 +1,52 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="0" class="displacy" viewBox="0 -30 1050 287" width="1050" height="287" style="max-width: none; height: 287px; color: #eee; background: #09a3d5; font-family: Source Sans Pro">
 <text class="displacy-token" fill="currentColor" text-anchor="middle" y="197.0">
     <tspan class="displacy-word" fill="currentColor" x="50">This</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="50">DT</tspan>
+    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="50">DET</tspan>
 </text>
 
 <text class="displacy-token" fill="currentColor" text-anchor="middle" y="197.0">
     <tspan class="displacy-word" fill="currentColor" x="150">is</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="150">VBZ</tspan>
+    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="150">VERB</tspan>
 </text>
 
 <text class="displacy-token" fill="currentColor" text-anchor="middle" y="197.0">
     <tspan class="displacy-word" fill="currentColor" x="250">a</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="250">DT</tspan>
+    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="250">DET</tspan>
 </text>
 
 <text class="displacy-token" fill="currentColor" text-anchor="middle" y="197.0">
     <tspan class="displacy-word" fill="currentColor" x="350">sentence</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="350">NN</tspan>
+    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="350">NOUN</tspan>
 </text>
 
 <text class="displacy-token" fill="currentColor" text-anchor="middle" y="197.0">
     <tspan class="displacy-word" fill="currentColor" x="450">in</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="450">IN</tspan>
+    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="450">ADP</tspan>
 </text>
 
 <text class="displacy-token" fill="currentColor" text-anchor="middle" y="197.0">
     <tspan class="displacy-word" fill="currentColor" x="550">compact</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="550">JJ</tspan>
+    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="550">ADJ</tspan>
 </text>
 
 <text class="displacy-token" fill="currentColor" text-anchor="middle" y="197.0">
     <tspan class="displacy-word" fill="currentColor" x="650">mode</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="650">NN</tspan>
+    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="650">NOUN</tspan>
 </text>
 
 <text class="displacy-token" fill="currentColor" text-anchor="middle" y="197.0">
     <tspan class="displacy-word" fill="currentColor" x="750">with</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="750">IN</tspan>
+    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="750">ADP</tspan>
 </text>
 
 <text class="displacy-token" fill="currentColor" text-anchor="middle" y="197.0">
     <tspan class="displacy-word" fill="currentColor" x="850">custom</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="850">NN</tspan>
+    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="850">NOUN</tspan>
 </text>
 
 <text class="displacy-token" fill="currentColor" text-anchor="middle" y="197.0">
     <tspan class="displacy-word" fill="currentColor" x="950">styles.</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="950">NNS</tspan>
+    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="950">NOUN</tspan>
 </text>
 
 <g class="displacy-arrow">
diff --git a/website/docs/images/displacy-long.html b/website/docs/images/displacy-long.html
index 0e87a44a8..8938f6a56 100644
--- a/website/docs/images/displacy-long.html
+++ b/website/docs/images/displacy-long.html
@@ -1,105 +1,322 @@
-<svg class="displacy" height="399.5" id="0" style="max-width: none; height: 399.5px; color: #000000; background: #ffffff; font-family: Arial" width="1800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
-    <tspan class="displacy-word" fill="currentColor" x="50">Apple</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="50">NNP</tspan>
-  </text>
-  <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
-    <tspan class="displacy-word" fill="currentColor" x="225">is</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="225">VBZ</tspan>
-  </text>
-  <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
-    <tspan class="displacy-word" fill="currentColor" x="400">looking</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="400">VBG</tspan>
-  </text>
-  <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
-    <tspan class="displacy-word" fill="currentColor" x="575">at</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="575">IN</tspan>
-  </text>
-  <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
-    <tspan class="displacy-word" fill="currentColor" x="750">buying</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="750">VBG</tspan>
-  </text>
-  <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
-    <tspan class="displacy-word" fill="currentColor" x="925">U.K. startup</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="925">NN</tspan>
-  </text>
-  <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
-    <tspan class="displacy-word" fill="currentColor" x="1100">for</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="1100">IN</tspan>
-  </text>
-  <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
-    <tspan class="displacy-word" fill="currentColor" x="1275">$</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="1275">$</tspan>
-  </text>
-  <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
-    <tspan class="displacy-word" fill="currentColor" x="1450">1</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="1450">CD</tspan>
-  </text>
-  <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
-    <tspan class="displacy-word" fill="currentColor" x="1625">billion</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="1625">CD</tspan>
-  </text>
-  <g class="displacy-arrow">
-    <path class="displacy-arc" d="M70,264.5 C70,89.5 395.0,89.5 395.0,264.5" fill="none" id="arrow-0-0" stroke="currentColor" stroke-width="2px" />
-    <text dy="1.25em" style="font-size: 0.8em">
-      <textPath class="displacy-label" fill="currentColor" startOffset="50%" text-anchor="middle" xlink:href="#arrow-0-0">nsubj</textPath>
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    id="e109581593f245ce9c4ac12f78e0c74e-0"
+    class="displacy"
+    width="1975"
+    height="399.5"
+    style="max-width: none; height: 399.5px; color: #000000; background: #ffffff; font-family: Arial"
+>
+    <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
+        <tspan class="displacy-word" fill="currentColor" x="50">Apple</tspan>
+        <tspan class="displacy-tag" dy="2em" fill="currentColor" x="50">PROPN</tspan>
     </text>
-    <path class="displacy-arrowhead" d="M70,266.5 L62,254.5 78,254.5" fill="currentColor" />
-  </g>
-  <g class="displacy-arrow">
-    <path class="displacy-arc" d="M245,264.5 C245,177.0 390.0,177.0 390.0,264.5" fill="none" id="arrow-0-1" stroke="currentColor" stroke-width="2px" />
-    <text dy="1.25em" style="font-size: 0.8em">
-      <textPath class="displacy-label" fill="currentColor" startOffset="50%" text-anchor="middle" xlink:href="#arrow-0-1">aux</textPath>
+
+    <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
+        <tspan class="displacy-word" fill="currentColor" x="225">is</tspan>
+        <tspan class="displacy-tag" dy="2em" fill="currentColor" x="225">VERB</tspan>
     </text>
-    <path class="displacy-arrowhead" d="M245,266.5 L237,254.5 253,254.5" fill="currentColor" />
-  </g>
-  <g class="displacy-arrow">
-    <path class="displacy-arc" d="M420,264.5 C420,177.0 565.0,177.0 565.0,264.5" fill="none" id="arrow-0-2" stroke="currentColor" stroke-width="2px" />
-    <text dy="1.25em" style="font-size: 0.8em">
-      <textPath class="displacy-label" fill="currentColor" startOffset="50%" text-anchor="middle" xlink:href="#arrow-0-2">prep</textPath>
+
+    <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
+        <tspan class="displacy-word" fill="currentColor" x="400">looking</tspan>
+        <tspan class="displacy-tag" dy="2em" fill="currentColor" x="400">VERB</tspan>
     </text>
-    <path class="displacy-arrowhead" d="M565.0,266.5 L573.0,254.5 557.0,254.5" fill="currentColor" />
-  </g>
-  <g class="displacy-arrow">
-    <path class="displacy-arc" d="M595,264.5 C595,177.0 740.0,177.0 740.0,264.5" fill="none" id="arrow-0-3" stroke="currentColor" stroke-width="2px" />
-    <text dy="1.25em" style="font-size: 0.8em">
-      <textPath class="displacy-label" fill="currentColor" startOffset="50%" text-anchor="middle" xlink:href="#arrow-0-3">pcomp</textPath>
+
+    <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
+        <tspan class="displacy-word" fill="currentColor" x="575">at</tspan>
+        <tspan class="displacy-tag" dy="2em" fill="currentColor" x="575">ADP</tspan>
     </text>
-    <path class="displacy-arrowhead" d="M740.0,266.5 L748.0,254.5 732.0,254.5" fill="currentColor" />
-  </g>
-  <g class="displacy-arrow">
-    <path class="displacy-arc" d="M770,264.5 C770,177.0 915.0,177.0 915.0,264.5" fill="none" id="arrow-0-4" stroke="currentColor" stroke-width="2px" />
-    <text dy="1.25em" style="font-size: 0.8em">
-      <textPath class="displacy-label" fill="currentColor" startOffset="50%" text-anchor="middle" xlink:href="#arrow-0-4">dobj</textPath>
+
+    <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
+        <tspan class="displacy-word" fill="currentColor" x="750">buying</tspan>
+        <tspan class="displacy-tag" dy="2em" fill="currentColor" x="750">VERB</tspan>
     </text>
-    <path class="displacy-arrowhead" d="M915.0,266.5 L923.0,254.5 907.0,254.5" fill="currentColor" />
-  </g>
-  <g class="displacy-arrow">
-    <path class="displacy-arc" d="M770,264.5 C770,89.5 1095.0,89.5 1095.0,264.5" fill="none" id="arrow-0-5" stroke="currentColor" stroke-width="2px" />
-    <text dy="1.25em" style="font-size: 0.8em">
-      <textPath class="displacy-label" fill="currentColor" startOffset="50%" text-anchor="middle" xlink:href="#arrow-0-5">prep</textPath>
+
+    <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
+        <tspan class="displacy-word" fill="currentColor" x="925">U.K.</tspan>
+        <tspan class="displacy-tag" dy="2em" fill="currentColor" x="925">PROPN</tspan>
     </text>
-    <path class="displacy-arrowhead" d="M1095.0,266.5 L1103.0,254.5 1087.0,254.5" fill="currentColor" />
-  </g>
-  <g class="displacy-arrow">
-    <path class="displacy-arc" d="M1295,264.5 C1295,89.5 1620.0,89.5 1620.0,264.5" fill="none" id="arrow-0-6" stroke="currentColor" stroke-width="2px" />
-    <text dy="1.25em" style="font-size: 0.8em">
-      <textPath class="displacy-label" fill="currentColor" startOffset="50%" text-anchor="middle" xlink:href="#arrow-0-6">quantmod</textPath>
+
+    <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
+        <tspan class="displacy-word" fill="currentColor" x="1100">startup</tspan>
+        <tspan class="displacy-tag" dy="2em" fill="currentColor" x="1100">NOUN</tspan>
     </text>
-    <path class="displacy-arrowhead" d="M1295,266.5 L1287,254.5 1303,254.5" fill="currentColor" />
-  </g>
-  <g class="displacy-arrow">
-    <path class="displacy-arc" d="M1470,264.5 C1470,177.0 1615.0,177.0 1615.0,264.5" fill="none" id="arrow-0-7" stroke="currentColor" stroke-width="2px" />
-    <text dy="1.25em" style="font-size: 0.8em">
-      <textPath class="displacy-label" fill="currentColor" startOffset="50%" text-anchor="middle" xlink:href="#arrow-0-7">compound</textPath>
+
+    <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
+        <tspan class="displacy-word" fill="currentColor" x="1275">for</tspan>
+        <tspan class="displacy-tag" dy="2em" fill="currentColor" x="1275">ADP</tspan>
     </text>
-    <path class="displacy-arrowhead" d="M1470,266.5 L1462,254.5 1478,254.5" fill="currentColor" />
-  </g>
-  <g class="displacy-arrow">
-    <path class="displacy-arc" d="M1120,264.5 C1120,2.0 1625.0,2.0 1625.0,264.5" fill="none" id="arrow-0-8" stroke="currentColor" stroke-width="2px" />
-    <text dy="1.25em" style="font-size: 0.8em">
-      <textPath class="displacy-label" fill="currentColor" startOffset="50%" text-anchor="middle" xlink:href="#arrow-0-8">pobj</textPath>
+
+    <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
+        <tspan class="displacy-word" fill="currentColor" x="1450">$</tspan>
+        <tspan class="displacy-tag" dy="2em" fill="currentColor" x="1450">SYM</tspan>
     </text>
-    <path class="displacy-arrowhead" d="M1625.0,266.5 L1633.0,254.5 1617.0,254.5" fill="currentColor" />
-  </g>
+
+    <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
+        <tspan class="displacy-word" fill="currentColor" x="1625">1</tspan>
+        <tspan class="displacy-tag" dy="2em" fill="currentColor" x="1625">NUM</tspan>
+    </text>
+
+    <text class="displacy-token" fill="currentColor" text-anchor="middle" y="309.5">
+        <tspan class="displacy-word" fill="currentColor" x="1800">billion</tspan>
+        <tspan class="displacy-tag" dy="2em" fill="currentColor" x="1800">NUM</tspan>
+    </text>
+
+    <g class="displacy-arrow">
+        <path
+            class="displacy-arc"
+            id="arrow-e109581593f245ce9c4ac12f78e0c74e-0-0"
+            stroke-width="2px"
+            d="M70,264.5 C70,89.5 395.0,89.5 395.0,264.5"
+            fill="none"
+            stroke="currentColor"
+        />
+        <text dy="1.25em" style="font-size: 0.8em; letter-spacing: 1px">
+            <textPath
+                xlink:href="#arrow-e109581593f245ce9c4ac12f78e0c74e-0-0"
+                class="displacy-label"
+                startOffset="50%"
+                fill="currentColor"
+                text-anchor="middle"
+            >
+                nsubj
+            </textPath>
+        </text>
+        <path class="displacy-arrowhead" d="M70,266.5 L62,254.5 78,254.5" fill="currentColor" />
+    </g>
+
+    <g class="displacy-arrow">
+        <path
+            class="displacy-arc"
+            id="arrow-e109581593f245ce9c4ac12f78e0c74e-0-1"
+            stroke-width="2px"
+            d="M245,264.5 C245,177.0 390.0,177.0 390.0,264.5"
+            fill="none"
+            stroke="currentColor"
+        />
+        <text dy="1.25em" style="font-size: 0.8em; letter-spacing: 1px">
+            <textPath
+                xlink:href="#arrow-e109581593f245ce9c4ac12f78e0c74e-0-1"
+                class="displacy-label"
+                startOffset="50%"
+                fill="currentColor"
+                text-anchor="middle"
+            >
+                aux
+            </textPath>
+        </text>
+        <path class="displacy-arrowhead" d="M245,266.5 L237,254.5 253,254.5" fill="currentColor" />
+    </g>
+
+    <g class="displacy-arrow">
+        <path
+            class="displacy-arc"
+            id="arrow-e109581593f245ce9c4ac12f78e0c74e-0-2"
+            stroke-width="2px"
+            d="M420,264.5 C420,177.0 565.0,177.0 565.0,264.5"
+            fill="none"
+            stroke="currentColor"
+        />
+        <text dy="1.25em" style="font-size: 0.8em; letter-spacing: 1px">
+            <textPath
+                xlink:href="#arrow-e109581593f245ce9c4ac12f78e0c74e-0-2"
+                class="displacy-label"
+                startOffset="50%"
+                fill="currentColor"
+                text-anchor="middle"
+            >
+                prep
+            </textPath>
+        </text>
+        <path
+            class="displacy-arrowhead"
+            d="M565.0,266.5 L573.0,254.5 557.0,254.5"
+            fill="currentColor"
+        />
+    </g>
+
+    <g class="displacy-arrow">
+        <path
+            class="displacy-arc"
+            id="arrow-e109581593f245ce9c4ac12f78e0c74e-0-3"
+            stroke-width="2px"
+            d="M595,264.5 C595,177.0 740.0,177.0 740.0,264.5"
+            fill="none"
+            stroke="currentColor"
+        />
+        <text dy="1.25em" style="font-size: 0.8em; letter-spacing: 1px">
+            <textPath
+                xlink:href="#arrow-e109581593f245ce9c4ac12f78e0c74e-0-3"
+                class="displacy-label"
+                startOffset="50%"
+                fill="currentColor"
+                text-anchor="middle"
+            >
+                pcomp
+            </textPath>
+        </text>
+        <path
+            class="displacy-arrowhead"
+            d="M740.0,266.5 L748.0,254.5 732.0,254.5"
+            fill="currentColor"
+        />
+    </g>
+
+    <g class="displacy-arrow">
+        <path
+            class="displacy-arc"
+            id="arrow-e109581593f245ce9c4ac12f78e0c74e-0-4"
+            stroke-width="2px"
+            d="M945,264.5 C945,177.0 1090.0,177.0 1090.0,264.5"
+            fill="none"
+            stroke="currentColor"
+        />
+        <text dy="1.25em" style="font-size: 0.8em; letter-spacing: 1px">
+            <textPath
+                xlink:href="#arrow-e109581593f245ce9c4ac12f78e0c74e-0-4"
+                class="displacy-label"
+                startOffset="50%"
+                fill="currentColor"
+                text-anchor="middle"
+            >
+                compound
+            </textPath>
+        </text>
+        <path class="displacy-arrowhead" d="M945,266.5 L937,254.5 953,254.5" fill="currentColor" />
+    </g>
+
+    <g class="displacy-arrow">
+        <path
+            class="displacy-arc"
+            id="arrow-e109581593f245ce9c4ac12f78e0c74e-0-5"
+            stroke-width="2px"
+            d="M770,264.5 C770,89.5 1095.0,89.5 1095.0,264.5"
+            fill="none"
+            stroke="currentColor"
+        />
+        <text dy="1.25em" style="font-size: 0.8em; letter-spacing: 1px">
+            <textPath
+                xlink:href="#arrow-e109581593f245ce9c4ac12f78e0c74e-0-5"
+                class="displacy-label"
+                startOffset="50%"
+                fill="currentColor"
+                text-anchor="middle"
+            >
+                dobj
+            </textPath>
+        </text>
+        <path
+            class="displacy-arrowhead"
+            d="M1095.0,266.5 L1103.0,254.5 1087.0,254.5"
+            fill="currentColor"
+        />
+    </g>
+
+    <g class="displacy-arrow">
+        <path
+            class="displacy-arc"
+            id="arrow-e109581593f245ce9c4ac12f78e0c74e-0-6"
+            stroke-width="2px"
+            d="M770,264.5 C770,2.0 1275.0,2.0 1275.0,264.5"
+            fill="none"
+            stroke="currentColor"
+        />
+        <text dy="1.25em" style="font-size: 0.8em; letter-spacing: 1px">
+            <textPath
+                xlink:href="#arrow-e109581593f245ce9c4ac12f78e0c74e-0-6"
+                class="displacy-label"
+                startOffset="50%"
+                fill="currentColor"
+                text-anchor="middle"
+            >
+                prep
+            </textPath>
+        </text>
+        <path
+            class="displacy-arrowhead"
+            d="M1275.0,266.5 L1283.0,254.5 1267.0,254.5"
+            fill="currentColor"
+        />
+    </g>
+
+    <g class="displacy-arrow">
+        <path
+            class="displacy-arc"
+            id="arrow-e109581593f245ce9c4ac12f78e0c74e-0-7"
+            stroke-width="2px"
+            d="M1470,264.5 C1470,89.5 1795.0,89.5 1795.0,264.5"
+            fill="none"
+            stroke="currentColor"
+        />
+        <text dy="1.25em" style="font-size: 0.8em; letter-spacing: 1px">
+            <textPath
+                xlink:href="#arrow-e109581593f245ce9c4ac12f78e0c74e-0-7"
+                class="displacy-label"
+                startOffset="50%"
+                fill="currentColor"
+                text-anchor="middle"
+            >
+                quantmod
+            </textPath>
+        </text>
+        <path
+            class="displacy-arrowhead"
+            d="M1470,266.5 L1462,254.5 1478,254.5"
+            fill="currentColor"
+        />
+    </g>
+
+    <g class="displacy-arrow">
+        <path
+            class="displacy-arc"
+            id="arrow-e109581593f245ce9c4ac12f78e0c74e-0-8"
+            stroke-width="2px"
+            d="M1645,264.5 C1645,177.0 1790.0,177.0 1790.0,264.5"
+            fill="none"
+            stroke="currentColor"
+        />
+        <text dy="1.25em" style="font-size: 0.8em; letter-spacing: 1px">
+            <textPath
+                xlink:href="#arrow-e109581593f245ce9c4ac12f78e0c74e-0-8"
+                class="displacy-label"
+                startOffset="50%"
+                fill="currentColor"
+                text-anchor="middle"
+            >
+                compound
+            </textPath>
+        </text>
+        <path
+            class="displacy-arrowhead"
+            d="M1645,266.5 L1637,254.5 1653,254.5"
+            fill="currentColor"
+        />
+    </g>
+
+    <g class="displacy-arrow">
+        <path
+            class="displacy-arc"
+            id="arrow-e109581593f245ce9c4ac12f78e0c74e-0-9"
+            stroke-width="2px"
+            d="M1295,264.5 C1295,2.0 1800.0,2.0 1800.0,264.5"
+            fill="none"
+            stroke="currentColor"
+        />
+        <text dy="1.25em" style="font-size: 0.8em; letter-spacing: 1px">
+            <textPath
+                xlink:href="#arrow-e109581593f245ce9c4ac12f78e0c74e-0-9"
+                class="displacy-label"
+                startOffset="50%"
+                fill="currentColor"
+                text-anchor="middle"
+            >
+                pobj
+            </textPath>
+        </text>
+        <path
+            class="displacy-arrowhead"
+            d="M1800.0,266.5 L1808.0,254.5 1792.0,254.5"
+            fill="currentColor"
+        />
+    </g>
 </svg>
diff --git a/website/docs/images/displacy-small.svg b/website/docs/images/displacy-small.svg
index db7801992..7f9d6baff 100644
--- a/website/docs/images/displacy-small.svg
+++ b/website/docs/images/displacy-small.svg
@@ -1,19 +1,19 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="o-svg" viewBox="270 35 125 240" width="400" height="150" style="max-width: none; color: #fff; background: #1a1e23; font-family: Arial; font-size: 20px">
     <text fill="currentColor" text-anchor="middle" y="222.0">
         <tspan style="font-weight: bold" fill="currentColor" x="50">This</tspan>
-        <tspan dy="2em" class="u-color-theme" style="font-weight: bold" fill="currentColor" x="50">DT</tspan>
+        <tspan dy="2em" class="u-color-theme" style="font-weight: bold" fill="currentColor" x="50">DET</tspan>
     </text>
     <text fill="currentColor" text-anchor="middle" y="222.0">
         <tspan style="font-weight: bold" fill="currentColor" x="225">is</tspan>
-        <tspan dy="2em" class="u-color-theme" style="font-weight: bold" fill="currentColor" x="225">VBZ</tspan>
+        <tspan dy="2em" class="u-color-theme" style="font-weight: bold" fill="currentColor" x="225">VERB</tspan>
     </text>
     <text fill="currentColor" text-anchor="middle" y="222.0">
         <tspan style="font-weight: bold" fill="currentColor" x="400">a</tspan>
-        <tspan dy="2em" class="u-color-theme" style="font-weight: bold" fill="currentColor" x="400">DT</tspan>
+        <tspan dy="2em" class="u-color-theme" style="font-weight: bold" fill="currentColor" x="400">DET</tspan>
     </text>
     <text fill="currentColor" text-anchor="middle" y="222.0">
         <tspan style="font-weight: bold" fill="currentColor" x="575">sentence.</tspan>
-        <tspan dy="2em" class="u-color-theme" style="font-weight: bold" fill="currentColor" x="575">NN</tspan>
+        <tspan dy="2em" class="u-color-theme" style="font-weight: bold" fill="currentColor" x="575">NOUN</tspan>
     </text>
     <path id="arrow-0-0" stroke-width="2px" d="M70,177.0 C70,89.5 220.0,89.5 220.0,177.0" fill="none" stroke="currentColor"/>
     <text dy="1.25em" style="font-size: 0.9em; letter-spacing: 2px">
diff --git a/website/docs/images/displacy.svg b/website/docs/images/displacy.svg
index 0fbc7ab08..738e0ca49 100644
--- a/website/docs/images/displacy.svg
+++ b/website/docs/images/displacy.svg
@@ -1,22 +1,22 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="0" class="displacy" width="750" height="312.0" style="max-width: none; height: 312.0px; color: #000000; background: #ffffff; font-family: Arial">
 <text class="displacy-token" fill="currentColor" text-anchor="middle" y="222.0">
     <tspan class="displacy-word" fill="currentColor" x="50">This</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="50">DT</tspan>
+    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="50">DET</tspan>
 </text>
 
 <text class="displacy-token" fill="currentColor" text-anchor="middle" y="222.0">
     <tspan class="displacy-word" fill="currentColor" x="225">is</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="225">VBZ</tspan>
+    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="225">VERB</tspan>
 </text>
 
 <text class="displacy-token" fill="currentColor" text-anchor="middle" y="222.0">
     <tspan class="displacy-word" fill="currentColor" x="400">a</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="400">DT</tspan>
+    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="400">DET</tspan>
 </text>
 
 <text class="displacy-token" fill="currentColor" text-anchor="middle" y="222.0">
     <tspan class="displacy-word" fill="currentColor" x="575">sentence.</tspan>
-    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="575">NN</tspan>
+    <tspan class="displacy-tag" dy="2em" fill="currentColor" x="575">NOUN</tspan>
 </text>
 
 <g class="displacy-arrow">
diff --git a/website/docs/usage/101/_named-entities.md b/website/docs/usage/101/_named-entities.md
index 597c75e2b..e6bdfdf32 100644
--- a/website/docs/usage/101/_named-entities.md
+++ b/website/docs/usage/101/_named-entities.md
@@ -32,7 +32,7 @@ for ent in doc.ents:
 Using spaCy's built-in [displaCy visualizer](/usage/visualizers), here's what
 our example sentence and its named entities look like:
 
-import DisplaCyLongHtml from 'images/displacy-long.html'; import { Iframe } from
+import DisplaCyEntHtml from 'images/displacy-ent.html'; import { Iframe } from
 'components/embed'
 
-<Iframe title="displaCy visualization of dependencies and entities" html={DisplaCyLongHtml} height={450} />
+<Iframe title="displaCy visualization of entities" html={DisplaCyEntHtml} height={450} />