JSFiddle - React, Tailwind, and code Playground

by Shashank D

HTML

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Titre de la page</title>
  <link rel="stylesheet" href="">
  <script src="https://d3js.org/d3.v5.min.js"></script>
  <style>
  #cv{
    width: 100%;
  }
  </style>
</head>
<body>
   <svg id="cv">
    <defs>
          <pattern id="image" x="0" y="50" patternUnits="userSpaceOnUse" height="200" width="200">
              <image xlink:href="https://s22.postimg.cc/wo8h1qd3l/skw_Gx.jpg" x="20" y="0" width="200" height="200"></image>
          </pattern>
      </defs>   
   </svg>
     <script>
           d3.select("#cv")
             .attr("height",300)
             .append("circle")
             .attr("r", 100)
             .attr('cx', 40)
             .attr('cy', 150)
             .attr('fill','url(#image)')
             .transition()
             .duration(4000)
            .attr('cx', 920)
     </script>
</body>
</html>