Как преобразовать данные JSON в XML и прочитать данные XML и нарисовать прямоугольник в HTML5?

Question

Это мои данные JSON: data.json

{
    "Frame_count":1,
    "output":[
        {
        "Objects_classname":"car1",
            "x_val":82.9883,
            "y_val":197.56245,
            "width":316.03088,
            "height":197.45451
        },

        {
        "Objects_classname":"car2",
            "x_val":522.4823,
            "y_val":170.47263,
            "width":64.66687,
            "height":61.78085
        },

        ]
        "Total_objects_detected":2,
},
{
    "Frame_count":2,
    "output":[
        {
        "Objects_classname":"car1",
            "x_val":123.68143,
            "y_val":201.01093,
            "width":297.69861,
            "height":189.92859
        },

        ]
        "Total_objects_detected":1,
}

Я хочу преобразовать эти данные JSON в допустимый формат файла XML.

Следующим шагом является чтение этих данных XML в HTML5.и он должен нарисовать прямоугольник.

Здесь я даю HTML-код для рисования прямоугольника с использованием данных JSON.аналогично, я хочу это в формате XML.

 var local_data = data;
        window.setInterval(ctx1.rect(local_data[j].output[k].x_val, local_data[j].output[k].y_val, local_data[j].output[k].width,local_data[j].output[k].height)