img/re_pigchickens.svg

<svg xmlns="http://www.w3.org/2000/svg" width="430" height="174"><defs><style type="text/css">
svg { background-color: #fff; }
.root text, .root tspan { font: 12px Arial; }
.root path { fill-opacity: 0; stroke-width: 2px; stroke: #000; }
.root circle { fill: #6b6659; stroke-width: 2px; stroke: #000; }
.anchor text, .any-character text { fill: #fff; }
.anchor rect, .any-character rect { fill: #6b6659; }
.escape text, .charset-escape text, .literal text { fill: #000; }
.escape rect, .charset-escape rect { fill: #bada55; }
.literal rect { fill: #dae9e5; }
.charset .charset-box { fill: #cbcbba; }
.subexp .subexp-label tspan, .charset .charset-label tspan, .match-fragment .repeat-label tspan { font-size: 10px; }
.repeat-label { cursor: help; }
.subexp .subexp-label tspan, .charset .charset-label tspan { dominant-baseline: text-after-edge; }
.subexp .subexp-box { stroke: #908c83; stroke-dasharray: 6,2; stroke-width: 2px; fill-opacity: 0; }
.quote { fill: #908c83; }
</style></defs><g class="root" transform="matrix(1.3,0,0,1.3,15,10)"><g class="regexp match" transform="matrix(1,0,0,1,10,0)"><path d="M42,63H67M88.33,63H108.33M206.99,63H242"></path><g class="match-fragment" transform="matrix(1,0,0,1,0,51)"><path d="M10,12q-10,0 -10,10v2q0,10 10,10h32q10,0 10,-10v-2q0,-10 -10,-10M52,27l5,-5m-5,5l-5,-5"></path><g class="escape" transform="matrix(1,0,0,1,10,0)"><g class="label"><rect width="32" height="24" rx="3" ry="3"></rect><text x="0" y="0" transform="matrix(1,0,0,1,5,17)"><tspan>digit</tspan></text></g></g></g><g class="match-fragment literal" transform="matrix(1,0,0,1,67,51)"><g class="label"><rect width="21.33" height="24" rx="3" ry="3"></rect><text x="0" y="0" transform="matrix(1,0,0,1,5,17)"><tspan class="quote">“</tspan><tspan> </tspan><tspan class="quote">”</tspan></text></g></g><g class="match-fragment subexp" transform="matrix(1,0,0,1,98.33,0)"><rect class="subexp-box" rx="3" ry="3" transform="matrix(1,0,0,1,0,12)" width="118.66" height="102"></rect><text x="0" y="0" class="subexp-label" transform="matrix(1,0,0,1,0,12)"><tspan>group #1</tspan></text><g class="regexp" transform="matrix(1,0,0,1,10,22)"><path d="M10,22q0,-10 10,-10M88.66,22q0,-10 -10,-10M0,41c10,0 10,0 20,0M98.66,41c-10,0 -10,0 -20,0M10,60q0,10 10,10M88.66,60q0,10 -10,10M0,41q10,0 10,-10V22M98.66,41q-10,0 -10,-10V22M0,41q10,0 10,10V60M98.66,41q-10,0 -10,10V60"></path><g class="regexp-matches" transform="matrix(1,0,0,1,20,0)"><path d="M0,12h12.33M46.33,12H58.66M0,41h9.66M49.00,41H58.66M0,70h0M58.66,70H58.66"></path><g class="match match-fragment literal" transform="matrix(1,0,0,1,12.33,0)"><g class="label"><rect width="34" height="24" rx="3" ry="3"></rect><text x="0" y="0" transform="matrix(1,0,0,1,5,17)"><tspan class="quote">“</tspan><tspan>pig</tspan><tspan class="quote">”</tspan></text></g></g><g class="match match-fragment literal" transform="matrix(1,0,0,1,9.66,29)"><g class="label"><rect width="39.33" height="24" rx="3" ry="3"></rect><text x="0" y="0" transform="matrix(1,0,0,1,5,17)"><tspan class="quote">“</tspan><tspan>cow</tspan><tspan class="quote">”</tspan></text></g></g><g class="match match-fragment literal" transform="matrix(1,0,0,1,0,58)"><g class="label"><rect width="58.66" height="24" rx="3" ry="3"></rect><text x="0" y="0" transform="matrix(1,0,0,1,5,17)"><tspan class="quote">“</tspan><tspan>chicken</tspan><tspan class="quote">”</tspan></text></g></g></g></g></g><g class="match-fragment" transform="matrix(1,0,0,1,227,41)"><path d="M0,22q10,0 10,-10v-2q0,-10 10,-10h14q10,0 10,10v2q0,10 10,10"></path><g class="literal" transform="matrix(1,0,0,1,15,10)"><g class="label"><rect width="24" height="24" rx="3" ry="3"></rect><text x="0" y="0" transform="matrix(1,0,0,1,5,17)"><tspan class="quote">“</tspan><tspan>s</tspan><tspan class="quote">”</tspan></text></g></g></g></g><path d="M20,63H0M276,63H301"></path><circle cx="0" cy="63" r="5"></circle><circle cx="301" cy="63" r="5"></circle></g></svg>