<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_32461" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTmpFIg==--f82e214f75e11a2733f0150934c50884891bc86dce345db4ccc6fbc1e4b3fc18"></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"># 31</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/73f8cb57295f5f42a19b5d0ab97807ec/dckap-integrator.svg" class="w-4 h-full" >
                <span class="text-gray-700">DCKAP Integrator</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.8</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">( 55 )<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">64.47
                    <span class="text-red-700 text-xs font-semibold"> -0.063</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">39.159
                    <span class="text-red-700 text-xs font-semibold"> -0.388</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">51.814
                    <span class="text-red-700 text-xs font-semibold"> -0.226</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32448" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTkRnIg==--d2e62704938aba18615dd63d4d1ef5ef172c9bb74ada355cb7c935715d0b948e"></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"># 32</span>
                <img src="https://images.g2crowd.com/uploads/product/favicon/40558/750ef848bc1bc68677db0fc0a36810fe.png" class="w-4 h-full" >
                <span class="text-gray-700">Google Cloud Endpoints</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">( 13 )<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">27.24
                    <span class="text-red-700 text-xs font-semibold"> -0.07</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.101
                    <span class="text-red-700 text-xs font-semibold"> -0.261</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">50.67
                    <span class="text-red-700 text-xs font-semibold"> -0.166</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32447" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTkRjIg==--9f8b3ccdd1a5958ee77ded0699c60fd52ae1a778ac4e2cc8e026057bb964bf4a"></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">     
                <div class="text-green-600 flex flex-row space-x-2 items-center">
                    <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">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" />
                    </svg>
                    <span>1</span>
                </div>
                <span class="text-gray-700"># 33</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/35a79d76b92bbae80c6d9a28961ce7b0/tray-ai.svg" class="w-4 h-full" >
                <span class="text-gray-700">Tray.ai</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">( 158 )<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">54.491
                    <span class="text-green-600 text-xs font-semibold"> +0.315</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">44.322
                    <span class="text-red-700 text-xs font-semibold"> -0.393</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">49.406
                    <span class="text-red-700 text-xs font-semibold"> -0.04</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32455" class="w-full bg-orange-100 ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTlRVIg==--8cfedf6be5cd2a6fde62126a90519a8c0ec2fc93508372b2ba3316324162e8d9"></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-orange-100 border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <div class="text-red-700 flex flex-row space-x-2 items-center">
                    <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">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3" />
                    </svg>
                    <span>-1</span>
                </div>
                <span class="text-gray-700"># 34</span>
                <img src="https://images.g2crowd.com/uploads/product/favicon/67027/656369760144371af6254bf8534555e6.png" class="w-4 h-full" >
                <span class="text-gray-700">Google Developer Portal</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-orange-100 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">( 30 )<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-orange-100 border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">28.516
                    <span class="text-red-700 text-xs font-semibold"> -0.066</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-orange-100 border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">70.213
                    <span class="text-red-700 text-xs font-semibold"> -0.283</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-orange-100 border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">49.364
                    <span class="text-red-700 text-xs font-semibold"> -0.175</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32452" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTlRJIg==--36268b01da1f422a4c4ee13eb75425631fca3f1ec153d80a775da089d0189447"></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"># 35</span>
                <img src="https://images.g2crowd.com/uploads/product/favicon/52186/ff1e87be676be4eb44dc6aac2cd6015b.png" class="w-4 h-full" >
                <span class="text-gray-700">Azure API Apps</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">( 22 )<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">26.156
                    <span class="text-red-700 text-xs font-semibold"> -0.072</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">71.761
                    <span class="text-red-700 text-xs font-semibold"> -0.236</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">48.959
                    <span class="text-red-700 text-xs font-semibold"> -0.153</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32414" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTVRRIg==--80b69b141c2f86fdb937ddec42496fd7f137f482740deee133e3a653e8346bd8"></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"># 36</span>
                <img src="https://images.g2crowd.com/uploads/product/favicon/75719/d3cc1a4a0350e699f508a9fdf7056354.png" class="w-4 h-full" >
                <span class="text-gray-700">Backendless</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">( 56 )<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">69.679
                    <span class="text-red-700 text-xs font-semibold"> -0.102</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">27.332
                    <span class="text-red-700 text-xs font-semibold"> -0.682</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">48.506
                    <span class="text-red-700 text-xs font-semibold"> -0.392</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32443" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTkRNIg==--00337b7ea1793abd51d90db90c7c9db0d0b49b2bed5e41c972a566e9ef4843fa"></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">     
                <div class="text-green-600 flex flex-row space-x-2 items-center">
                    <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">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" />
                    </svg>
                    <span>1</span>
                </div>
                <span class="text-gray-700"># 37</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/ff7cf3c4d1a5abbcdd4888e61a1bd264/ibm-webmethods-api-management.svg" class="w-4 h-full" >
                <span class="text-gray-700">IBM webMethods API Management</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.2</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='#d1d5db' 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">( 39 )<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">32.874
                    <span class="text-red-700 text-xs font-semibold"> -0.193</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">63.667
                    <span class="text-red-700 text-xs font-semibold"> -0.037</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">48.271
                    <span class="text-red-700 text-xs font-semibold"> -0.115</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32453" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTlRNIg==--4815945872ea2098abfdc213aa8c2e0735a4f049c3f79c47db585d62e1941046"></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">     
                <div class="text-red-700 flex flex-row space-x-2 items-center">
                    <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">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3" />
                    </svg>
                    <span>-1</span>
                </div>
                <span class="text-gray-700"># 38</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/84ecf8b42b268ece87b2bbca2ba496fe/tyk.svg" class="w-4 h-full" >
                <span class="text-gray-700">Tyk</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">( 51 )<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">45.995
                    <span class="text-red-700 text-xs font-semibold"> -0.061</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">50.437
                    <span class="text-red-700 text-xs font-semibold"> -0.299</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">48.216
                    <span class="text-red-700 text-xs font-semibold"> -0.18</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32460" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTmpBIg==--a6038b63a95aa453d97a988d870012e512132f9e2fb9d3754765c18a132efe9b"></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"># 39</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/becff96e02b57959f4fe72253889b91e/krakend-api-gateway.svg" class="w-4 h-full" >
                <span class="text-gray-700">KrakenD 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.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">( 63 )<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.114
                    <span class="text-red-700 text-xs font-semibold"> -0.193</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">40.756
                    <span class="text-red-700 text-xs font-semibold"> -0.474</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">47.935
                    <span class="text-red-700 text-xs font-semibold"> -0.334</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32415" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTVRVIg==--e37ac6d0376a23f423906c444cfbdbd95ed3217085f0aedeaa79ce0d784259de"></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"># 40</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/9e8735fbe37a5e000899c9ed4b394b2c/frends.svg" class="w-4 h-full" >
                <span class="text-gray-700">Frends</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">( 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">40.004
                    <span class="text-red-700 text-xs font-semibold"> -0.183</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">53.827
                    <span class="text-red-700 text-xs font-semibold"> -0.395</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">46.915
                    <span class="text-red-700 text-xs font-semibold"> -0.289</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"><a href="/g2_products/google-developer-portal?product_page=3"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=1"   >1</a></span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=2"   >2</a></span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=3"   rel="prev" >3</a></span> <span class="page active">4</span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=5"   rel="next" >5</a></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=5"   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>