JSFiddle - React, Tailwind, and code Playground

by sunil puvvada

JavaScript

var coordinates = {
  obligations: [
    {
      accountStatus: 'Yes',
      accountType: 'Credit Card',
      institution: 'Citibank',
      ownerShipType: 'Individual',
      sanctionAmount: 'N.A',
      outstandingAmount: '-20',
      emiAmount: 'N.A',
      totalTenure: 'N.A',
      createdDate: '2010-04-03',
      lastReportedDate: '2019-11-20',
      interestRate: '40.800'
    },
    {
      accountStatus: 'Yes',
      accountType: 'Credit Card',
      institution: 'Hongkong and Shanghai Banking\n            Corporation Limited',
      ownerShipType: 'Individual',
      sanctionAmount: 'N.A',
      outstandingAmount: '0',
      emiAmount: 'N.A',
      totalTenure: 'N.A',
      createdDate: '2013-04-09',
      lastReportedDate: '2019-11-30',
      interestRate: '39.6'
    },
    {
      accountStatus: 'Yes',
      accountType: 'Housing Loan',
      institution: 'Hongkong and Shanghai Banking\n            Corporation Limited',
      ownerShipType: 'Individual',
      sanctionAmount: '1852046',
      outstandingAmount: '673509',
      emiAmount: '20033',
      totalTenure: '240',
      createdDate: '2012-09-28',
      lastReportedDate: '2019-11-30',
      interestRate: '11.500'
    },
    {
      accountStatus: 'Yes',
      accountType: 'Housing Loan',
      institution: 'Hongkong and Shanghai Banking\n            Corporation Limited',
      ownerShipType: 'Individual',
      sanctionAmount: '5128838',
      outstandingAmount: '3683257',
      emiAmount: '51901',
      totalTenure: '240',
      createdDate: '2012-09-18',
      lastReportedDate: '2019-11-30',
      interestRate: '10.500'
    },
    {
      accountStatus: 'Yes',
      accountType: 'Housing Loan',
      institution: 'State Bank Of India',
      ownerShipType: 'Individual',
      sanctionAmount: 'N.A',
      outstandingAmount: '0',
      emiAmount: '25587',
      totalTenure: '6',
      createdDate: '2010-12-23',
      lastReportedDate: '2019-12-31',
      interestRate: '0009.000'
    },
    {
   ...