<turbo-stream action="replace" target="g2_products_table"><template><div id="g2_products_table" class="mt-4">
    <p class="my-4">Google Developer Portal is listed in 1 categories:        
        <a class="text-gray-900 underline" data-action="click-&gt;g2-products#handleCategoryClick" href="/g2_products/google-developer-portal?g2_category_id=api-management-tools">API Management</a>
    </p>

    <div data-controller="dropdown"
     data-action="click->dropdown#toggle click@window->dropdown#hide"
     data-dropdown-open-value="false"
     data-dropdown-active-target="#dropdown-button"
     data-dropdown-active-class=""
     data-dropdown-invisible-class="opacity-0 scale-95"
     data-dropdown-visible-class="opacity-100 scale-100"
     data-dropdown-entering-class="ease-out duration-300"
     data-dropdown-enter-timeout=""
     data-dropdown-leaving-class=""
     data-dropdown-leave-timeout="" >

  <div class="relative mt-1 inline-block">
    <button data-dropdown-target="button" id="dropdown-button" type="button" class="relative w-full cursor-default rounded-lg border-2 bg-white py-2 px-3 text-left shadow-custom-shadow border-tertiary focus:border-tertiary focus:outline-none focus:ring-1 focus:ring-tertiary sm:text-sm" aria-haspopup="listbox" aria-expanded="true" aria-labelledby="listbox-label">
      API Management Tools
      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2 inline-block" viewBox="0 0 20 20" fill="currentColor">
        <path fill-rule="evenodd" d="M10 12a1 1 0 01-.707-.293l-3-3a1 1 0 011.414-1.414L10 9.586l2.293-2.293a1 1 0 011.414 1.414l-3 3A1 1 0 0110 12z" clip-rule="evenodd" />
      </svg>
    </button>

    <ul data-dropdown-target="menu" class="hidden z-20 list-none border border-tertiary absolute bottom-12 z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base ring-none focus:ring-none focus:outline-none sm:text-sm" tabindex="-1" role="listbox" aria-labelledby="listbox-label" aria-activedescendant="listbox-option-3">
        <a data-turbo-action="replace" data-turbo-frame="pagy-products" class="block px-4 py-2 text-sm text-gray-700 hover:bg-off-white hover:text-secondary" role="menuitem" href="/g2_products/google-developer-portal?g2_category_id=api-management-tools">API Management Tools</a>
    </ul>
  </div>
