tools.cobbled-paths/static/db/jave/block/braced.svg

<svg xmlns="http://www.w3.org/2000/svg" width="116.16" height="52.800003" class="svgbob">
  <style>.filled{
	fill: none !important;
}

text{
    font-family: monospace !important;
    font-weight: bold !important;
    fill: red !important;
    visibility: visible;
}
marker > *{
    stroke: darkorange !important;
    visibility: visible;
}
body.check-text text,
body.check-text marker > *{
    visibility: hidden;
}.svgbob line, .svgbob path, .svgbob circle, .svgbob rect, .svgbob polygon {
  stroke: black;
  stroke-width: 2;
  stroke-opacity: 1;
  fill-opacity: 1;
  stroke-linecap: round;
  stroke-linejoin: miter;
}

.svgbob text {
  white-space: pre;
  fill: black;
  font-family: Iosevka Fixed, monospace;
  font-size: 14px;
}

.svgbob rect.backdrop {
  stroke: none;
  fill: white;
}

.svgbob .broken {
  stroke-dasharray: 8;
}

.svgbob .filled {
  fill: black;
}

.svgbob .bg_filled {
  fill: white;
  stroke-width: 1;
}

.svgbob .nofill {
  fill: white;
}

.svgbob .end_marked_arrow {
  marker-end: url(#arrow);
}

.svgbob .start_marked_arrow {
  marker-start: url(#arrow);
}

.svgbob .end_marked_diamond {
  marker-end: url(#diamond);
}

.svgbob .start_marked_diamond {
  marker-start: url(#diamond);
}

.svgbob .end_marked_circle {
  marker-end: url(#circle);
}

.svgbob .start_marked_circle {
  marker-start: url(#circle);
}

.svgbob .end_marked_open_circle {
  marker-end: url(#open_circle);
}

.svgbob .start_marked_open_circle {
  marker-start: url(#open_circle);
}

.svgbob .end_marked_big_open_circle {
  marker-end: url(#big_open_circle);
}

.svgbob .start_marked_big_open_circle {
  marker-start: url(#big_open_circle);
}

</style>
  <defs>
    <marker id="arrow" viewBox="-2 -2 8 8" refX="4" refY="2" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <polygon points="0,0 0,4 4,2 0,0"></polygon>
    </marker>
    <marker id="diamond" viewBox="-2 -2 8 8" refX="4" refY="2" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <polygon points="0,2 2,0 4,2 2,4 0,2"></polygon>
    </marker>
    <marker id="circle" viewBox="0 0 8 8" refX="4" refY="4" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <circle cx="4" cy="4" r="2" class="filled"></circle>
    </marker>
    <marker id="open_circle" viewBox="0 0 8 8" refX="4" refY="4" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <circle cx="4" cy="4" r="2" class="bg_filled"></circle>
    </marker>
    <marker id="big_open_circle" viewBox="0 0 8 8" refX="4" refY="4" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <circle cx="4" cy="4" r="3" class="bg_filled"></circle>
    </marker>
  </defs>
  <rect class="backdrop" x="0" y="0" width="116.16" height="52.800003"></rect>
  <text x="69.96" y="7.92" >.</text>
  <text x="17.16" y="18.480001" >{}</text>
  <text x="54.120003" y="18.480001" >{</text>
  <line x1="58.08" y1="21.12" x2="63.36" y2="21.12" class="solid"></line>
  <text x="64.68" y="18.480001" >}</text>
  <text x="75.240005" y="18.480001" >}</text>
  <text x="91.08" y="18.480001" >}`</text>
  <text x="54.120003" y="29.04" >{</text>
  <line x1="58.08" y1="31.68" x2="63.36" y2="31.68" class="solid"></line>
  <text x="64.68" y="29.04" >}</text>
  <text x="75.240005" y="29.04" >}</text>
  <text x="91.08" y="29.04" >},</text>
  <text x="1.32" y="39.600002" >`</text>
  <text x="69.96" y="39.600002" >&#39;</text>
  <g>
    <path d="M 15.84,5.28 A 5.28,5.28 0,0,0 11.88,7.92" class="nofill"></path>
    <line x1="11.88" y1="7.92" x2="0" y2="31.68" class="solid"></line>
    <line x1="15.84" y1="5.28" x2="26.400002" y2="5.28" class="solid"></line>
    <path d="M 26.400002,5.28 A 5.28,5.28 0,0,1 30.36,7.92" class="nofill"></path>
    <line x1="30.36" y1="7.92" x2="43.56" y2="34.32" class="solid"></line>
    <path d="M 43.56,34.32 A 5.28,5.28 0,0,0 47.52,36.960003" class="nofill"></path>
    <path d="M 47.52,5.28 A 2.64,2.64 0,0,0 44.88,7.92" class="nofill"></path>
    <line x1="44.88" y1="7.92" x2="44.88" y2="34.32" class="solid"></line>
    <line x1="47.52" y1="5.28" x2="68.64" y2="5.28" class="solid"></line>
    <path d="M 44.88,34.32 A 2.64,2.64 0,0,0 47.52,36.960003" class="nofill"></path>
    <line x1="47.52" y1="36.960003" x2="68.64" y2="36.960003" class="solid"></line>
  </g>
  <g>
    <path d="M 84.48,5.28 A 2.64,2.64 0,0,0 81.840004,7.92" class="nofill"></path>
    <line x1="81.840004" y1="7.92" x2="81.840004" y2="34.32" class="solid"></line>
    <line x1="84.48" y1="5.28" x2="105.600006" y2="5.28" class="solid"></line>
    <path d="M 105.600006,5.28 A 2.64,2.64 0,0,1 108.240005,7.92" class="nofill"></path>
    <line x1="108.240005" y1="7.92" x2="108.240005" y2="13.200001" class="solid"></line>
    <path d="M 81.840004,34.32 A 2.64,2.64 0,0,0 84.48,36.960003" class="nofill"></path>
    <line x1="84.48" y1="36.960003" x2="105.600006" y2="36.960003" class="solid"></line>
    <line x1="100.32001" y1="15.84" x2="105.600006" y2="15.84" class="solid"></line>
    <path d="M 108.240005,13.200001 A 2.64,2.64 0,0,1 105.600006,15.84" class="nofill"></path>
    <line x1="100.32001" y1="26.400002" x2="105.600006" y2="26.400002" class="solid"></line>
    <path d="M 105.600006,26.400002 A 2.64,2.64 0,0,1 108.240005,29.04" class="nofill"></path>
    <line x1="108.240005" y1="29.04" x2="108.240005" y2="34.32" class="solid"></line>
    <path d="M 108.240005,34.32 A 2.64,2.64 0,0,1 105.600006,36.960003" class="nofill"></path>
  </g>
  <g>
    <line x1="21.12" y1="21.12" x2="14.52" y2="34.32" class="solid"></line>
    <line x1="21.12" y1="21.12" x2="27.720001" y2="34.32" class="solid"></line>
    <path d="M 27.720001,34.32 A 5.28,5.28 0,0,0 31.68,36.960003" class="nofill"></path>
    <line x1="31.68" y1="36.960003" x2="39.600002" y2="36.960003" class="solid"></line>
    <path d="M 44.88,31.68 A 5.28,5.28 0,0,1 39.600002,36.960003" class="nofill"></path>
    <line x1="5.28" y1="36.960003" x2="10.56" y2="36.960003" class="solid"></line>
    <path d="M 14.52,34.32 A 5.28,5.28 0,0,1 10.56,36.960003" class="nofill"></path>
  </g>
</svg>