docs/syntax-diagrams/object-collection.svg

<svg class="railroad-diagram" height="132" viewBox="0 0 516.0 132" width="516.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 53v20m0 -10h20" /></g><path d="M40 63h10" /><g>
<path d="M50 63h0.0" /><path d="M466.0 63h0.0" /><g class="terminal ">
<path d="M50.0 63h0.0" /><path d="M78.5 63h0.0" /><rect height="22" rx="10" ry="10" width="28.5" x="50" y="52"></rect><text x="64.25" y="67">{</text></g><path d="M78.5 63h10" /><g>
<path d="M88.5 63h0.0" /><path d="M236.5 63h0.0" /><path d="M88.5 63a10 10 0 0 0 10 -10v-23a10 10 0 0 1 10 -10" /><g>
<path d="M108.5 20h108.0" /></g><path d="M216.5 20a10 10 0 0 1 10 10v23a10 10 0 0 0 10 10" /><path d="M88.5 63h20" /><g>
<path d="M108.5 63h0.0" /><path d="M216.5 63h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="108" x="108.5" y="44"></rect><g class="non-terminal ">
<path d="M108.5 63h10.0" /><path d="M206.5 63h10.0" /><rect height="22" width="88" x="118.5" y="52"></rect><text x="162.5" y="67">Any char</text></g><g class="non-terminal ">
<path d="M108.5 36h0.0" /><path d="M153.5 36h0.0" /><text class="comment" x="131" y="41">split</text></g></g><path d="M216.5 63h20" /></g><g>
<path d="M236.5 63h0.0" /><path d="M427.5 63h0.0" /><path d="M236.5 63a10 10 0 0 0 10 -10v-23a10 10 0 0 1 10 -10" /><g>
<path d="M256.5 20h151.0" /></g><path d="M407.5 20a10 10 0 0 1 10 10v23a10 10 0 0 0 10 10" /><path d="M236.5 63h20" /><g>
<path d="M256.5 63h0.0" /><path d="M407.5 63h0.0" /><g class="terminal ">
<path d="M256.5 63h0.0" /><path d="M285.0 63h0.0" /><rect height="22" rx="10" ry="10" width="28.5" x="256.5" y="52"></rect><text x="270.75" y="67">:</text></g><path d="M285.0 63h10" /><path d="M295.0 63h10" /><g>
<path d="M305.0 63h0.0" /><path d="M407.5 63h0.0" /><rect class="group-box" height="68" rx="10" ry="10" width="102.5" x="305" y="44"></rect><g>
<path d="M305.0 63h0.0" /><path d="M407.5 63h0.0" /><path d="M305.0 63h20" /><g class="terminal ">
<path d="M325.0 63h0.0" /><path d="M387.5 63h0.0" /><rect height="22" rx="10" ry="10" width="62.5" x="325" y="52"></rect><text x="356.25" y="67">attrs</text></g><path d="M387.5 63h20" /><path d="M305.0 63a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M325.0 93h4.25" /><path d="M383.25 93h4.25" /><rect height="22" rx="10" ry="10" width="54" x="329.25" y="82"></rect><text x="356.25" y="97">json</text></g><path d="M387.5 93a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10" /></g><g class="non-terminal ">
<path d="M305.0 36h0.0" /><path d="M357.0 36h0.0" /><text class="comment" x="331" y="41">format</text></g></g></g><path d="M407.5 63h20" /></g><path d="M427.5 63h10" /><g class="terminal ">
<path d="M437.5 63h0.0" /><path d="M466.0 63h0.0" /><rect height="22" rx="10" ry="10" width="28.5" x="437.5" y="52"></rect><text x="451.75" y="67">}</text></g></g><path d="M466.0 63h10" /><path d="M 476.0 63 h 20 m 0 -10 v 20"></path></g><style>/* <![CDATA[ */
:root {
  --line-colour: rgb(48 48 48);
  --line-width: 2px;
  --cell-bg-colour: rgb(227 247 255);
  --cell-text-colour: rgb(20 20 20);
  --font-monospace: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
  --font-sans: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --group-colour: gray;
}
@media (prefers-color-scheme: dark) {
  :root {
    --line-colour: rgb(173, 186, 199);
    --cell-bg-colour: rgb(50 67 88);
    --cell-text-colour: rgb(217 225 235);
    --group-colour: gray;
  }
}

svg.railroad-diagram path {
  stroke-width: var(--line-width);
  stroke: var(--line-colour);
  fill: rgba(0, 0, 0, 0);
}

svg.railroad-diagram text {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  text-anchor: middle;
  white-space: pre;
  fill: var(--cell-text-colour);
}

svg.railroad-diagram text.diagram-text {
  font-size: 12px;
}

svg.railroad-diagram text.diagram-arrow {
  font-size: 16px;
}

svg.railroad-diagram text.label {
  text-anchor: start;
}

svg.railroad-diagram g.terminal text {
  font-family: var(--font-monospace);
  transform: translate(0px, 0.5px);
}
svg.railroad-diagram g.non-terminal text {
  transform: translate(0px, 1px);
}

svg.railroad-diagram g.non-terminal text.comment,
svg.railroad-diagram g.terminal text.comment,
svg.railroad-diagram text.comment {
  font-style: italic;
  font-size: 12px;
  transform: translate(0px, -2px);
}

svg.railroad-diagram rect {
  stroke-width: var(--line-width);
  stroke: var(--line-colour);
  fill: var(--cell-bg-colour);
}

svg.railroad-diagram rect.group-box {
  stroke: var(--group-colour);
  stroke-dasharray: 2 4;
  stroke-width: 1.5px;
  fill: none;
}

/* ]]> */
</style></svg>