</div>
    
    <div class="flex flex-row w-full justify-between my-4">
      <a href="#" data-action="click->g2-products#change_week" data-ref-date="2026-09-28" data-direction="prev" class="btn btn-white">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-3">
          <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18" />
        </svg>
        <span>Previous week</span>
      </a>
      <a href="#" class="btn btn-white" data-action="click->g2-products#change_week" data-ref-date="2026-09-28" data-direction="next">
        <span class="">Next week</span>
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 ml-3">
          <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" />
        </svg>
      </a>
    </div>

    <div data-controller="rank-tracking-chart" data-rank-tracking-chart-labels-value="[&quot;07 Sep 26&quot;, &quot;14 Sep 26&quot;, &quot;21 Sep 26&quot;, &quot;28 Sep 26&quot;]" data-rank-tracking-chart-datasets-value="[{&quot;label&quot;:&quot;Postman&quot;,&quot;data&quot;:[1,1,1,1]},{&quot;label&quot;:&quot;MuleSoft Anypoint Platform&quot;,&quot;data&quot;:[3,3,2,2]},{&quot;label&quot;:&quot;Celigo&quot;,&quot;data&quot;:[2,2,3,3]},{&quot;label&quot;:&quot;Kong Konnect&quot;,&quot;data&quot;:[4,4,4,4]},{&quot;label&quot;:&quot;Workato&quot;,&quot;data&quot;:[5,5,5,5]},{&quot;label&quot;:&quot;Apidog&quot;,&quot;data&quot;:[6,6,6,6]},{&quot;label&quot;:&quot;Apigee Edge&quot;,&quot;data&quot;:[7,7,7,7]},{&quot;label&quot;:&quot;Amazon API Gateway&quot;,&quot;data&quot;:[8,9,8,8]},{&quot;label&quot;:&quot;Boomi&quot;,&quot;data&quot;:[9,8,9,9]},{&quot;label&quot;:&quot;SnapLogic Agentic Integration and Applied AI Platform&quot;,&quot;data&quot;:[10,10,10,10]},{&quot;label&quot;:&quot;Google Developer Portal&quot;,&quot;data&quot;:[32,32,33,34]}]" data-chart-type="rankings" class="my-4 bg-white p-4 shadow">
      <canvas id="chartCanvas"></canvas>
    </div>
    
    <div class="overflow-scroll my-4">
    <table class="min-w-full table-fixed divide-y divide-gray-300 bg-white overflow-scroll border-t border-slate-300 border-l border-b ">
        <thead class="">
            <th scope="col" class="whitespace-nowrap min-w-24 sticky left-0 pl-4 z-10 py-3.5 pr-3 text-left text-sm font-semibold text-gray-900 bg-white border-r border-slate-300"><span class= "text-gray-700 mr-1">Product</span></th>
            <th scope="col" class="whitespace-nowrap w-24 px-3 sticky top-0 py-3.5 text-left text-sm font-semibold text-gray-900 border-r border-slate-300"><span class= "text-gray-700 mr-1">Review score (count) <span class="text-green-600 text-xs">WoW &#916;</span></th>
            <th scope="col" class="whitespace-nowrap w-24 px-3 sticky top-0 py-3.5 text-left text-sm font-semibold text-gray-900 border-r border-slate-300"><span class= "text-gray-700 mr-1">Satisfaction score</span><span class="text-green-600 text-xs">WoW &#916;</span></th>
            <th scope="col" class="whitespace-nowrap w-24 px-3 sticky top-0 py-3.5 text-left text-sm font-semibold text-gray-900 border-r border-slate-300"><span class="text-gray-700 mr-1">Popularity score</span><span class="text-green-600 text-xs">WoW &#916;</span></th>
            <th scope="col" class="whitespace-nowrap w-24 px-3 sticky top-0 py-3.5 text-left text-sm font-semibold text-gray-900 border-r border-slate-300"><span class="text-gray-700 mr-1">Total</span><span class="text-green-600 text-xs">WoW &#916;</span></th>
        </thead>
        <tbody class="divide-y divide-gray-200 bg-white">        
            <div id="g2_product_32235" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekl5TXpVIg==--6277f8d1b281ada539a5a9627c9402096563b37a8f43cb3f9b120a8802d5690d"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 1</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/1535488313/postman.svg" class="w-4 h-full" >
                <span class="text-gray-700">Postman</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.6</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 1798 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">96.715
                    <span class="text-green-600 text-xs font-semibold"> +0.01</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">77.649
                    <span class="text-red-700 text-xs font-semibold"> -0.228</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">87.182
                    <span class="text-red-700 text-xs font-semibold"> -0.11</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32407" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTURjIg==--53702ae030a632720e3e1b76cf460150a198e2bd8ca240650148c0af5f8b8544"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 2</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/d763ac0221fcc0848182458b48016e06/mulesoft-anypoint-platform%282%29.svg" class="w-4 h-full" >
                <span class="text-gray-700">MuleSoft Anypoint Platform</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.5</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 894 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">77.372
                    <span class="text-green-600 text-xs font-semibold"> +0.264</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">92.062
                    <span class="text-green-600 text-xs font-semibold"> +0.042</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">84.717
                    <span class="text-green-600 text-xs font-semibold"> +0.153</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32952" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekk1TlRJIg==--65f34cc46b52235b521c8fef283affec81738bc24b57b42bf377a98d698f1633"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 3</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/65cfa0101c8ae962f026e41cf870231b/celigo.svg" class="w-4 h-full" >
                <span class="text-gray-700">Celigo</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.7</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 1102 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">93.508
                    <span class="text-green-600 text-xs font-semibold"> +0.097</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">73.172
                    <span class="text-red-700 text-xs font-semibold"> -0.25</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">83.34
                    <span class="text-red-700 text-xs font-semibold"> -0.077</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32409" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTURrIg==--7827ac289359d95d3030683c55dd15375052e9ebed692b477e162d3c427aa933"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 4</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/9a7b58e9d271cfba8efd4f03911c71dd/kong-inc-kong-konnect.svg" class="w-4 h-full" >
                <span class="text-gray-700">Kong Konnect</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.4</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 348 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">79.908
                    <span class="text-green-600 text-xs font-semibold"> +0.131</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">75.456
                    <span class="text-red-700 text-xs font-semibold"> -0.292</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">77.682
                    <span class="text-red-700 text-xs font-semibold"> -0.081</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32439" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTXprIg==--0593d421f4401547abdf076d451f9d52065511f42e0b29953c21257beb88c725"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 5</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/5e21242185438a3b63b0b3cc5eb921b0/workato.svg" class="w-4 h-full" >
                <span class="text-gray-700">Workato</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.7</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 799 )<span class="text-green-600 text-xs font-semibold"> +20</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">78.331
                    <span class="text-green-600 text-xs font-semibold"> +0.254</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">69.765
                    <span class="text-red-700 text-xs font-semibold"> -0.511</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">74.048
                    <span class="text-red-700 text-xs font-semibold"> -0.128</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_46199" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZORFl4T1RrIg==--a1dcc0bb01a73889e8c2be91a66cb5fe103c50c5474ff8ef2f563ce622543474"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 6</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/9c3eedb4147065721d2464f6f7951369/apidog.svg" class="w-4 h-full" >
                <span class="text-gray-700">Apidog</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.9</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg></div> <span class="ml-3">( 229 )<span class="text-green-600 text-xs font-semibold"> +3</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">84.955
                    <span class="text-green-600 text-xs font-semibold"> +0.437</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">56.288
                    <span class="text-green-600 text-xs font-semibold"> +0.311</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">70.622
                    <span class="text-green-600 text-xs font-semibold"> +0.375</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32438" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTXpnIg==--14e8745c944a68e0579ab2e36a71d508d67f844442234a6a588354c348be65b0"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 7</span>
                <img src="https://images.g2crowd.com/uploads/product/favicon/13694/8a59eb33dc70ffb74246a39170511a24.png" class="w-4 h-full" >
                <span class="text-gray-700">Apigee Edge</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.4</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 29 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">67.878
                    <span class="text-green-600 text-xs font-semibold"> +0.067</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">69.014
                    <span class="text-red-700 text-xs font-semibold"> -0.29</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">68.446
                    <span class="text-red-700 text-xs font-semibold"> -0.112</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32428" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTWpnIg==--7ca2ecf633627bc742989a86d6555d1adfd89bf201cd3764222daa0cf3eeb4d1"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 8</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/1528476494/amazon-api-gateway.svg" class="w-4 h-full" >
                <span class="text-gray-700">Amazon API Gateway</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.3</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 142 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">49.205
                    <span class="text-green-600 text-xs font-semibold"> +0.04</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">84.878
                    <span class="text-red-700 text-xs font-semibold"> -0.176</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">67.041
                    <span class="text-red-700 text-xs font-semibold"> -0.068</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32406" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTURZIg==--bb64ed4dba9ef2393e8f136f050eed809bbcf070ee9522dd0f196cc2864e17e7"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 9</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/0dc125a14d4f324d05708e7f18ac52f8/boomi.svg" class="w-4 h-full" >
                <span class="text-gray-700">Boomi</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.4</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 505 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">55.341
                    <span class="text-red-700 text-xs font-semibold"> -0.098</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">78.528
                    <span class="text-red-700 text-xs font-semibold"> -0.22</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">66.935
                    <span class="text-red-700 text-xs font-semibold"> -0.158</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32437" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTXpjIg==--013c4f3676c1990563dc2e86c93cc77b141e5c3e7e741f7dbbb712ce6816c17c"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 10</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/912d8776f7f16fdcaacfee88f3cc18a9/snaplogic-agentic-integration-and-applied-ai-platform.svg" class="w-4 h-full" >
                <span class="text-gray-700">SnapLogic Agentic Integration and Applied AI Platform</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.4</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 408 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">66.767
                    <span class="text-green-600 text-xs font-semibold"> +0.043</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">61.346
                    <span class="text-red-700 text-xs font-semibold"> -0.359</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">64.056
                    <span class="text-red-700 text-xs font-semibold"> -0.159</span></span>
                </span>
            </div>
        </td>
       
