react-crop-comp
Version:
[](https://badge.fury.io/js/react-crop-component) 
86 lines (83 loc) • 7.17 kB
JavaScript
import React from 'react'
function Chart() {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
width='250'
height='65'
viewBox='0 0 250 65'
>
<path
fill='none'
d='M2.4752 43.276L6.2049 38.3748 9.2722 50.0981 13.9894 49.981 20.8212 50.4427 26.9792 48.8778 33.3927 50.3473 39.2485 35.0389 44.2446 34.593 49.0548 25.2335 53.9346 19.1864 57.978 32.5882 60.9523 33.5998 64.3915 35.9743 69.7826 37.4412 73.4309 34.4032 77.6136 43.8493 82.3076 50.9949 88.8606 49.0626 93.8101 47.9904 99.5033 51.5374 106.4513 51.449 112.7254 39.1151 116.6526 46.1621 123.5541 47.552 130.1071 52.0253 136.7065 42.799 140.0527 33.1222 145.8853 27.0635 149.7892 23.1786 155.2268 32.7712 159.456 30.7286 162.6395 31.6751 168.1933 20.1417 174.0491 13.7688 177.7207 20.1799 181.7407 14.3556 188.8049 5.8076 192.8715 3.0306 196.543 0.9127 200.261 0.6372 204.0487 5.9261 207.8829 7.5689 213.1578 12.7221 218.1771 18.3277 222.0578 21.6281 228.4016 12.2843 232.5379 18.3287 237.3248 14.7651 242.437 19.9102 247.5493 21.1571'
></path>
<path fill='none' d='M247.5493 64.3564L2.4752 64.3564'></path>
<path
fill='#36C2CE'
fillOpacity='0.098'
d='M247.5493 64.3564L2.4752 64.3564 2.4752 43.276 6.2049 38.3748 9.2722 50.0981 13.9894 49.981 20.8212 50.4427 26.9792 48.8778 33.3927 50.3473 39.2485 35.0389 44.2446 34.593 49.0548 25.2335 53.9346 19.1864 57.978 32.5882 60.9523 33.5998 64.3915 35.9743 69.7826 37.4412 73.4309 34.4032 77.6136 43.8493 82.3076 50.9949 88.8606 49.0626 93.8101 47.9904 99.5033 51.5374 106.4513 51.449 112.7254 39.1151 116.6526 46.1621 123.5541 47.552 130.1071 52.0253 136.7065 42.799 140.0527 33.1222 145.8853 27.0635 149.7892 23.1786 155.2268 32.7712 159.456 30.7286 162.6395 31.6751 168.1933 20.1417 174.0491 13.7688 177.7207 20.1799 181.7407 14.3556 188.8049 5.8076 192.8715 3.0306 196.543 0.9127 200.261 0.6372 204.0487 5.9261 207.8829 7.5689 213.1578 12.7221 218.1771 18.3277 222.0578 21.6281 228.4016 12.2843 232.5379 18.3287 237.3248 14.7651 242.437 19.9102 247.5493 21.1571z'
></path>
<ellipse cx='2.475' cy='43.276' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='6.205' cy='38.375' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='9.272' cy='50.098' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='13.989' cy='49.981' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='20.821' cy='50.443' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='26.979' cy='48.878' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='33.393' cy='50.347' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='39.248' cy='35.039' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='44.245' cy='34.593' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='49.055' cy='25.233' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='53.935' cy='19.186' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='57.978' cy='32.588' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='60.952' cy='33.6' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='64.391' cy='35.974' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='69.783' cy='37.441' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='73.431' cy='34.403' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='77.614' cy='43.849' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='82.308' cy='50.995' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='88.861' cy='49.063' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='93.81' cy='47.99' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='99.503' cy='51.537' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='106.451' cy='51.449' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='112.725' cy='39.115' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='116.653' cy='46.162' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='123.554' cy='47.552' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='130.107' cy='52.025' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='136.707' cy='42.799' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='140.053' cy='33.122' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='145.885' cy='27.064' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='149.789' cy='23.179' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='155.227' cy='32.771' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='159.456' cy='30.729' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='162.639' cy='31.675' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='168.193' cy='20.142' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='174.049' cy='13.769' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='177.721' cy='20.18' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='181.741' cy='14.356' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='188.805' cy='5.808' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='192.871' cy='3.031' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='196.543' cy='0.913' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='200.261' cy='0.637' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='204.049' cy='5.926' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='207.883' cy='7.569' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='213.158' cy='12.722' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='218.177' cy='18.328' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='222.058' cy='21.628' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='228.402' cy='12.284' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='232.538' cy='18.329' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='237.325' cy='14.765' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='242.437' cy='19.91' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='247.549' cy='21.157' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='247.549' cy='64.356' fill='none' rx='3' ry='3'></ellipse>
<ellipse cx='2.475' cy='64.356' fill='none' rx='3' ry='3'></ellipse>
<path
fill='none'
stroke='#36C2CE'
strokeLinejoin='bevel'
d='M2.4752 43.276L6.2049 38.3748 9.2722 50.0981 13.9894 49.981 20.8212 50.4427 26.9792 48.8778 33.3927 50.3473 39.2485 35.0389 44.2446 34.593 49.0548 25.2335 53.9346 19.1864 57.978 32.5882 60.9523 33.5998 64.3915 35.9743 69.7826 37.4412 73.4309 34.4032 77.6136 43.8493 82.3076 50.9949 88.8606 49.0626 93.8101 47.9904 99.5033 51.5374 106.4513 51.449 112.7254 39.1151 116.6526 46.1621 123.5541 47.552 130.1071 52.0253 136.7065 42.799 140.0527 33.1222 145.8853 27.0635 149.7892 23.1786 155.2268 32.7712 159.456 30.7286 162.6395 31.6751 168.1933 20.1417 174.0491 13.7688 177.7207 20.1799 181.7407 14.3556 188.8049 5.8076 192.8715 3.0306 196.543 0.9127 200.261 0.6372 204.0487 5.9261 207.8829 7.5689 213.1578 12.7221 218.1771 18.3277 222.0578 21.6281 228.4016 12.2843 232.5379 18.3287 237.3248 14.7651 242.437 19.9102 247.5493 21.1571'
></path>
<path fill='none' d='M0 0L250 0 250 65 0 65z'></path>
</svg>
)
}
export default Chart