Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<svg class="marks" width="770.6666666666667" height="530">
    <g transform="translate(120,60)">
        <g class="mark-group">
            <g transform="translate(0,0)">
                <rect class="background" width="450.6666666666667" height="320" style="fill: none;"></rect>
                <g class="mark-group">
                    <g transform="translate(0,345)">
                        <rect class="background" width="0" height="0" style="pointer-events: none; fill: none;"></rect>
                        <g class="mark-rule" style="pointer-events: none;"></g>
                        <g class="mark-rule" style="pointer-events: none;">
                            <line transform="translate(225.5,0)" x2="0" y2="6" style="fill: none; stroke: rgb(255, 255, 255); stroke-width: 1; opacity: 1;"></line>
                        </g>
                        <g class="mark-rule" style="pointer-events: none;"></g>
                        <g class="mark-text">
                            <text text-anchor="start" transform="translate(225.5,19)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;"></text>
                        </g>
                        <g class="mark-path" style="pointer-events: none;">
                            <path transform="translate(0.5,0.5)" d="M0,6V0H450.6666666666667V6" style="fill: none; stroke: rgb(255, 255, 255); stroke-width: 1;"></path>
                        </g>
                        <g class="mark-text"></g>
                    </g>
                </g>
                <g class="mark-group">
                    <g transform="translate(0,-25)">
                        <rect class="background" width="0" height="0" style="pointer-events: none; fill: none;"></rect>
                        <g class="mark-rule" style="pointer-events: none;"></g>
                        <g class="mark-rule" style="pointer-events: none;">
                            <line transform="translate(225.5,-6)" x2="0" y2="6" style="fill: none; stroke: rgb(255, 255, 255); stroke-width: 1; opacity: 1;"></line>
                        </g>
                        <g class="mark-rule" style="pointer-events: none;"></g>
                        <g class="mark-text">
                            <text text-anchor="start" transform="translate(225.5,-11)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;"></text>
                        </g>
                        <g class="mark-path" style="pointer-events: none;">
                            <path transform="translate(0.5,0.5)" d="M0,-6V0H450.6666666666667V-6" style="fill: none; stroke: rgb(255, 255, 255); stroke-width: 1;"></path>
                        </g>
                        <g class="mark-text"></g>
                    </g>
                </g>
                <g class="mark-group">
                    <g transform="translate(-90,0)">
                        <rect class="background" width="0" height="0" style="pointer-events: none; fill: none;"></rect>
                        <g class="mark-rule" style="pointer-events: none;"></g>
                        <g class="mark-rule" style="pointer-events: none;">
                            <line transform="translate(-6,160.5)" x2="6" y2="0" style="fill: none; stroke: rgb(255, 255, 255); stroke-width: 1; opacity: 1;"></line>
                        </g>
                        <g class="mark-rule" style="pointer-events: none;"></g>
                        <g class="mark-text">
                            <text text-anchor="start" transform="translate(-9,160.5) rotate(-90) translate(0,3)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;"></text>
                        </g>
                        <g class="mark-path" style="pointer-events: none;">
                            <path transform="translate(0.5,0.5)" d="M-6,0H0V320H-6" style="fill: none; stroke: rgb(255, 255, 255); stroke-width: 1;"></path>
                        </g>
                        <g class="mark-text"></g>
                    </g>
                </g>
                <g class="mark-group">
                    <g transform="translate(0,0)">
                        <rect class="background" width="440" height="310" style="fill: none;"></rect>
                        <g class="mark-group">
                            <g transform="translate(0,0)">
                                <rect class="background" width="0" height="0" style="pointer-events: none; fill: none;"></rect>
                                <g class="mark-rule" style="pointer-events: none;"></g>
                                <g class="mark-rule" style="pointer-events: none;">
                                    <line transform="translate(-6,310.5)" x2="6" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(-6,282.3181818181818)" x2="6" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(-6,254.13636363636363)" x2="6" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(-6,225.95454545454547)" x2="6" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(-6,197.77272727272728)" x2="6" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(-6,169.59090909090907)" x2="6" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(-6,141.40909090909093)" x2="6" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(-6,113.22727272727273)" x2="6" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(-6,85.04545454545453)" x2="6" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(-6,56.863636363636346)" x2="6" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(-6,28.68181818181819)" x2="6" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(-6,0.5)" x2="6" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                </g>
                                <g class="mark-rule" style="pointer-events: none;"></g>
                                <g class="mark-text">
                                    <text text-anchor="end" transform="translate(-9,313.5)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">0</text>
                                    <text text-anchor="end" transform="translate(-9,285.3181818181818)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">20,000,000</text>
                                    <text text-anchor="end" transform="translate(-9,257.1363636363636)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">40,000,000</text>
                                    <text text-anchor="end" transform="translate(-9,228.95454545454547)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">60,000,000</text>
                                    <text text-anchor="end" transform="translate(-9,200.77272727272728)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">80,000,000</text>
                                    <text text-anchor="end" transform="translate(-9,172.59090909090907)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">100,000,000</text>
                                    <text text-anchor="end" transform="translate(-9,144.40909090909093)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">120,000,000</text>
                                    <text text-anchor="end" transform="translate(-9,116.22727272727273)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">140,000,000</text>
                                    <text text-anchor="end" transform="translate(-9,88.04545454545453)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">160,000,000</text>
                                    <text text-anchor="end" transform="translate(-9,59.863636363636346)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">180,000,000</text>
                                    <text text-anchor="end" transform="translate(-9,31.68181818181819)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">200,000,000</text>
                                    <text text-anchor="end" transform="translate(-9,3.5)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">220,000,000</text>
                                </g>
                                <g class="mark-path" style="pointer-events: none;">
                                    <path transform="translate(0.5,0.5)" d="M-6,0H0V310H-6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1;"></path>
                                </g>
                                <g class="mark-text"></g>
                            </g>
                        </g>
                    </g>
                </g>
                <g class="mark-group">
                    <g transform="translate(0,0)">
                        <rect class="background" width="440" height="310" style="fill: none;"></rect>
                        <g class="mark-group">
                            <g transform="translate(0,310)">
                                <rect class="background" width="0" height="0" style="pointer-events: none; fill: none;"></rect>
                                <g class="mark-rule" style="pointer-events: none;"></g>
                                <g class="mark-rule" style="pointer-events: none;">
                                    <line transform="translate(34.5,0)" x2="0" y2="6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(96.5,0)" x2="0" y2="6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(158.5,0)" x2="0" y2="6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(220.5,0)" x2="0" y2="6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(282.5,0)" x2="0" y2="6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(344.5,0)" x2="0" y2="6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(406.5,0)" x2="0" y2="6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                </g>
                                <g class="mark-rule" style="pointer-events: none;"></g>
                                <g class="mark-text">
                                    <text text-anchor="middle" transform="translate(34.5,19)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">2009</text>
                                    <text text-anchor="middle" transform="translate(96.5,19)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">2010</text>
                                    <text text-anchor="middle" transform="translate(158.5,19)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">2011</text>
                                    <text text-anchor="middle" transform="translate(220.5,19)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">2012</text>
                                    <text text-anchor="middle" transform="translate(282.5,19)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">2013</text>
                                    <text text-anchor="middle" transform="translate(344.5,19)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">2014</text>
                                    <text text-anchor="middle" transform="translate(406.5,19)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">Unknown</text>
                                </g>
                                <g class="mark-path" style="pointer-events: none;">
                                    <path transform="translate(0.5,0.5)" d="M0,6V0H440V6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1;"></path>
                                </g>
                                <g class="mark-text"></g>
                            </g>
                        </g>
                    </g>
                </g>
                <g class="mark-group">
                    <g transform="translate(0,0)">
                        <rect class="background" width="440" height="310" style="fill: none; stroke: rgb(204, 204, 204);"></rect>
                        <g class="mark-group">
                            <g transform="translate(0,0)">
                                <rect class="background" width="0" height="0" style="pointer-events: none; fill: none;"></rect>
                                <g class="mark-rule" style="pointer-events: none;">
                                    <line transform="translate(0,310.5)" x2="440" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-opacity: 0.15; opacity: 1;"></line>
                                    <line transform="translate(0,282.3181818181818)" x2="440" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-opacity: 0.15; opacity: 1;"></line>
                                    <line transform="translate(0,254.13636363636363)" x2="440" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-opacity: 0.15; opacity: 1;"></line>
                                    <line transform="translate(0,225.95454545454547)" x2="440" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-opacity: 0.15; opacity: 1;"></line>
                                    <line transform="translate(0,197.77272727272728)" x2="440" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-opacity: 0.15; opacity: 1;"></line>
                                    <line transform="translate(0,169.59090909090907)" x2="440" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-opacity: 0.15; opacity: 1;"></line>
                                    <line transform="translate(0,141.40909090909093)" x2="440" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-opacity: 0.15; opacity: 1;"></line>
                                    <line transform="translate(0,113.22727272727273)" x2="440" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-opacity: 0.15; opacity: 1;"></line>
                                    <line transform="translate(0,85.04545454545453)" x2="440" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-opacity: 0.15; opacity: 1;"></line>
                                    <line transform="translate(0,56.863636363636346)" x2="440" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-opacity: 0.15; opacity: 1;"></line>
                                    <line transform="translate(0,28.68181818181819)" x2="440" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-opacity: 0.15; opacity: 1;"></line>
                                    <line transform="translate(0,0.5)" x2="440" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-opacity: 0.15; opacity: 1;"></line>
                                </g>
                                <g class="mark-rule" style="pointer-events: none;">
                                    <line transform="translate(0,310.5)" x2="0" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(0,282.3181818181818)" x2="0" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(0,254.13636363636363)" x2="0" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(0,225.95454545454547)" x2="0" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(0,197.77272727272728)" x2="0" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(0,169.59090909090907)" x2="0" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(0,141.40909090909093)" x2="0" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(0,113.22727272727273)" x2="0" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(0,85.04545454545453)" x2="0" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(0,56.863636363636346)" x2="0" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(0,28.68181818181819)" x2="0" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(0,0.5)" x2="0" y2="0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                </g>
                                <g class="mark-rule" style="pointer-events: none;"></g>
                                <g class="mark-text">
                                    <text text-anchor="end" transform="translate(-3,310.5)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 0px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">0</text>
                                    <text text-anchor="end" transform="translate(-3,282.3181818181818)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 0px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">20,000,000</text>
                                    <text text-anchor="end" transform="translate(-3,254.13636363636363)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 0px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">40,000,000</text>
                                    <text text-anchor="end" transform="translate(-3,225.95454545454547)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 0px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">60,000,000</text>
                                    <text text-anchor="end" transform="translate(-3,197.77272727272728)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 0px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">80,000,000</text>
                                    <text text-anchor="end" transform="translate(-3,169.59090909090907)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 0px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">100,000,000</text>
                                    <text text-anchor="end" transform="translate(-3,141.40909090909093)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 0px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">120,000,000</text>
                                    <text text-anchor="end" transform="translate(-3,113.22727272727273)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 0px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">140,000,000</text>
                                    <text text-anchor="end" transform="translate(-3,85.04545454545453)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 0px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">160,000,000</text>
                                    <text text-anchor="end" transform="translate(-3,56.863636363636346)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 0px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">180,000,000</text>
                                    <text text-anchor="end" transform="translate(-3,28.68181818181819)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 0px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">200,000,000</text>
                                    <text text-anchor="end" transform="translate(-3,0.5)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 0px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">220,000,000</text>
                                </g>
                                <g class="mark-path" style="pointer-events: none;">
                                    <path transform="translate(0.5,0.5)" d="M0,0H0V310H0" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 0;"></path>
                                </g>
                                <g class="mark-text"></g>
                            </g>
                        </g>
                        <g class="mark-group dataRect">
                            <g transform="translate(13,0)">
                                <rect class="background" width="49" height="0" style="fill: none;"></rect>
                                <g class="mark-rect">
                                    <rect transform="translate(0,165.79356675454542)" width="48" height="144.20643324545458" style="fill: rgb(31, 119, 180); stroke-opacity: 0;"></rect>
                                </g>
                            </g>
                            <g transform="translate(74,0)">
                                <rect class="background" width="49" height="0" style="fill: none;"></rect>
                                <g class="mark-rect">
                                    <rect transform="translate(0,145.98772534454545)" width="48" height="164.01227465545455" style="fill: rgb(31, 119, 180); stroke-opacity: 0;"></rect>
                                </g>
                            </g>
                            <g transform="translate(135,0)">
                                <rect class="background" width="49" height="0" style="fill: none;"></rect>
                                <g class="mark-rect">
                                    <rect transform="translate(0,46.89454284772727)" width="48" height="263.1054571522727" style="fill: rgb(31, 119, 180); stroke-opacity: 0;"></rect>
                                </g>
                            </g>
                            <g transform="translate(196,0)">
                                <rect class="background" width="49" height="0" style="fill: none;"></rect>
                                <g class="mark-rect">
                                    <rect transform="translate(0,36.41765915772728)" width="48" height="273.58234084227274" style="fill: rgb(31, 119, 180); stroke-opacity: 0;"></rect>
                                </g>
                            </g>
                            <g transform="translate(257,0)">
                                <rect class="background" width="49" height="0" style="fill: none;"></rect>
                                <g class="mark-rect">
                                    <rect transform="translate(0,8.20002311090911)" width="48" height="301.7999768890909" style="fill: rgb(31, 119, 180); stroke-opacity: 0;"></rect>
                                </g>
                            </g>
                            <g transform="translate(318,0)">
                                <rect class="background" width="49" height="0" style="fill: none;"></rect>
                                <g class="mark-rect">
                                    <rect transform="translate(0,196.2559783381818)" width="48" height="113.74402166181821" style="fill: rgb(31, 119, 180); stroke-opacity: 0;"></rect>
                                </g>
                            </g>
                            <g transform="translate(379,0)">
                                <rect class="background" width="49" height="0" style="fill: none;"></rect>
                                <g class="mark-rect">
                                    <rect transform="translate(0,309.82345056136364)" width="48" height="0.17654943863635708" style="fill: rgb(31, 119, 180); stroke-opacity: 0;"></rect>
                                </g>
                            </g>
                        </g>
                    </g>
                </g>
                <g class="mark-group">
                    <g transform="translate(0,0)">
                        <rect class="background" width="440" height="310" style="fill: none;"></rect>
                        <g class="mark-group">
                            <g transform="translate(0,0)">
                                <rect class="background" width="0" height="0" style="pointer-events: none; fill: none;"></rect>
                                <g class="mark-rule" style="pointer-events: none;"></g>
                                <g class="mark-rule" style="pointer-events: none;">
                                    <line transform="translate(34.5,-6)" x2="0" y2="6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(96.5,-6)" x2="0" y2="6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(158.5,-6)" x2="0" y2="6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(220.5,-6)" x2="0" y2="6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(282.5,-6)" x2="0" y2="6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(344.5,-6)" x2="0" y2="6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                    <line transform="translate(406.5,-6)" x2="0" y2="6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1; opacity: 1;"></line>
                                </g>
                                <g class="mark-rule" style="pointer-events: none;"></g>
                                <g class="mark-text">
                                    <text text-anchor="middle" transform="translate(34.5,-11)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">2009</text>
                                    <text text-anchor="middle" transform="translate(96.5,-11)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">2010</text>
                                    <text text-anchor="middle" transform="translate(158.5,-11)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">2011</text>
                                    <text text-anchor="middle" transform="translate(220.5,-11)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">2012</text>
                                    <text text-anchor="middle" transform="translate(282.5,-11)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">2013</text>
                                    <text text-anchor="middle" transform="translate(344.5,-11)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">2014</text>
                                    <text text-anchor="middle" transform="translate(406.5,-11)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">Unknown</text>
                                </g>
                                <g class="mark-path" style="pointer-events: none;">
                                    <path transform="translate(0.5,0.5)" d="M0,-6V0H440V-6" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 1;"></path>
                                </g>
                                <g class="mark-text"></g>
                            </g>
                        </g>
                    </g>
                </g>
                <g class="mark-group">
                    <g transform="translate(450.6666666666667,5)">
                        <rect class="background" width="57" height="32" style="pointer-events: none; fill: white;"></rect>
                        <g class="mark-text" style="pointer-events: none;">
                            <text text-anchor="start" transform="translate(3,13)" style="font-style: normal; font-variant: normal; font-weight: bold; font-stretch: normal; font-size: 11px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">Values</text>
                        </g>
                        <g class="mark-symbol" style="pointer-events: none;">
                            <path transform="translate(7.5,23)" d="M-3.5355339059327378,-3.5355339059327378L3.5355339059327378,-3.5355339059327378 3.5355339059327378,3.5355339059327378 -3.5355339059327378,3.5355339059327378Z" style="fill: rgb(31, 119, 180); stroke: rgb(136, 136, 136); stroke-width: 0; opacity: 1;"></path>
                        </g>
                        <g class="mark-text" style="pointer-events: none;">
                            <text text-anchor="start" transform="translate(16,26)" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 10px; line-height: normal; font-family: sans-serif; fill: rgb(0, 0, 0); opacity: 1;">Allowed</text>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg>
</body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
brobertsUPSpro
0viewers