<svg version="1.1" fill="none" viewBox="0 0 400 100" xmlns="http://www.w3.org/2000/svg">
<title>An extended example claim</title>
<desc>「Pat」というサブジェクトは「卒業生」(alumniOf)というプロパティーと「Example大学」という値を持っており、値がサブジェクト「Sam」である「知っている」(known)というプロパティーを持っています。「Sam」は「職名」(jobTitle)というプロパティーを持っており、その値は「教授」です。表されているクレームは、Patが有名な「Example大学」に通っていたということと、「Sam」を知っていて、その肩書が「教授」であるということです。</desc>
    <defs>
      <style><![CDATA[
          rect, ellipse {stroke-width: 1;stroke: #000}
          .literal {font-family: serif}
          line {stroke: #000;stroke-width: 2;marker-end: url(#arrow)}
          text {fill: #000;font-size: 10px;font-family: sans-serif}
          #background {stroke: none;fill: #fff;width:100%;height:100%}
      ]]></style>
        <marker id="arrow" viewBox="0 0 6 4" refX="4" refY="2" fill="#000"
            markerWidth="6" markerHeight="4" orient="auto">
            <path d="M0 0v4l6 -2z" />
        </marker>
        <path id="knowsPath" d="M95 40l60 25" />
    </defs>
    <rect id="background"/>

    <ellipse fill="#acf" rx="44" ry="20" cx="60" cy="25" />
    <text x="40" y="24" transform="scale(1.25)">Pat</text>
    <line x1="105" y1="25" x2="180" y2="25" />
    <text x="120" y="20">卒業生</text>
    <rect x="185" y="15" width="110" height="25" fill="#fe9" />
    <text class="literal" x="210" y="30">Example大学</text>
    <line x1="90" y1="40" x2="150" y2="65" />
    <text>
        <textPath href="#knowsPath">
            <tspan dx="3">知っている</tspan>
        </textPath>
    </text>
    <g>
        <ellipse fill="#acf" rx="45" ry="20" cx="200" cy="70" />
        <text x="150" y="60" transform="scale(1.25)">Sam</text>
        <line x1="247" y1="70" x2="290" y2="70" />
        <text x="255" y="65">肩書</text>
        <rect x="295" y="55" width="50" height="25" fill="#fe9" />
        <text class="literal" x="310" y="70">教授</text>
    </g>
</svg>