<svg width="300" height="300" viewBox="0 0 300 300">
  <path d="M300,300 Q220,70 10,10" 
        fill="none" 
        stroke="#000" 
        stroke-width="2px"
        id="path"/>
  
  <path d="M16,2 4,7 6,18"
        fill="none" 
        stroke="#000" 
        stroke-width="2px"
        id="path2"/>

</svg>
#path{
  stroke-dashoffset: 0 1000px;
  stroke-dasharray: 0 1000px;
  animation: draw 3s linear infinite;
}

#path2{
   stroke-dashoffset: 0 100px;
  stroke-dasharray: 0 100px; 
  animation: view 3s linear infinite;
}

@keyframes draw{
  100%{
  stroke-dasharray: 1000px 1000px;  
  }
}

@keyframes view{
  100%{
      stroke-dasharray: 100px 100px;  
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.