covid-dashboard | COVID19 Dashboard - | Frontend Framework library

let data = [{
        "country": "Nigeria",
        "province": [
            "mainland"
        ],
        "timeline": {
            "cases": {
                "2/26/21": 155076,
                "2/27/21": 155417
            },
            "deaths": {
                "2/26/21": 1902,
                "2/27/21": 1905
            },
            "recovered": {
                "2/26/21": 132544,
                "2/27/21": 133256
            }
        }
    },
    {
        "country": "South Africa",
        "province": [
            "mainland"
        ],
        "timeline": {
            "cases": {
                "2/26/21": 1510778,
                "2/27/21": 1512225
            },
            "deaths": {
                "2/26/21": 49784,
                "2/27/21": 49941
            },
            "recovered": {
                "2/26/21": 1426417,
                "2/27/21": 1429047
            }
        }
    },
    null
]

const rebuildData = obj => {
    // create init object
    let output = []

    //start country loop
    for (let i = 0; i < data.length; i++) {

        // get single country
        const c = data[i];

        // if country is null next i
        if(c == null) continue;

        // get timeline
        let t = c.timeline;

        // loop thought cases representative for the others
        for (const key in t.cases) {
            if (Object.hasOwnProperty.call(t.cases, key)) {

                // build and push output
                output.push({
                    country: c.country,
                    date:key,
                    cases:t.cases[key],
                    deaths:t.deaths[key],
                    recovered:t.recovered[key],
                })
                
            }
        }
    }

    // return output
    return output;
}

console.log(rebuildData(data));