simplify usage with RequireBin.com

WaveDrom can be used with RequireBin.com in the following way:

var wavedrom = require('wavedrom');

// some parameters
var lane = {
    xs     : 10,    // tmpgraphlane0.width
    ys     : 10,    // tmpgraphlane0.height
    xg     : 120,   // tmpgraphlane0.x
    // yg     : 0,     // head gap
    yh0    : 0,     // head gap title
    yh1    : 0,     // head gap
    yf0    : 0,     // foot gap
    yf1    : 0,     // foot gap
    y0     : 5,     // tmpgraphlane0.y
    yo     : 30,    // tmpgraphlane1.y - y0;
    tgo    : -10,   // tmptextlane0.x - xg;
    ym     : 150,    // tmptextlane0.y - y0
    xlabel : 6,     // tmptextlabel.x - xg;
    xmax   : 1,
    scale  : 1,
    head   : {},
    foot   : {}
};

// add div into body
var div = document.createElement('div');
div.id = 'a0';
document.body.appendChild(div);

// added waveform
wavedrom.renderWaveForm(
  0,
  { signal:
    [
        { name: "clk",     wave: "p....." },
        { name: "Data",    wave: "x345x.",  data: ["head", "body", "tail"] },
        { name: "Request", wave: "01..0." }
    ]
  },
  'a',
  lane
);

We should probably make simplified method to deal with it.

[drom]

Well, I have updated WaveDrom to v1.2.1 now wavedrom.renderWaveForm() ignores the last argument and don’t need the lane data structure.

var wavedrom = require('wavedrom');

// add div into body
var div = document.createElement('div');
div.id = 'a0';
document.body.appendChild(div);

// added waveform
wavedrom.renderWaveForm(
  0,
  { signal:
    [
        { name: "clk",     wave: "p....." },
        { name: "Data",    wave: "x345x.",  data: ["head", "body", "tail"] },
        { name: "Request", wave: "01..0." }
    ]
  },
  'a'
);

Plus one line in HTML.

<script src="http://wavedrom.com/skins/default.js" type="text/javascript"></script>

[drom]

LGTM