Wavy Canvas

var options = {
  radiuses: [10, 30, 50, 80, 120, 160, 200, 280],
  hexFillColor: '#fff',
  hexStrokeColor: '#fff',
  onlyWaves: false,
  duration: 3000,
  selector: '.js-demo-a',
  centerWave: {
    x: 250,
    y: 250
  }
};

var options = {
  radiuses: [10, 20, 30, 40, 50, 60, 70, 80],
  hexFillColor: '#fff',
  hexStrokeColor: '#fff',
  duration: 5000,
  selector: '.js-demo-b'
};

var options = {
  radiuses: [10, 30, 50, 80, 120, 500],
  hexFillColor: '#fff',
  hexStrokeColor: '#fff',
  duration: 1000,
  selector: '.js-demo-c'
};

var options = {
  radiuses: [10, 30, 50, 80, 120, 200],
  hexFillColor: '#fff',
  hexStrokeColor: '#fff',
  duration: 2500,
  selectorEl: document.querySelector('.js-demo-d')
};