Template example

template.js

var containerNode = config.parent.querySelector('.chart-container')
if(!containerNode) {
    var template = '<div class=”chart-container”>'
        + '<svg class=”datahub-chart”>'
            + '<g class=”panel”>'
                + '<g class=”stripe-group”></g>'
                + '<g class=”bar-group”></g>'
                + '<g class=”y axis”></g>'
                + '<g class=”x axis”></g>'
                + '<g class=”title-container”>'
                    + '<text class=”y axis-title”></text>'
                    + '<text class=”x axis-title”></text>'
                    + '<text class=”chart-title”></text>'
                + '</g>'
                + '<g class=”message-group”></g>'
                + '<g class=”events”><rect class=”event-panel”></rect></g>'
            + '</g>'
        + '</svg>'
    + '</div>'
    containerNode = utils.appendHtmlToNode(template, config.parent)
}