JSFiddle - React, Tailwind, and code Playground

by jacobwsmith

JavaScript

console.clear();

// INITIAL DATA STRUCTURE
const data1 = {
  "rpt_data_date": "2019-06-18",
  "nielsen_campaign_id": "cmp1004356",
  "market_view_tree_id": "3652277",
  "nielsen_placement_id": "plc41245379",
  "country": "us",
  "dma": "510",
  "start_date": "2019-06-18",
  "end_date": "2019-06-18",
  "os_group": "NA",
  "access_method": "0",
  "platform": "OTT",
  "device_type": "STV",
  "creative_type": "0",
  "autoplay": "-9999",
  "autorefresh": "-9999",
  "metrics": "{\"Imp\":32,\"Bot\":0,\"Optout\":0}",
  "pdate": "2019-06-18",
  "timezone": "EST",
  "run_number": "000"
};
console.log("data1: ", typeof data1.metrics, " ", data1.metrics);

// REVISED DATA STRUCTURE
const data2 = {
  "rpt_data_date": "2019-06-18",
  "nielsen_campaign_id": "cmp1004356",
  "market_view_tree_id": "3652277",
  "nielsen_placement_id": "plc41245379",
  "country": "us",
  "dma": "510",
  "start_date": "2019-06-18",
  "end_date": "2019-06-18",
  "os_group": "NA",
  "access_method": "0",
  "platform": "OTT",
  "device_type": "STV",
  "creative_type": "0",
  "autoplay": "-9999",
  "autorefresh": "-9999",
  "metrics": {
    "Imp": 32,
    "Bot": 0,
    "Optout": 0
  },
  "pdate": "2019-06-18",
  "timezone": "EST",
  "run_number": "000"
};
console.log("data2: ", typeof data2.metrics, " ", data2.metrics);