JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/vue"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.1/css/bulma.css">
<div id="app">

  <table class="table is-bordered" id='pages_hm'>
    <th style = 'background-color: #e5e5ff'>Page Path</th>
    <th style = 'background-color: #e5e5ff'>Sessions</th>
    <th style = 'background-color: #e5e5ff'>Exit Rate</th>
    <th style = 'background-color: #e5e5ff'>Bounce Rate</th>
    <th style = 'background-color: #e5e5ff'>Avg. Time On Page</th>

    <tbody v-for="page in json">
      <tr>
        <td style = 'background-color: #e5e5ff'> 
        {{page.page_path}} </td>
        <td :style="{ 'background-color': sessionColor }">
        {{page.sessions}} </td>
        <td :style="{ 'background-color': exitColor }">
        {{page.exit_rate}} </td>
        <td :style="{ 'background-color': bounceClr }">
        {{page.bounce_rate}} </td>
        <td :style="{ 'background-color': timeClr }">
        {{page.avg_time_on_page}} </td>
      </tr>
  </table>
</div>

JavaScript

const file = [{
  "page_path": "/quizzes/371",
  "sessions": 1871,
  "page_views": 3716,
  "avg_page_load": 11.707571428571429,
  "bounce_rate": "46.9 %",
  "avg_time_on_page": "54.7 Seconds",
  "exit_rate": "35.9"
}, {
  "page_path": "/quizzes/1612",
  "sessions": 2753,
  "page_views": 3357,
  "avg_page_load": 9.888079365079367,
  "bounce_rate": "41.2 %",
  "avg_time_on_page": "73.0 Seconds",
  "exit_rate": "39.8"
}, {
  "page_path": "/quizzes/1963",
  "sessions": 2845,
  "page_views": 3371,
  "avg_page_load": 8.204769230769225,
  "bounce_rate": "17.0 %",
  "avg_time_on_page": "49.7 Seconds",
  "exit_rate": "22.8"
}, {
  "page_path": "/quizzes/1296",
  "sessions": 3047,
  "page_views": 3835,
  "avg_page_load": 12.132794557823129,
  "bounce_rate": "34.3 %",
  "avg_time_on_page": "106.1 Seconds",
  "exit_rate": "33.3"
}, {
  "page_path": "/quizzes/486",
  "sessions": 3249,
  "page_views": 4107,
  "avg_page_load": 17.19006598639457,
  "bounce_rate": "80.8 %",
  "avg_time_on_page": "151.4 Seconds",
  "exit_rate": "74.7"
}, {
  "page_path": "/quizzes/1916",
  "sessions": 3830,
  "page_views": 4906,
  "avg_page_load": 11.9803630952381,
  "bounce_rate": "21.4 %",
  "avg_time_on_page": "55.8 Seconds",
  "exit_rate": "21.8"
}, {
  "page_path": "/quizzes/1704",
  "sessions": 7805,
  "page_views": 9453,
  "avg_page_load": 10.150535559678422,
  "bounce_rate": "33.9 %",
  "avg_time_on_page": "64.5 Seconds",
  "exit_rate": "24.1"
}, {
  "page_path": "/quizzes/1800",
  "sessions": 11742,
  "page_views": 13798,
  "avg_page_load": 20.2226858974359,
  "bounce_rate": "85.8 %",
  "avg_time_on_page": "115.9 Seconds",
  "exit_rate": "71.3"
}, {
  "page_path": "/quizzes/1709",
  "sessions": 12355,
  "page_views": 14426,
  "avg_page_load": 10.30413639900405,
  "bounce_rate": "40.2 %",
  "avg_time_on_page": "50.4 Seconds",
  "exit_rate": "28.8"
}, {
  "page_path": "/quizzes/1589",
  "sessions": 15450,
  "page_views": 19147,
  "avg_page_load": 32.7863007936508,
  "bounce_rate": "80.6...