chart.svg 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox='0 0 560 260'>
  2. <defs>
  3. <style type="text/css">
  4. .dataset {
  5. fill-opacity: 0.2;
  6. -webkit-filter: url(#dropshadow);
  7. filter: url(#dropshadow);
  8. }
  9. #dataset-1 {
  10. fill: #52C0A5;
  11. }
  12. #dataset-2 {
  13. fill: #21A6EE;
  14. }
  15. #dataset-3 {
  16. fill: #807CCC;
  17. }
  18. </style>
  19. <filter id='dropshadow'>
  20. <feGaussianBlur in='SourceAlpha' stdDeviation='3'></feGaussianBlur>
  21. <feOffset dx='0' dy='0' result='offsetblur'></feOffset>
  22. <feComponentTransfer>
  23. <feFuncA slope='0.2' type='linear'></feFuncA>
  24. </feComponentTransfer>
  25. <feMerge>
  26. <feMergeNode></feMergeNode>
  27. <feMergeNode in='SourceGraphic'></feMergeNode>
  28. </feMerge>
  29. </filter>
  30. </defs>
  31. <g class='datasets'>
  32. <path class='dataset' id="dataset-3" d="M0,260c0,0,4-8,7-8c59,0,83-150,132-150s66,33,113,33s57-46,78-46c20,0,36,33,74,33s27-24,47-24
  33. c19,0,48,115,109,162L0,259V260z"/>
  34. <path class='dataset' id="dataset-2" d="M2.9,260c35-6,63-136,88-136c40.3,0,60,23.3,131,39c89.9,19.9,99-93,136.9-92.5c49,0.7,58.8,27.1,78.1,28.5
  35. c59.1,4.3,123.1-83.9,129-95c-0.6,48.8-0.8,79.1-1.4,124.3c-0.8,67.2-1.6,131.7-1.6,131.7S2.9,259,2.9,260z"/>
  36. <path class='dataset' id="dataset-1" d="M-0.1,260c0,0,22-61,64-61c41,0,48-55,90-55c41,0,40-18,62-18c21,0,47,58,98,58
  37. c31.5,0,68.1-47.1,152.7-69.1C519.9,101,565.9,4,565.9,4c-0.5,60-3,256-3,256H-0.1z"/>
  38. </g>
  39. </svg>