Fork me on GitHub
Wave Plugin (jQuery)

Download

Minified Pretty

Wave Examples


$("#wave1").wave();

$("#wave2").wave({
    width: 800,
    amplitude: 40,
    color: "red",
    phase: -90,
    grid: true
});

$("#wave3").wave({
    width: 800,
    wavelength: 150,
    amplitude: 20,
    phase: -90,
    color: "yellow",
    bgColor: "brown",
    thickness: 2,
    grid: true,
    gridThickness: .3
});

$("#wave4").wave({
    width: 800,
    amplitude: 100,
    wavelength: 200,
    phase: -90,
    color: "yellow",
    bgColor: "brown",
    thickness: 3,
    grid: true,
    gridThickness: .5
});

$("#wave5").wave({
    width: 800,
    amplitude: 10,
    wavelength: 25,
    phase: -90,
    color: "DodgerBlue",
    bgColor: "#111",
    thickness: 2,
    paddingV: 20,
    paddingH: 20,
    grid: true,
    gridThickness: .3
});