</tr>
        </tbody>
    </table>
</div>
    
    <div class="my-6 flex flex-row justify-between items-center">
      <div class="min-w-1/4">
      </div>
      <div class="text-center min-w-1/2 whitespace-nowrap">                    
        <nav class="pagy-nav pagination"><span class="page prev disabled">&lsaquo;&nbsp;Prev</span> <span class="page active">1</span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=2"   rel="next" >2</a></span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=3"   >3</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=6"   >6</a></span> <span class="page next"><a href="/g2_products/google-developer-portal?product_page=2"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
      </div>
      <div class="min-w-1/4 flex flex-row justify-end">        
          <div data-controller="dropdown"
     data-action="click->dropdown#toggle click@window->dropdown#hide"
     data-dropdown-open-value="false"
     data-dropdown-active-target="#dropdown-button"
     data-dropdown-active-class=""
     data-dropdown-invisible-class="opacity-0 scale-95"
     data-dropdown-visible-class="opacity-100 scale-100"
     data-dropdown-entering-class="ease-out duration-300"
     data-dropdown-enter-timeout=""
     data-dropdown-leaving-class=""
     data-dropdown-leave-timeout="" >

  <div class="relative mt-1 inline-block">
    <button data-dropdown-target="button" id="dropdown-button" type="button" class="relative w-full cursor-default rounded-lg border-2 bg-white py-2 px-3 text-left shadow-custom-shadow border-tertiary focus:border-tertiary focus:outline-none focus:ring-1 focus:ring-tertiary sm:text-sm" aria-haspopup="listbox" aria-expanded="true" aria-labelledby="listbox-label">
      10
      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2 inline-block" viewBox="0 0 20 20" fill="currentColor">
        <path fill-rule="evenodd" d="M10 12a1 1 0 01-.707-.293l-3-3a1 1 0 011.414-1.414L10 9.586l2.293-2.293a1 1 0 011.414 1.414l-3 3A1 1 0 0110 12z" clip-rule="evenodd" />
      </svg>
    </button>

    <ul data-dropdown-target="menu" class="hidden z-20 list-none border border-tertiary absolute bottom-12 z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base ring-none focus:ring-none focus:outline-none sm:text-sm" tabindex="-1" role="listbox" aria-labelledby="listbox-label" aria-activedescendant="listbox-option-3">
        <a data-turbo-action="replace" data-turbo-frame="pagy-products" class="block px-4 py-2 text-sm text-gray-700 hover:bg-off-white hover:text-secondary" role="menuitem" href="/g2_products/google-developer-portal?products_per_page=10">10</a>
        <a data-turbo-action="replace" data-turbo-frame="pagy-products" class="block px-4 py-2 text-sm text-gray-700 hover:bg-off-white hover:text-secondary" role="menuitem" href="/g2_products/google-developer-portal?products_per_page=25">25</a>
        <a data-turbo-action="replace" data-turbo-frame="pagy-products" class="block px-4 py-2 text-sm text-gray-700 hover:bg-off-white hover:text-secondary" role="menuitem" href="/g2_products/google-developer-portal?products_per_page=100">100</a>
    </ul>
  </div>
