JSFiddle - React, Tailwind, and code Playground
JavaScript
let str = `{
"query": {
"ids": [
55027
],
"dimensions": [
"ym:s:searchEngine"
],
"metrics": [
"ym:s:users"
],
"sort": [
"-ym:s:users"
],
"date1": "2017-09-01",
"date2": "2017-09-08",
"filters": "ym:s:startURLPath=='/kanctovary/'",
"limit": 10000,
"offset": 1,
"group": "Week",
"auto_group_size": "1",
"quantile": "50",
"offline_window": "21",
"attribution": "Last",
"currency": "RUB"
},
"data": [
{
"dimensions": [
{
"name": "Google, результаты поиска",
"id": "google_search",
"favicon": "google.com"
}
],
"metrics": [
904
]
},
{
"dimensions": [
{
"name": "Яндекс, результаты поиска",
"id": "yandex_search",
"favicon": "www.yandex.ru"
}
],
"metrics": [
229
]
},
{
"dimensions": [
{
"name": "Мобильный Яндекс",
"id": "yandex_mobile",
"favicon": "m.yandex.ru"
}
],
"metrics": [
60
]
},
{
"dimensions": [
{
"name": "Google: мобильное приложение",
"id": "google_mobile_app",
"favicon": "google.com"
}
],
"metrics": [
54
]
},
{
"dimensions": [
{
"name": "Яндекс: мобильное приложение",
"id": "yandex_mobile_app",
...