Dynamically add elements to DOM and display new chart

api-chart-view.js

({
...
      renderChart: function () {
        if (!this.isChartReady()) {
            return;
        }

        var self = this;
        var id_val = "";
        var selector_str = "";
        _.each(this.chartDataArr, function (data, key) {
            id_val = 'example_chart' + key;
            selector_str = '#' + id_val + ' svg';
            $("#chart-section").append('<div id="' + id_val + '"><svg></svg></div>');
            d3.select(self.el).select(selector_str)
                .datum(data)
                .transition().duration(500)
                .call(self.chart);
        });
        
        this.chart_loaded = _.isFunction(this.chart.update);
    }
})