images/chart-two-gradient5.svg

<svg width="300" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <linearGradient id="gradient-0" x1="0" x2="0" y1="0" y2="1"> <stop offset="0%" stop-color="black"></stop> <stop offset="100%" stop-color="red"></stop></linearGradient> <linearGradient id="gradient-1" x1="1" x2="0" y1="0" y2="0"> <stop offset="0%" stop-color="#000030"></stop> <stop offset="100%" stop-color="blue"></stop></linearGradient></defs> <rect width="300" height="200" x="0" y="0" fill="white"></rect> <clipPath id="clip-0"> <rect x="30" y="20" width="260" height="159"></rect></clipPath> <polygon points="30 179, 30 179.0, 37.64705882352941 164.42499999999998, 45.294117647058826 164.42499999999998, 52.94117647058823 137.92499999999998, 60.588235294117645 144.54999999999998, 68.23529411764706 144.54999999999998, 75.88235294117646 153.82500000000002, 83.52941176470588 152.5, 91.17647058823529 149.84999999999997, 98.82352941176471 133.95000000000002, 106.47058823529412 132.625, 114.11764705882354 120.70000000000002, 121.76470588235294 114.07500000000002, 129.41176470588235 33.25, 137.05882352941177 20.0, 144.70588235294116 26.625, 152.35294117647058 46.5, 160.0 59.75, 167.64705882352942 59.75, 175.29411764705884 59.75, 182.94117647058823 70.34999999999997, 190.58823529411765 65.04999999999998, 198.23529411764707 59.75, 205.8823529411765 73.0, 213.52941176470588 59.75, 221.1764705882353 73.0, 228.8235294117647 79.625, 236.47058823529412 62.40000000000005, 244.1176470588235 86.25, 251.76470588235293 88.90000000000003, 259.4117647058823 90.22499999999997, 267.05882352941177 99.5, 274.70588235294116 108.77500000000003, 282.3529411764706 103.47499999999997, 290 88.90000000000003, 290 179"></polygon> <clipPath id="clip-1"> <rect x="30" y="20" width="260" height="159"></rect></clipPath> <polygon points="30 20, 30 179.0, 37.64705882352941 164.42499999999998, 45.294117647058826 164.42499999999998, 52.94117647058823 137.92499999999998, 60.588235294117645 144.54999999999998, 68.23529411764706 144.54999999999998, 75.88235294117646 153.82500000000002, 83.52941176470588 152.5, 91.17647058823529 149.84999999999997, 98.82352941176471 133.95000000000002, 106.47058823529412 132.625, 114.11764705882354 120.70000000000002, 121.76470588235294 114.07500000000002, 129.41176470588235 33.25, 137.05882352941177 20.0, 144.70588235294116 26.625, 152.35294117647058 46.5, 160.0 59.75, 167.64705882352942 59.75, 175.29411764705884 59.75, 182.94117647058823 70.34999999999997, 190.58823529411765 65.04999999999998, 198.23529411764707 59.75, 205.8823529411765 73.0, 213.52941176470588 59.75, 221.1764705882353 73.0, 228.8235294117647 79.625, 236.47058823529412 62.40000000000005, 244.1176470588235 86.25, 251.76470588235293 88.90000000000003, 259.4117647058823 90.22499999999997, 267.05882352941177 99.5, 274.70588235294116 108.77500000000003, 282.3529411764706 103.47499999999997, 290 88.90000000000003, 290 20"></polygon> <line x1="30.0" x2="30.0" y1="179" y2="183" stroke="black"></line> <line x1="30.0" x2="30.0" y1="20" y2="179" stroke="black" opacity="0.2"></line> <text y="193" x="30.0" fill="black" font-size="12" text-anchor="middle" font-family="sans-serif"> 0</text> <line x1="45.294117647058826" x2="45.294117647058826" y1="179" y2="181" stroke="black"></line> <line x1="45.294117647058826" x2="45.294117647058826" y1="20" y2="179" stroke="black" opacity="0.2"></line> <line x1="60.588235294117645" x2="60.588235294117645" y1="179" y2="181" stroke="black"></line> <line x1="60.588235294117645" x2="60.588235294117645" y1="20" y2="179" stroke="black" opacity="0.2"></line> <line x1="75.88235294117646" x2="75.88235294117646" y1="179" y2="181" stroke="black"></line> <line x1="75.88235294117646" x2="75.88235294117646" y1="20" y2="179" stroke="black" opacity="0.2"></line> <line x1="91.17647058823529" x2="91.17647058823529" y1="179" y2="181" stroke="black"></line> <line x1="91.17647058823529" x2="91.17647058823529" y1="20" y2="179" stroke="black" opacity="0.2"></line> <line x1="106.47058823529412" x2="106.47058823529412" y1="179" y2="183" stroke="black"></line> <line x1="106.47058823529412" x2="106.47058823529412" y1="20" y2="179" stroke="black" opacity="0.2"></line> <text y="193" x="106.47058823529412" fill="black" font-size="12" text-anchor="middle" font-family="sans-serif"> 10</text> <line x1="121.76470588235294" x2="121.76470588235294" y1="179" y2="181" stroke="black"></line> <line x1="121.76470588235294" x2="121.76470588235294" y1="20" y2="179" stroke="black" opacity="0.2"></line> <line x1="137.05882352941177" x2="137.05882352941177" y1="179" y2="181" stroke="black"></line> <line x1="137.05882352941177" x2="137.05882352941177" y1="20" y2="179" stroke="black" opacity="0.2"></line> <line x1="152.35294117647058" x2="152.35294117647058" y1="179" y2="181" stroke="black"></line> <line x1="152.35294117647058" x2="152.35294117647058" y1="20" y2="179" stroke="black" opacity="0.2"></line> <line x1="167.64705882352942" x2="167.64705882352942" y1="179" y2="181" stroke="black"></line> <line x1="167.64705882352942" x2="167.64705882352942" y1="20" y2="179" stroke="black" opacity="0.2"></line> <line x1="182.94117647058823" x2="182.94117647058823" y1="179" y2="183" stroke="black"></line> <line x1="182.94117647058823" x2="182.94117647058823" y1="20" y2="179" stroke="black" opacity="0.2"></line> <text y="193" x="182.94117647058823" fill="black" font-size="12" text-anchor="middle" font-family="sans-serif"> 20</text> <line x1="198.23529411764707" x2="198.23529411764707" y1="179" y2="181" stroke="black"></line> <line x1="198.23529411764707" x2="198.23529411764707" y1="20" y2="179" stroke="black" opacity="0.2"></line> <line x1="213.52941176470588" x2="213.52941176470588" y1="179" y2="181" stroke="black"></line> <line x1="213.52941176470588" x2="213.52941176470588" y1="20" y2="179" stroke="black" opacity="0.2"></line> <line x1="228.8235294117647" x2="228.8235294117647" y1="179" y2="181" stroke="black"></line> <line x1="228.8235294117647" x2="228.8235294117647" y1="20" y2="179" stroke="black" opacity="0.2"></line> <line x1="244.1176470588235" x2="244.1176470588235" y1="179" y2="181" stroke="black"></line> <line x1="244.1176470588235" x2="244.1176470588235" y1="20" y2="179" stroke="black" opacity="0.2"></line> <line x1="259.4117647058823" x2="259.4117647058823" y1="179" y2="183" stroke="black"></line> <line x1="259.4117647058823" x2="259.4117647058823" y1="20" y2="179" stroke="black" opacity="0.2"></line> <text y="193" x="259.4117647058823" fill="black" font-size="12" text-anchor="middle" font-family="sans-serif"> 30</text> <line x1="274.70588235294116" x2="274.70588235294116" y1="179" y2="181" stroke="black"></line> <line x1="274.70588235294116" x2="274.70588235294116" y1="20" y2="179" stroke="black" opacity="0.2"></line> <line x1="290.0" x2="290.0" y1="179" y2="181" stroke="black"></line> <line x1="290.0" x2="290.0" y1="20" y2="179" stroke="black" opacity="0.2"></line> <line x1="30" x2="27" y1="179.0" y2="179.0" stroke="black"></line> <line x1="30" x2="290" y1="179.0" y2="179.0" opacity="0.2" stroke="black"></line> <line x1="30" x2="27" y1="165.75" y2="165.75" stroke="black"></line> <line x1="30" x2="290" y1="165.75" y2="165.75" opacity="0.2" stroke="black"></line> <text y="169.75" x="24" fill="black" font-size="12" text-anchor="end" font-family="sans-serif"> 42</text> <line x1="30" x2="27" y1="152.5" y2="152.5" stroke="black"></line> <line x1="30" x2="290" y1="152.5" y2="152.5" opacity="0.2" stroke="black"></line> <line x1="30" x2="27" y1="139.25" y2="139.25" stroke="black"></line> <line x1="30" x2="290" y1="139.25" y2="139.25" opacity="0.2" stroke="black"></line> <text y="143.25" x="24" fill="black" font-size="12" text-anchor="end" font-family="sans-serif"> 44</text> <line x1="30" x2="27" y1="126.0" y2="126.0" stroke="black"></line> <line x1="30" x2="290" y1="126.0" y2="126.0" opacity="0.2" stroke="black"></line> <line x1="30" x2="27" y1="112.75" y2="112.75" stroke="black"></line> <line x1="30" x2="290" y1="112.75" y2="112.75" opacity="0.2" stroke="black"></line> <text y="116.75" x="24" fill="black" font-size="12" text-anchor="end" font-family="sans-serif"> 46</text> <line x1="30" x2="27" y1="99.5" y2="99.5" stroke="black"></line> <line x1="30" x2="290" y1="99.5" y2="99.5" opacity="0.2" stroke="black"></line> <line x1="30" x2="27" y1="86.25" y2="86.25" stroke="black"></line> <line x1="30" x2="290" y1="86.25" y2="86.25" opacity="0.2" stroke="black"></line> <text y="90.25" x="24" fill="black" font-size="12" text-anchor="end" font-family="sans-serif"> 48</text> <line x1="30" x2="27" y1="73.0" y2="73.0" stroke="black"></line> <line x1="30" x2="290" y1="73.0" y2="73.0" opacity="0.2" stroke="black"></line> <line x1="30" x2="27" y1="59.75" y2="59.75" stroke="black"></line> <line x1="30" x2="290" y1="59.75" y2="59.75" opacity="0.2" stroke="black"></line> <text y="63.75" x="24" fill="black" font-size="12" text-anchor="end" font-family="sans-serif"> 50</text> <line x1="30" x2="27" y1="46.5" y2="46.5" stroke="black"></line> <line x1="30" x2="290" y1="46.5" y2="46.5" opacity="0.2" stroke="black"></line> <line x1="30" x2="27" y1="33.25" y2="33.25" stroke="black"></line> <line x1="30" x2="290" y1="33.25" y2="33.25" opacity="0.2" stroke="black"></line> <text y="37.25" x="24" fill="black" font-size="12" text-anchor="end" font-family="sans-serif"> 52</text> <line x1="30" x2="27" y1="20.0" y2="20.0" stroke="black"></line> <line x1="30" x2="290" y1="20.0" y2="20.0" opacity="0.2" stroke="black"></line> <line x1="30" x2="30" y1="20" y2="184" stroke="black"></line> <line x1="25" x2="290" y1="179" y2="179" stroke="black"></line></svg>