</div>
      </div>
    </div>

    <h2 class="h3">Overall score over time</h2>

    <div data-controller="rank-tracking-chart" data-rank-tracking-chart-labels-value="[&quot;07 Sep 26&quot;, &quot;14 Sep 26&quot;, &quot;21 Sep 26&quot;, &quot;28 Sep 26&quot;]" data-rank-tracking-chart-datasets-value="[{&quot;label&quot;:&quot;Postman&quot;,&quot;data&quot;:[87.675,87.615,87.292,87.182]},{&quot;label&quot;:&quot;MuleSoft Anypoint Platform&quot;,&quot;data&quot;:[78.678,79.594,84.564,84.717]},{&quot;label&quot;:&quot;Celigo&quot;,&quot;data&quot;:[83.612,83.669,83.417,83.34]},{&quot;label&quot;:&quot;Kong Konnect&quot;,&quot;data&quot;:[78.016,78.251,77.763,77.682]},{&quot;label&quot;:&quot;Workato&quot;,&quot;data&quot;:[74.788,74.592,74.176,74.048]},{&quot;label&quot;:&quot;Apidog&quot;,&quot;data&quot;:[70.702,70.588,70.247,70.622]},{&quot;label&quot;:&quot;Apigee Edge&quot;,&quot;data&quot;:[69.043,68.833,68.558,68.446]},{&quot;label&quot;:&quot;Amazon API Gateway&quot;,&quot;data&quot;:[67.818,67.67,67.109,67.041]},{&quot;label&quot;:&quot;Boomi&quot;,&quot;data&quot;:[67.655,67.671,67.093,66.935]},{&quot;label&quot;:&quot;SnapLogic Agentic Integration and Applied AI Platform&quot;,&quot;data&quot;:[64.652,64.377,64.215,64.056]},{&quot;label&quot;:&quot;Google Developer Portal&quot;,&quot;data&quot;:[50.187,49.911,49.539,49.364]}]" data-rank-tracking-chart-name-value="score" class="my-4 bg-white p-4 shadow">
      <canvas id="chartCanvas"></canvas>
    </div>

    <h2 class="h3">Review count over time</h2>
    <div data-controller="rank-tracking-chart" data-rank-tracking-chart-labels-value="[&quot;07 Sep 26&quot;, &quot;14 Sep 26&quot;, &quot;21 Sep 26&quot;, &quot;28 Sep 26&quot;]" data-rank-tracking-chart-datasets-value="[{&quot;label&quot;:&quot;Postman&quot;,&quot;data&quot;:[1798,1798,1798,1798]},{&quot;label&quot;:&quot;MuleSoft Anypoint Platform&quot;,&quot;data&quot;:[775,786,894,894]},{&quot;label&quot;:&quot;Celigo&quot;,&quot;data&quot;:[1103,1102,1102,1102]},{&quot;label&quot;:&quot;Kong Konnect&quot;,&quot;data&quot;:[346,348,348,348]},{&quot;label&quot;:&quot;Workato&quot;,&quot;data&quot;:[776,777,779,799]},{&quot;label&quot;:&quot;Apidog&quot;,&quot;data&quot;:[226,226,226,229]},{&quot;label&quot;:&quot;Apigee Edge&quot;,&quot;data&quot;:[29,29,29,29]},{&quot;label&quot;:&quot;Amazon API Gateway&quot;,&quot;data&quot;:[142,142,142,142]},{&quot;label&quot;:&quot;Boomi&quot;,&quot;data&quot;:[505,505,505,505]},{&quot;label&quot;:&quot;SnapLogic Agentic Integration and Applied AI Platform&quot;,&quot;data&quot;:[408,408,408,408]},{&quot;label&quot;:&quot;Google Developer Portal&quot;,&quot;data&quot;:[30,30,30,30]}]" data-rank-tracking-chart-name-value="review_count" class="my-4 bg-white p-4 shadow">
      <canvas id="chartCanvas"></canvas>
    </div>
</div></template></turbo-stream>
<turbo-stream action="replace" target="h1"><template><div id="h1" class="mb-4 flex flex-row items-center space-x-4 mb-7">
        <img class="w-12 h-12" src="https://images.g2crowd.com/uploads/product/favicon/67027/656369760144371af6254bf8534555e6.png" />
        <h2 class="text-3xl font-serif font-bold text-left" >
            Google Developer Portal G2 rankings
        </h2>
</div></template></turbo-stream>
<turbo-stream action="replace" target="hero"><template><div class="flex flex-col items-center justify-between mb-8 w-full" id="hero">
    <h1 class="h2 mx-auto mb-4 text-center">Google Developer Portal</h1>
    <span class="text-base text-gray-500 mx-auto mb-2">Access Google Developer Portal's categories & rankings over time</span>
    <span class="text-base text-gray-500 mx-auto">Search any product listed on G2 to get started</span>
</div></template></turbo-stream>