text: if ('undefined' !== typeof module) {
  
      module.exports = function initDemo(){
          /* ----------==========     Daily Sales Chart initialization For Documentation    ==========---------- */
  
          dataDailySalesChart = {
              labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
              series: [
                  [12, 17, 7, 17, 23, 18, 38]
              ]
          };
  
          optionsDailySalesChart = {
              lineSmooth: Chartist.Interpolation.cardinal({
                  tension: 0
              }),
              low: 0,
              high: 50, // creative tim: we recommend you to set the high sa the biggest value + something for a better look
              chartPadding: { top: 0, right: 0, bottom: 0, left: 0},
          }
  
          var dailySalesChart = new Chartist.Line('#dailySalesChart', dataDailySalesChart, optionsDailySalesChart);
  
          md.startAnimationForLineChart(dailySalesChart);
  
          /* ----------==========     Daily Sales Chart initialization    ==========---------- */
  
          dataDailySalesChart = {
              labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
              series: [
                  [12, 17, 7, 17, 23, 18, 38]
              ]
          };
  
          optionsDailySalesChart = {
              lineSmooth: Chartist.Interpolation.cardinal({
                  tension: 0
              }),
              low: 0,
              high: 50, // creative tim: we recommend you to set the high sa the biggest value + something for a better look
              chartPadding: { top: 0, right: 0, bottom: 0, left: 0},
          }
  
          var dailySalesChart = new Chartist.Line('#dailySalesChart', dataDailySalesChart, optionsDailySalesChart);
  
          md.startAnimationForLineChart(dailySalesChart);
  
  
  
          /* ----------==========     Completed Tasks Chart initialization    ==========---------- */
  
          dataCompletedTasksChart = {
              labels: ['Jan', 'feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug'],
              series: [
                  [230, 250, 450, 450, 300, 350, 480, 400]
              ]
          };
  
          optionsCompletedTasksChart = {
              lineSmooth: Chartist.Interpolation.cardinal({
                  tension: 0
              }),
              low: 0,
              high: 1000, // creative tim: we recommend you to set the high sa the biggest value + something for a better look
              chartPadding: { top: 0, right: 0, bottom: 0, left: 0}
          }
  
          var completedTasksChart = new Chartist.Line('#completedTasksChart', dataCompletedTasksChart, optionsCompletedTasksChart);
  
          // start animation for the Completed Tasks Chart - Line Chart
          md.startAnimationForLineChart(completedTasksChart);
  
  
  
          /* ----------==========     Emails Subscription Chart initialization    ==========---------- */
  
          var dataEmailsSubscriptionChart = {
            labels: ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
            series: [
              [542, 443, 320, 780, 553, 453, 326, 434, 568, 610, 756, 895]
  
            ]
          };
          var optionsEmailsSubscriptionChart = {
              axisX: {
                  showGrid: false
              },
              low: 0,
              high: 1000,
              chartPadding: { top: 0, right: 5, bottom: 0, left: 0}
          };
          var responsiveOptions = [
            ['screen and (max-width: 640px)', {
              seriesBarDistance: 5,
              axisX: {
                labelInterpolationFnc: function (value) {
                  return value[0];
                }
              }
            }]
          ];
          var emailsSubscriptionChart = Chartist.Bar('#emailsSubscriptionChart', dataEmailsSubscriptionChart, optionsEmailsSubscriptionChart, responsiveOptions);
  
          //start animation for the Emails Subscription Chart
          md.startAnimationForBarChart(emailsSubscriptionChart);
      }
  }
  