JSFiddle - React, Tailwind, and code Playground

by Anik Islam Abhi

JavaScript

var data = {
     "registration_by_month": [{
         "month": "November 2015",
             "registration_program": "Donor Program 1",
             "count": 3
     }, {
         "month": "November 2015",
             "registration_program": "Donor Program 2",
             "count": 4
     }, {
         "month": "December 2015",
             "registration_program": "Donor Program 1",
             "count": 5
     }, {
         "month": "December 2015",
             "registration_program": "Donor Program 2",
             "count": 6
     }],

         "donors_by_month": [{
         "month": "November 2015",
             "registration_program": "Donor Program 1",
             "count": 2
     }, {
         "month": "November 2015",
             "registration_program": "Donor Program 2",
             "count": 1
     }, {
         "month": "December 2015",
             "registration_program": "Donor Program 1",
             "count": 2
     }, {
         "month": "December 2015",
             "registration_program": "Donor Program 2",
             "count": 1
     }],

         "donated_amount_by_month": [{
         "month": "November 2015",
             "registration_program": "Donor Program 1",
             "amount": 100
     }, {
         "month": "November 2015",
             "registration_program": "Donor Program 2",
             "amount": 200
     }, {
         "month": "December 2015",
             "registration_program": "Donor Program 1",
             "amount": 50
     }, {
         "month": "December 2015",
             "registration_program": "Donor Program 2",
             "amount": 40
     }]
 };
 var temp = {};
 data.registration_by_month.forEach(function (x) {
     if (!temp[x.registration_program]) {
         temp[x.registration_program] = [];
     }
     var dtmon = data.donors_by_month.filter(function (y) {
         return y.registration_program == x.registration_program;
     });
     var dnmon = data.donated_amount_by_month.filter(function (y) {
      ...