JSON to WordPress shortcode with vertical tabs navigation.

I need the following JSON served from an external URL to be parsed as vertical navigation and available to be displayed as a shortcode whenever I want on the page. Html must be parsed as well.
Navigation on the left side by using names with no page reload displayed in tabs.
Content on right.

```
{
"sortinginfo": [
{
"id": "91",
"name": "YELLOW SACK",
"description": "Designed for plastic, metal and multi-material packaging",
"content": "<div style='color: red;'>some text</div>",
"type": "1",
"colour": "#FFC40D",
"visible": "1"
},
{
"id": "92",
"name": "BLUE BAG",
"description": "Intended for paper and cardboard packaging",
"content": "<div style='color: #445522'>some text</div>",
"type": "11",
"colour": "#2D89EF",
"visible": "1"
},
{
"id": "93",
"name": "GREEN BAG",
"description": "Intended for coloured and colourless glass packaging",
"content":"<div style='color:#ff9900'>some text</div>",
"type": "21",
"colour": "#00A300",
"visible": "1"
}
]
}
```