Skip to content

Instantly share code, notes, and snippets.

@bertBruynooghe

bertBruynooghe/summarised-sld.svg

Last active February 20, 2018 16:10
Show Gist options
  • Save bertBruynooghe/07788167ead7b94fdf998a0c92ce565b to your computer and use it in GitHub Desktop.
Save bertBruynooghe/07788167ead7b94fdf998a0c92ce565b to your computer and use it in GitHub Desktop.
Download ZIP
svg test
Display the source blob
Display the rendered blob
Raw
summarised-sld.svg
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1290px" height="400px" viewBox="0 0 1290 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<title>Summarized SLD</title>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group-5" transform="translate(724.000000, 217.000000)">
<g id="_component_1" transform="translate(0.000000, 54.000000)">
<g id="default" transform="translate(157.000000, 26.000000)" fill="#000000" fill-rule="nonzero">
<g id="Layer_1_copy">
<path d="M4.3754386,30.4810127 L4.47719298,30.4810127 L4.47719298,32 L5.8,32 L5.8,30.4810127 L7.12280702,30.4810127 L7.12280702,32 L8.44561404,32 L8.44561404,30.4810127 L9.76842105,30.4810127 L9.76842105,32 L11.1929825,32 L11.1929825,30.4810127 L12.5157895,30.4810127 L12.5157895,32 L13.8385965,32 L13.8385965,30.4810127 L15.2631579,30.4810127 L15.2631579,32 L16.5859649,32 L16.5859649,30.4810127 L17.9087719,30.4810127 L17.9087719,32 L19.2315789,32 L19.2315789,30.4810127 L20.554386,30.4810127 L20.554386,32 L21.877193,32 L21.877193,30.4810127 L23.2,30.4810127 L23.2,32 L24.522807,32 L24.522807,30.4810127 L24.6245614,30.4810127 C27.0666667,30.4810127 29,28.556962 29,26.1265823 L29,5.87341772 C29,3.44303797 27.0666667,1.51898734 24.6245614,1.51898734 L22.8947368,1.51898734 L22.8947368,0 L20.554386,0 L20.554386,1.51898734 L8.34385965,1.51898734 L8.34385965,0 L6.10526316,0 L6.10526316,1.51898734 L4.3754386,1.51898734 C1.93333333,1.51898734 0,3.44303797 0,5.87341772 L0,26.1265823 C0,28.556962 1.93333333,30.4810127 4.3754386,30.4810127 Z M3,5.74358974 C3,4.82051282 3.82051282,4 4.74358974,4 L25.2564103,4 C26.1794872,4 27,4.82051282 27,5.74358974 L27,26.2564103 C27,27.1794872 26.1794872,28 25.2564103,28 L4.74358974,28 C3.82051282,28 3,27.1794872 3,26.2564103 L3,5.74358974 Z" id="Shape"></path>
</g>
</g>
<path d="M172,0 L172,29" id="_connector_" stroke="#979797" stroke-linecap="square"></path>
<text id="name_1" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="46">{{ value('name', '1') }}</tspan>
</text>
<text fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="middle" x="171.5" y="46" v-bind:class="value('delivering_cbs_ratio_color_class', '1')">
{{ value('num_delivering_cbs', '1') }}/{{ value('num_cbs', '1') }}
</tspan>
</text>
</g>
<g id="_component_2">
<g id="default" transform="translate(157.000000, 26.000000)" fill="#000000" fill-rule="nonzero">
<g id="Layer_1_copy">
<g id="Group">
<path d="M24.6398601,0 L4.36013986,0 C1.92657343,0 0,1.92657343 0,4.36013986 L0,24.6398601 C0,27.0734266 1.92657343,29 4.36013986,29 L24.6398601,29 C27.0734266,29 29,27.0734266 29,24.6398601 L29,4.36013986 C29,1.92657343 27.0734266,0 24.6398601,0 Z M3,4.7 C3,3.8 3.8,3 4.7,3 L24.7,3 C24.8,3 24.9,3 25,3 L3,25 C3,24.9 3,24.8 3,24.7 L3,4.7 Z M26,24.3 C26,25.2 25.2,26 24.3,26 L4.3,26 C4.2,26 4.1,26 4,26 L26,4 C26,4.1 26,4.2 26,4.3 L26,24.3 Z" id="Shape"></path>
<path d="M5.75384615,7 L11.3538462,7 C11.7846154,7 12,6.75519864 12,6.51039728 C12,6.26559593 11.6769231,6.02079457 11.3538462,6.02079457 L5.75384615,6.02079457 C5.32307692,5.93919412 5,6.10239502 5,6.42879683 C5,6.75519864 5.32307692,7 5.75384615,7 Z" id="Shape"></path>
<path d="M5.75384615,10 L11.3538462,10 C11.7846154,10 12,9.75397363 12,9.50794726 C12,9.26192089 11.6769231,9.01589452 11.3538462,9.01589452 L5.75384615,9.01589452 C5.32307692,8.93388573 5,9.1799121 5,9.50794726 C5,9.83598242 5.32307692,10 5.75384615,10 Z" id="Shape"></path>
<path d="M21.0314961,18.1891892 L20.0866142,19.2702703 L18.2913386,17.2162162 C18.1968504,17.1081081 18.007874,17 17.8188976,17 C17.6299213,17 17.5354331,17.1081081 17.3464567,17.2162162 L16.2125984,18.5135135 C15.9291339,18.8378378 15.9291339,19.2702703 16.2125984,19.4864865 C16.496063,19.7027027 16.8740157,19.8108108 17.0629921,19.4864865 L17.7244094,18.7297297 L19.519685,20.7837838 C19.6141732,20.8918919 19.8031496,21 19.992126,21 C20.1811024,21 20.2755906,20.8918919 20.4645669,20.7837838 L21.7874016,19.2702703 C22.0708661,18.9459459 22.0708661,18.5135135 21.7874016,18.2972973 C21.503937,18.0810811 21.3149606,17.972973 21.0314961,18.1891892 Z" id="Shape"></path>
<path d="M21.0314961,21.1891892 L20.0866142,22.2702703 L18.2913386,20.2162162 C18.1968504,20.1081081 18.007874,20 17.8188976,20 C17.6299213,20 17.5354331,20.1081081 17.3464567,20.2162162 L16.2125984,21.5135135 C15.9291339,21.8378378 15.9291339,22.2702703 16.2125984,22.4864865 C16.496063,22.7027027 16.8740157,22.8108108 17.0629921,22.4864865 L17.7244094,21.7297297 L19.519685,23.7837838 C19.6141732,23.8918919 19.8031496,24 19.992126,24 C20.1811024,24 20.2755906,23.8918919 20.4645669,23.7837838 L21.7874016,22.2702703 C22.0708661,21.9459459 22.0708661,21.5135135 21.7874016,21.2972973 C21.503937,21.0810811 21.3149606,20.8648649 21.0314961,21.1891892 Z" id="Shape"></path>
</g>
</g>
</g>
<polyline id="_connector_" stroke="#979797" points="172 27 172 12.4690942 72 12.4690942 72 0"></polyline>
<text id="name_2" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="43">{{ value('name', '2') }}</tspan>
</text>
</g>
</g>
<g id="Group-4" transform="translate(623.000000, 70.000000)">
<g id="_component_3" transform="translate(0.000000, 201.000000)">
<g id="default" transform="translate(158.000000, 26.000000)" fill="#000000" fill-rule="nonzero">
<g id="Layer_1_copy">
<path d="M4.3754386,30.4810127 L4.47719298,30.4810127 L4.47719298,32 L5.8,32 L5.8,30.4810127 L7.12280702,30.4810127 L7.12280702,32 L8.44561404,32 L8.44561404,30.4810127 L9.76842105,30.4810127 L9.76842105,32 L11.1929825,32 L11.1929825,30.4810127 L12.5157895,30.4810127 L12.5157895,32 L13.8385965,32 L13.8385965,30.4810127 L15.2631579,30.4810127 L15.2631579,32 L16.5859649,32 L16.5859649,30.4810127 L17.9087719,30.4810127 L17.9087719,32 L19.2315789,32 L19.2315789,30.4810127 L20.554386,30.4810127 L20.554386,32 L21.877193,32 L21.877193,30.4810127 L23.2,30.4810127 L23.2,32 L24.522807,32 L24.522807,30.4810127 L24.6245614,30.4810127 C27.0666667,30.4810127 29,28.556962 29,26.1265823 L29,5.87341772 C29,3.44303797 27.0666667,1.51898734 24.6245614,1.51898734 L22.8947368,1.51898734 L22.8947368,0 L20.554386,0 L20.554386,1.51898734 L8.34385965,1.51898734 L8.34385965,0 L6.10526316,0 L6.10526316,1.51898734 L4.3754386,1.51898734 C1.93333333,1.51898734 0,3.44303797 0,5.87341772 L0,26.1265823 C0,28.556962 1.93333333,30.4810127 4.3754386,30.4810127 Z M3,5.74358974 C3,4.82051282 3.82051282,4 4.74358974,4 L25.2564103,4 C26.1794872,4 27,4.82051282 27,5.74358974 L27,26.2564103 C27,27.1794872 26.1794872,28 25.2564103,28 L4.74358974,28 C3.82051282,28 3,27.1794872 3,26.2564103 L3,5.74358974 Z" id="Shape"></path>
</g>
</g>
<path d="M173,0 L173,29" id="_connector_" stroke="#979797" stroke-linecap="square"></path>
<text id="name_3" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="46">{{ value('name', '3') }}</tspan>
</text>
<text fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="middle" x="173.8" y="46" v-bind:class="value('delivering_cbs_ratio_color_class', '3')">
{{ value('num_delivering_cbs', '3') }}/{{ value('num_cbs', '3') }}
</tspan>
</text>
</g>
<g id="_component_4" transform="translate(0.000000, 148.000000)">
<g id="default" transform="translate(158.000000, 25.000000)" fill="#000000" fill-rule="nonzero">
<g id="Layer_1_copy">
<g id="Group">
<path d="M24.6398601,0 L4.36013986,0 C1.92657343,0 0,1.92657343 0,4.36013986 L0,24.6398601 C0,27.0734266 1.92657343,29 4.36013986,29 L24.6398601,29 C27.0734266,29 29,27.0734266 29,24.6398601 L29,4.36013986 C29,1.92657343 27.0734266,0 24.6398601,0 Z M3,4.7 C3,3.8 3.8,3 4.7,3 L24.7,3 C24.8,3 24.9,3 25,3 L3,25 C3,24.9 3,24.8 3,24.7 L3,4.7 Z M26,24.3 C26,25.2 25.2,26 24.3,26 L4.3,26 C4.2,26 4.1,26 4,26 L26,4 C26,4.1 26,4.2 26,4.3 L26,24.3 Z" id="Shape"></path>
<path d="M5.64615385,7 L10.4461538,7 C10.8153846,7 11,6.75519864 11,6.51039728 C11,6.26559593 10.7230769,6.02079457 10.4461538,6.02079457 L5.64615385,6.02079457 C5.27692308,5.93919412 5,6.10239502 5,6.42879683 C5,6.75519864 5.27692308,7 5.64615385,7 Z" id="Shape"></path>
<path d="M5.64615385,10 L10.4461538,10 C10.8153846,10 11,9.75397363 11,9.50794726 C11,9.26192089 10.7230769,9.01589452 10.4461538,9.01589452 L5.64615385,9.01589452 C5.27692308,8.93388573 5,9.1799121 5,9.50794726 C5,9.83598242 5.27692308,10 5.64615385,10 Z" id="Shape"></path>
<path d="M21.0314961,18.1891892 L20.0866142,19.2702703 L18.2913386,17.2162162 C18.1968504,17.1081081 18.007874,17 17.8188976,17 C17.6299213,17 17.5354331,17.1081081 17.3464567,17.2162162 L16.2125984,18.5135135 C15.9291339,18.8378378 15.9291339,19.2702703 16.2125984,19.4864865 C16.496063,19.7027027 16.8740157,19.8108108 17.0629921,19.4864865 L17.7244094,18.7297297 L19.519685,20.7837838 C19.6141732,20.8918919 19.8031496,21 19.992126,21 C20.1811024,21 20.2755906,20.8918919 20.4645669,20.7837838 L21.7874016,19.2702703 C22.0708661,18.9459459 22.0708661,18.5135135 21.7874016,18.2972973 C21.503937,18.0810811 21.3149606,17.972973 21.0314961,18.1891892 Z" id="Shape"></path>
<path d="M21.0314961,21.1891892 L20.0866142,22.2702703 L18.2913386,20.2162162 C18.1968504,20.1081081 18.007874,20 17.8188976,20 C17.6299213,20 17.5354331,20.1081081 17.3464567,20.2162162 L16.2125984,21.5135135 C15.9291339,21.8378378 15.9291339,22.2702703 16.2125984,22.4864865 C16.496063,22.7027027 16.8740157,22.8108108 17.0629921,22.4864865 L17.7244094,21.7297297 L19.519685,23.7837838 C19.6141732,23.8918919 19.8031496,24 19.992126,24 C20.1811024,24 20.2755906,23.8918919 20.4645669,23.7837838 L21.7874016,22.2702703 C22.0708661,21.9459459 22.0708661,21.5135135 21.7874016,21.2972973 C21.503937,21.0810811 21.3149606,20.8648649 21.0314961,21.1891892 Z" id="Shape"></path>
</g>
</g>
</g>
<path d="M173,0 L173,27" id="_connector_" stroke="#979797" stroke-linecap="square"></path>
<text id="name_4" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="42">{{ value('name', '4') }}</tspan>
</text>
</g>
<g id="_component_5" transform="translate(0.000000, 81.000000)">
<g id="default" transform="translate(159.000000, 25.000000)" stroke="#000000" stroke-width="2.6">
<circle id="Oval" cx="13" cy="13" r="13"></circle>
<circle id="Oval-Copy" cx="13" cy="28" r="13"></circle>
</g>
<path d="M173,0 L173,26" id="_connector_" stroke="#979797" stroke-linecap="square"></path>
<text id="name_5" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="48">{{ value('name', '5') }}</tspan>
</text>
</g>
<g id="_component_6">
<g id="default" transform="translate(159.000000, 54.000000)" stroke="#000000" stroke-width="2.6">
<path d="M23,26 L3,26 C1.4,26 0,24.6 0,23 L0,3 C0,1.4 1.3,0 3,0 L23,0 C24.6,0 26,1.4 26,3 L26,23 C26,24.6 24.6,26 23,26 Z" id="boundary"></path>
<path d="M14,2 L14,6" id="connection-top"></path>
<path d="M14,7 L14,21" id="breaker"></path>
<path d="M14,21 L14,25" id="connection-bottom"></path>
</g>
<g id="open" transform="translate(159.000000, 54.000000)" stroke="#000000" stroke-width="2.6">
<path d="M23,26 L3,26 C1.4,26 0,24.6 0,23 L0,3 C0,1.4 1.3,0 3,0 L23,0 C24.6,0 26,1.4 26,3 L26,23 C26,24.6 24.6,26 23,26 Z" id="boundary"></path>
<path d="M14,2 L14,6" id="connection-top"></path>
<path d="M8,7 L14,19" id="breaker"></path>
<path d="M14,21 L14,25" id="connection-bottom"></path>
</g>
<polyline id="_connector_" stroke="#979797" points="173 53 173 26.9565585 23 26.9565585 23 0"></polyline>
<text id="name_6" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="69">{{ value('name', '6') }}</tspan>
</text>
</g>
</g>
<g id="Group-3" transform="translate(520.000000, 70.000000)">
<g id="_component_7" transform="translate(0.000000, 201.000000)">
<g id="default" transform="translate(161.000000, 26.000000)" fill="#000000" fill-rule="nonzero">
<g id="Layer_1_copy">
<path d="M4.3754386,30.4810127 L4.47719298,30.4810127 L4.47719298,32 L5.8,32 L5.8,30.4810127 L7.12280702,30.4810127 L7.12280702,32 L8.44561404,32 L8.44561404,30.4810127 L9.76842105,30.4810127 L9.76842105,32 L11.1929825,32 L11.1929825,30.4810127 L12.5157895,30.4810127 L12.5157895,32 L13.8385965,32 L13.8385965,30.4810127 L15.2631579,30.4810127 L15.2631579,32 L16.5859649,32 L16.5859649,30.4810127 L17.9087719,30.4810127 L17.9087719,32 L19.2315789,32 L19.2315789,30.4810127 L20.554386,30.4810127 L20.554386,32 L21.877193,32 L21.877193,30.4810127 L23.2,30.4810127 L23.2,32 L24.522807,32 L24.522807,30.4810127 L24.6245614,30.4810127 C27.0666667,30.4810127 29,28.556962 29,26.1265823 L29,5.87341772 C29,3.44303797 27.0666667,1.51898734 24.6245614,1.51898734 L22.8947368,1.51898734 L22.8947368,0 L20.554386,0 L20.554386,1.51898734 L8.34385965,1.51898734 L8.34385965,0 L6.10526316,0 L6.10526316,1.51898734 L4.3754386,1.51898734 C1.93333333,1.51898734 0,3.44303797 0,5.87341772 L0,26.1265823 C0,28.556962 1.93333333,30.4810127 4.3754386,30.4810127 Z M3,5.74358974 C3,4.82051282 3.82051282,4 4.74358974,4 L25.2564103,4 C26.1794872,4 27,4.82051282 27,5.74358974 L27,26.2564103 C27,27.1794872 26.1794872,28 25.2564103,28 L4.74358974,28 C3.82051282,28 3,27.1794872 3,26.2564103 L3,5.74358974 Z" id="Shape"></path>
</g>
</g>
<path d="M176,0 L176,29" id="_connector_" stroke="#979797" stroke-linecap="square"></path>
<text id="name_7" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="46">{{ value('name', '7') }}</tspan>
</text>
<text fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="middle" x="176" y="46" v-bind:class="value('delivering_cbs_ratio_color_class', '7')">
{{ value('num_delivering_cbs', '7') }}/{{ value('num_cbs', '7') }}
</tspan>
</text>
</g>
<g id="_component_8" transform="translate(0.000000, 148.000000)">
<g id="default" transform="translate(161.000000, 25.000000)" fill="#000000" fill-rule="nonzero">
<g id="Layer_1_copy">
<g id="Group">
<path d="M24.6398601,0 L4.36013986,0 C1.92657343,0 0,1.92657343 0,4.36013986 L0,24.6398601 C0,27.0734266 1.92657343,29 4.36013986,29 L24.6398601,29 C27.0734266,29 29,27.0734266 29,24.6398601 L29,4.36013986 C29,1.92657343 27.0734266,0 24.6398601,0 Z M3,4.7 C3,3.8 3.8,3 4.7,3 L24.7,3 C24.8,3 24.9,3 25,3 L3,25 C3,24.9 3,24.8 3,24.7 L3,4.7 Z M26,24.3 C26,25.2 25.2,26 24.3,26 L4.3,26 C4.2,26 4.1,26 4,26 L26,4 C26,4.1 26,4.2 26,4.3 L26,24.3 Z" id="Shape"></path>
<path d="M5.75384615,7 L11.3538462,7 C11.7846154,7 12,6.75519864 12,6.51039728 C12,6.26559593 11.6769231,6.02079457 11.3538462,6.02079457 L5.75384615,6.02079457 C5.32307692,5.93919412 5,6.10239502 5,6.42879683 C5,6.75519864 5.32307692,7 5.75384615,7 Z" id="Shape"></path>
<path d="M5.75384615,10 L11.3538462,10 C11.7846154,10 12,9.75397363 12,9.50794726 C12,9.26192089 11.6769231,9.01589452 11.3538462,9.01589452 L5.75384615,9.01589452 C5.32307692,8.93388573 5,9.1799121 5,9.50794726 C5,9.83598242 5.32307692,10 5.75384615,10 Z" id="Shape"></path>
<path d="M21.0314961,18.1891892 L20.0866142,19.2702703 L18.2913386,17.2162162 C18.1968504,17.1081081 18.007874,17 17.8188976,17 C17.6299213,17 17.5354331,17.1081081 17.3464567,17.2162162 L16.2125984,18.5135135 C15.9291339,18.8378378 15.9291339,19.2702703 16.2125984,19.4864865 C16.496063,19.7027027 16.8740157,19.8108108 17.0629921,19.4864865 L17.7244094,18.7297297 L19.519685,20.7837838 C19.6141732,20.8918919 19.8031496,21 19.992126,21 C20.1811024,21 20.2755906,20.8918919 20.4645669,20.7837838 L21.7874016,19.2702703 C22.0708661,18.9459459 22.0708661,18.5135135 21.7874016,18.2972973 C21.503937,18.0810811 21.3149606,17.972973 21.0314961,18.1891892 Z" id="Shape"></path>
<path d="M21.0314961,21.1891892 L20.0866142,22.2702703 L18.2913386,20.2162162 C18.1968504,20.1081081 18.007874,20 17.8188976,20 C17.6299213,20 17.5354331,20.1081081 17.3464567,20.2162162 L16.2125984,21.5135135 C15.9291339,21.8378378 15.9291339,22.2702703 16.2125984,22.4864865 C16.496063,22.7027027 16.8740157,22.8108108 17.0629921,22.4864865 L17.7244094,21.7297297 L19.519685,23.7837838 C19.6141732,23.8918919 19.8031496,24 19.992126,24 C20.1811024,24 20.2755906,23.8918919 20.4645669,23.7837838 L21.7874016,22.2702703 C22.0708661,21.9459459 22.0708661,21.5135135 21.7874016,21.2972973 C21.503937,21.0810811 21.3149606,20.8648649 21.0314961,21.1891892 Z" id="Shape"></path>
</g>
</g>
</g>
<path d="M176,0 L176,27" id="_connector_" stroke="#979797" stroke-linecap="square"></path>
<text id="name_8" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="42">{{ value('name', '8') }}</tspan>
</text>
</g>
<g id="_component_9" transform="translate(0.000000, 81.000000)">
<g id="default" transform="translate(162.000000, 25.000000)" stroke="#000000" stroke-width="2.6">
<circle id="Oval" cx="13" cy="13" r="13"></circle>
<circle id="Oval-Copy" cx="13" cy="28" r="13"></circle>
</g>
<path d="M176,0 L176,26" id="_connector_" stroke="#979797" stroke-linecap="square"></path>
<text id="name_9" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="48">{{ value('name', '9') }}</tspan>
</text>
</g>
<g id="_component_10">
<g id="default" transform="translate(162.000000, 54.000000)" stroke="#000000" stroke-width="2.6">
<path d="M23,26 L3,26 C1.4,26 0,24.6 0,23 L0,3 C0,1.4 1.3,0 3,0 L23,0 C24.6,0 26,1.4 26,3 L26,23 C26,24.6 24.6,26 23,26 Z" id="boundary"></path>
<path d="M14,2 L14,6" id="connection-top"></path>
<path d="M14,7 L14,21" id="breaker"></path>
<path d="M14,21 L14,25" id="connection-bottom"></path>
</g>
<g id="open" transform="translate(162.000000, 54.000000)" stroke="#000000" stroke-width="2.6">
<path d="M23,26 L3,26 C1.4,26 0,24.6 0,23 L0,3 C0,1.4 1.3,0 3,0 L23,0 C24.6,0 26,1.4 26,3 L26,23 C26,24.6 24.6,26 23,26 Z" id="boundary"></path>
<path d="M14,2 L14,6" id="connection-top"></path>
<path d="M8,7 L14,19" id="breaker"></path>
<path d="M14,21 L14,25" id="connection-bottom"></path>
</g>
<polyline id="_connector_" stroke="#979797" points="176 53 176 26.9565585 126 26.9565585 126 0"></polyline>
<text id="name_10" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="69">{{ value('name', '10') }}</tspan>
</text>
</g>
</g>
<g id="Group-2" transform="translate(419.000000, 70.000000)">
<g id="_component_11" transform="translate(0.000000, 201.000000)">
<g id="default" transform="translate(162.000000, 26.000000)" fill="#000000" fill-rule="nonzero">
<g id="Layer_1_copy">
<path d="M4.3754386,30.4810127 L4.47719298,30.4810127 L4.47719298,32 L5.8,32 L5.8,30.4810127 L7.12280702,30.4810127 L7.12280702,32 L8.44561404,32 L8.44561404,30.4810127 L9.76842105,30.4810127 L9.76842105,32 L11.1929825,32 L11.1929825,30.4810127 L12.5157895,30.4810127 L12.5157895,32 L13.8385965,32 L13.8385965,30.4810127 L15.2631579,30.4810127 L15.2631579,32 L16.5859649,32 L16.5859649,30.4810127 L17.9087719,30.4810127 L17.9087719,32 L19.2315789,32 L19.2315789,30.4810127 L20.554386,30.4810127 L20.554386,32 L21.877193,32 L21.877193,30.4810127 L23.2,30.4810127 L23.2,32 L24.522807,32 L24.522807,30.4810127 L24.6245614,30.4810127 C27.0666667,30.4810127 29,28.556962 29,26.1265823 L29,5.87341772 C29,3.44303797 27.0666667,1.51898734 24.6245614,1.51898734 L22.8947368,1.51898734 L22.8947368,0 L20.554386,0 L20.554386,1.51898734 L8.34385965,1.51898734 L8.34385965,0 L6.10526316,0 L6.10526316,1.51898734 L4.3754386,1.51898734 C1.93333333,1.51898734 0,3.44303797 0,5.87341772 L0,26.1265823 C0,28.556962 1.93333333,30.4810127 4.3754386,30.4810127 Z M3,5.74358974 C3,4.82051282 3.82051282,4 4.74358974,4 L25.2564103,4 C26.1794872,4 27,4.82051282 27,5.74358974 L27,26.2564103 C27,27.1794872 26.1794872,28 25.2564103,28 L4.74358974,28 C3.82051282,28 3,27.1794872 3,26.2564103 L3,5.74358974 Z" id="Shape"></path>
</g>
</g>
<path d="M177,0 L177,29" id="_connector_" stroke="#979797" stroke-linecap="square"></path>
<text id="name_11" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="46">{{ value('name', '11') }}</tspan>
</text>
<text fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="middle" x="177" y="46" v-bind:class="value('delivering_cbs_ratio_color_class', '11')">
{{ value('num_delivering_cbs', '11') }}/{{ value('num_cbs', '11') }}
</tspan>
</text>
</g>
<g id="_component_12" transform="translate(0.000000, 148.000000)">
<g id="default" transform="translate(162.000000, 25.000000)" fill="#000000" fill-rule="nonzero">
<g id="Layer_1_copy">
<g id="Group">
<path d="M24.6398601,0 L4.36013986,0 C1.92657343,0 0,1.92657343 0,4.36013986 L0,24.6398601 C0,27.0734266 1.92657343,29 4.36013986,29 L24.6398601,29 C27.0734266,29 29,27.0734266 29,24.6398601 L29,4.36013986 C29,1.92657343 27.0734266,0 24.6398601,0 Z M3,4.7 C3,3.8 3.8,3 4.7,3 L24.7,3 C24.8,3 24.9,3 25,3 L3,25 C3,24.9 3,24.8 3,24.7 L3,4.7 Z M26,24.3 C26,25.2 25.2,26 24.3,26 L4.3,26 C4.2,26 4.1,26 4,26 L26,4 C26,4.1 26,4.2 26,4.3 L26,24.3 Z" id="Shape"></path>
<path d="M5.75384615,7 L11.3538462,7 C11.7846154,7 12,6.75519864 12,6.51039728 C12,6.26559593 11.6769231,6.02079457 11.3538462,6.02079457 L5.75384615,6.02079457 C5.32307692,5.93919412 5,6.10239502 5,6.42879683 C5,6.75519864 5.32307692,7 5.75384615,7 Z" id="Shape"></path>
<path d="M5.75384615,10 L11.3538462,10 C11.7846154,10 12,9.75397363 12,9.50794726 C12,9.26192089 11.6769231,9.01589452 11.3538462,9.01589452 L5.75384615,9.01589452 C5.32307692,8.93388573 5,9.1799121 5,9.50794726 C5,9.83598242 5.32307692,10 5.75384615,10 Z" id="Shape"></path>
<path d="M21.0314961,18.1891892 L20.0866142,19.2702703 L18.2913386,17.2162162 C18.1968504,17.1081081 18.007874,17 17.8188976,17 C17.6299213,17 17.5354331,17.1081081 17.3464567,17.2162162 L16.2125984,18.5135135 C15.9291339,18.8378378 15.9291339,19.2702703 16.2125984,19.4864865 C16.496063,19.7027027 16.8740157,19.8108108 17.0629921,19.4864865 L17.7244094,18.7297297 L19.519685,20.7837838 C19.6141732,20.8918919 19.8031496,21 19.992126,21 C20.1811024,21 20.2755906,20.8918919 20.4645669,20.7837838 L21.7874016,19.2702703 C22.0708661,18.9459459 22.0708661,18.5135135 21.7874016,18.2972973 C21.503937,18.0810811 21.3149606,17.972973 21.0314961,18.1891892 Z" id="Shape"></path>
<path d="M21.0314961,21.1891892 L20.0866142,22.2702703 L18.2913386,20.2162162 C18.1968504,20.1081081 18.007874,20 17.8188976,20 C17.6299213,20 17.5354331,20.1081081 17.3464567,20.2162162 L16.2125984,21.5135135 C15.9291339,21.8378378 15.9291339,22.2702703 16.2125984,22.4864865 C16.496063,22.7027027 16.8740157,22.8108108 17.0629921,22.4864865 L17.7244094,21.7297297 L19.519685,23.7837838 C19.6141732,23.8918919 19.8031496,24 19.992126,24 C20.1811024,24 20.2755906,23.8918919 20.4645669,23.7837838 L21.7874016,22.2702703 C22.0708661,21.9459459 22.0708661,21.5135135 21.7874016,21.2972973 C21.503937,21.0810811 21.3149606,20.8648649 21.0314961,21.1891892 Z" id="Shape"></path>
</g>
</g>
</g>
<path d="M177,0 L177,27" id="_connector_" stroke="#979797" stroke-linecap="square"></path>
<text id="name_12" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="42">{{ value('name', '12') }}</tspan>
</text>
</g>
<g id="_component_13" transform="translate(0.000000, 81.000000)">
<g id="default" transform="translate(163.000000, 25.000000)" stroke="#000000" stroke-width="2.6">
<circle id="Oval" cx="13" cy="13" r="13"></circle>
<circle id="Oval-Copy" cx="13" cy="28" r="13"></circle>
</g>
<path d="M177,0 L177,26" id="_connector_" stroke="#979797" stroke-linecap="square"></path>
<text id="name_13" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="48">{{ value('name', '13') }}</tspan>
</text>
</g>
<g id="_component_14">
<g id="default" transform="translate(163.000000, 54.000000)" stroke="#000000" stroke-width="2.6">
<path d="M23,26 L3,26 C1.4,26 0,24.6 0,23 L0,3 C0,1.4 1.3,0 3,0 L23,0 C24.6,0 26,1.4 26,3 L26,23 C26,24.6 24.6,26 23,26 Z" id="boundary"></path>
<path d="M14,2 L14,6" id="connection-top"></path>
<path d="M14,7 L14,21" id="breaker"></path>
<path d="M14,21 L14,25" id="connection-bottom"></path>
</g>
<g id="open" transform="translate(163.000000, 54.000000)" stroke="#000000" stroke-width="2.6">
<path d="M23,26 L3,26 C1.4,26 0,24.6 0,23 L0,3 C0,1.4 1.3,0 3,0 L23,0 C24.6,0 26,1.4 26,3 L26,23 C26,24.6 24.6,26 23,26 Z" id="boundary"></path>
<path d="M14,2 L14,6" id="connection-top"></path>
<path d="M8,7 L14,19" id="breaker"></path>
<path d="M14,21 L14,25" id="connection-bottom"></path>
</g>
<polyline id="_connector_" stroke="#979797" points="177 53 177 26.9565585 227 26.9565585 227 0"></polyline>
<text id="name_14" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="69">{{ value('name', '14') }}</tspan>
</text>
</g>
</g>
<g id="Group-1" transform="translate(324.000000, 70.000000)">
<g id="_component_15" transform="translate(0.000000, 201.000000)">
<g id="default" transform="translate(157.000000, 26.000000)" fill="#000000" fill-rule="nonzero">
<g id="Layer_1_copy">
<path d="M4.3754386,30.4810127 L4.47719298,30.4810127 L4.47719298,32 L5.8,32 L5.8,30.4810127 L7.12280702,30.4810127 L7.12280702,32 L8.44561404,32 L8.44561404,30.4810127 L9.76842105,30.4810127 L9.76842105,32 L11.1929825,32 L11.1929825,30.4810127 L12.5157895,30.4810127 L12.5157895,32 L13.8385965,32 L13.8385965,30.4810127 L15.2631579,30.4810127 L15.2631579,32 L16.5859649,32 L16.5859649,30.4810127 L17.9087719,30.4810127 L17.9087719,32 L19.2315789,32 L19.2315789,30.4810127 L20.554386,30.4810127 L20.554386,32 L21.877193,32 L21.877193,30.4810127 L23.2,30.4810127 L23.2,32 L24.522807,32 L24.522807,30.4810127 L24.6245614,30.4810127 C27.0666667,30.4810127 29,28.556962 29,26.1265823 L29,5.87341772 C29,3.44303797 27.0666667,1.51898734 24.6245614,1.51898734 L22.8947368,1.51898734 L22.8947368,0 L20.554386,0 L20.554386,1.51898734 L8.34385965,1.51898734 L8.34385965,0 L6.10526316,0 L6.10526316,1.51898734 L4.3754386,1.51898734 C1.93333333,1.51898734 0,3.44303797 0,5.87341772 L0,26.1265823 C0,28.556962 1.93333333,30.4810127 4.3754386,30.4810127 Z M3,5.74358974 C3,4.82051282 3.82051282,4 4.74358974,4 L25.2564103,4 C26.1794872,4 27,4.82051282 27,5.74358974 L27,26.2564103 C27,27.1794872 26.1794872,28 25.2564103,28 L4.74358974,28 C3.82051282,28 3,27.1794872 3,26.2564103 L3,5.74358974 Z" id="_connector_"></path>
</g>
</g>
<path d="M172,0 L172,29" id="_connector_" stroke="#979797" stroke-linecap="square"></path>
<text id="name_15" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="46">{{ value('name', '15') }}</tspan>
</text>
<text fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="middle" x="171.5" y="46" v-bind:class="value('delivering_cbs_ratio_color_class', '15')">
{{ value('num_delivering_cbs', '15') }}/{{ value('num_cbs', '15') }}
</tspan>
</text>
</g>
<g id="_component_16" transform="translate(0.000000, 148.000000)">
<g id="default" transform="translate(157.000000, 25.000000)" fill="#000000" fill-rule="nonzero">
<g id="Layer_1_copy">
<g id="Group">
<path d="M24.6398601,0 L4.36013986,0 C1.92657343,0 0,1.92657343 0,4.36013986 L0,24.6398601 C0,27.0734266 1.92657343,29 4.36013986,29 L24.6398601,29 C27.0734266,29 29,27.0734266 29,24.6398601 L29,4.36013986 C29,1.92657343 27.0734266,0 24.6398601,0 Z M3,4.7 C3,3.8 3.8,3 4.7,3 L24.7,3 C24.8,3 24.9,3 25,3 L3,25 C3,24.9 3,24.8 3,24.7 L3,4.7 Z M26,24.3 C26,25.2 25.2,26 24.3,26 L4.3,26 C4.2,26 4.1,26 4,26 L26,4 C26,4.1 26,4.2 26,4.3 L26,24.3 Z" id="Shape"></path>
<path d="M5.64615385,7 L10.4461538,7 C10.8153846,7 11,6.75519864 11,6.51039728 C11,6.26559593 10.7230769,6.02079457 10.4461538,6.02079457 L5.64615385,6.02079457 C5.27692308,5.93919412 5,6.10239502 5,6.42879683 C5,6.75519864 5.27692308,7 5.64615385,7 Z" id="Shape"></path>
<path d="M5.64615385,10 L10.4461538,10 C10.8153846,10 11,9.75397363 11,9.50794726 C11,9.26192089 10.7230769,9.01589452 10.4461538,9.01589452 L5.64615385,9.01589452 C5.27692308,8.93388573 5,9.1799121 5,9.50794726 C5,9.83598242 5.27692308,10 5.64615385,10 Z" id="Shape"></path>
<path d="M21.0314961,18.1891892 L20.0866142,19.2702703 L18.2913386,17.2162162 C18.1968504,17.1081081 18.007874,17 17.8188976,17 C17.6299213,17 17.5354331,17.1081081 17.3464567,17.2162162 L16.2125984,18.5135135 C15.9291339,18.8378378 15.9291339,19.2702703 16.2125984,19.4864865 C16.496063,19.7027027 16.8740157,19.8108108 17.0629921,19.4864865 L17.7244094,18.7297297 L19.519685,20.7837838 C19.6141732,20.8918919 19.8031496,21 19.992126,21 C20.1811024,21 20.2755906,20.8918919 20.4645669,20.7837838 L21.7874016,19.2702703 C22.0708661,18.9459459 22.0708661,18.5135135 21.7874016,18.2972973 C21.503937,18.0810811 21.3149606,17.972973 21.0314961,18.1891892 Z" id="Shape"></path>
<path d="M21.0314961,21.1891892 L20.0866142,22.2702703 L18.2913386,20.2162162 C18.1968504,20.1081081 18.007874,20 17.8188976,20 C17.6299213,20 17.5354331,20.1081081 17.3464567,20.2162162 L16.2125984,21.5135135 C15.9291339,21.8378378 15.9291339,22.2702703 16.2125984,22.4864865 C16.496063,22.7027027 16.8740157,22.8108108 17.0629921,22.4864865 L17.7244094,21.7297297 L19.519685,23.7837838 C19.6141732,23.8918919 19.8031496,24 19.992126,24 C20.1811024,24 20.2755906,23.8918919 20.4645669,23.7837838 L21.7874016,22.2702703 C22.0708661,21.9459459 22.0708661,21.5135135 21.7874016,21.2972973 C21.503937,21.0810811 21.3149606,20.8648649 21.0314961,21.1891892 Z" id="Shape"></path>
</g>
</g>
</g>
<path d="M172,0 L172,27" id="_connector_" stroke="#979797" stroke-linecap="square"></path>
<text id="name_16" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="42">{{ value('name', '16') }}</tspan>
</text>
</g>
<g id="_component_17" transform="translate(0.000000, 81.000000)">
<g id="default" transform="translate(158.000000, 25.000000)" stroke="#000000" stroke-width="2.6">
<circle id="Oval" cx="13" cy="13" r="13"></circle>
<circle id="Oval-Copy" cx="13" cy="28" r="13"></circle>
</g>
<path d="M172,0 L172,26" id="_connector_" stroke="#979797" stroke-linecap="square"></path>
<text id="name_17" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="48">{{ value('name', '17') }}</tspan>
</text>
</g>
<g id="_component_18">
<g id="default" transform="translate(158.000000, 54.000000)" stroke="#000000" stroke-width="2.6">
<path d="M23,26 L3,26 C1.4,26 0,24.6 0,23 L0,3 C0,1.4 1.3,0 3,0 L23,0 C24.6,0 26,1.4 26,3 L26,23 C26,24.6 24.6,26 23,26 Z" id="boundary"></path>
<path d="M14,2 L14,6" id="connection-top"></path>
<path d="M14,7 L14,21" id="breaker"></path>
<path d="M14,21 L14,25" id="connection-bottom"></path>
</g>
<g id="open" transform="translate(158.000000, 54.000000)" stroke="#000000" stroke-width="2.6">
<path d="M23,26 L3,26 C1.4,26 0,24.6 0,23 L0,3 C0,1.4 1.3,0 3,0 L23,0 C24.6,0 26,1.4 26,3 L26,23 C26,24.6 24.6,26 23,26 Z" id="boundary"></path>
<path d="M14,2 L14,6" id="connection-top"></path>
<path d="M8,7 L14,19" id="breaker"></path>
<path d="M14,21 L14,25" id="connection-bottom"></path>
</g>
<polyline id="_connector_" stroke="#979797" points="172 53 172 26.9565585 322 26.9565585 322 0"></polyline>
<text id="name_18" fill="#000000" font-family="Helvetica" font-size="12" font-weight="normal">
<tspan text-anchor="end" x="150" y="69">{{ value('name', '18') }}</tspan>
</text>
</g>
</g>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment