JSFiddle - React, Tailwind, and code Playground

by jairajdesai

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

JavaScript

$(document).ready(function() {
  var defaults = {
    pointers: {
      pointer1: {
        top: '0px',
        left: '75px',
      },
      pointer2: {
        top: '310px',
        left: '170px',
      },
      pointer3: {
        top: '50px',
        left: '80px'
      },
      pointer4: {
        top: '0px',
        left: '130px',
      },
      pointer5: {
        top: '310px',
        left: '205px',
      },
      pointer6: {
        top: '50px',
        left: '90px'
      }
    }
  };
  for (i in defaults.pointers) {
    $('.pointer-circle:eq(' + i + ')').css({
      top: i.top,
      left: i.left
    });
  }
}

);