<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_31534" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekUxTXpRIg==--c6076480089a4aa0e27299253e952ca0b9ec881b263073e813689371bb75c161"></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"># 11</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/b5f8f986beca96ab0027c693ee762fb9/sap-integration-suite.svg" class="w-4 h-full" >
                <span class="text-gray-700">SAP Integration Suite</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">( 338 )<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">42.322
                    <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">84.909
                    <span class="text-red-700 text-xs font-semibold"> -0.196</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">63.615
                    <span class="text-red-700 text-xs font-semibold"> -0.077</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32454" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTlRRIg==--273fede4ae4e1bfdacdbb077305433b8ceb08429d8b70720bace1057df097fd5"></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"># 12</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/7b4d7d3f13ff9a655c3e07b1ab59128a/haproxy.svg" class="w-4 h-full" >
                <span class="text-gray-700">HAProxy</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">( 914 )<span class="text-green-600 text-xs font-semibold"> +1</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.876
                    <span class="text-red-700 text-xs font-semibold"> -0.142</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.921
                    <span class="text-red-700 text-xs font-semibold"> -0.428</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">63.398
                    <span class="text-red-700 text-xs font-semibold"> -0.285</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32467" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTmpjIg==--3f116d1fe1536fe7f8eb5dbd21b078921894488d3815f4b0f03f2448fcbd9bac"></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"># 13</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/895f8b972defe7b3ce64bfa57992e636/apigee-api-management.svg" class="w-4 h-full" >
                <span class="text-gray-700">Apigee 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.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">( 20 )<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">48.005
                    <span class="text-green-600 text-xs font-semibold"> +0.039</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.738
                    <span class="text-red-700 text-xs font-semibold"> -0.249</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">62.872
                    <span class="text-red-700 text-xs font-semibold"> -0.105</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32408" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTURnIg==--e2f36127cb355fcccc7da3f68dfc2f936eb0d95b4658d11d535b516e926874a6"></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"># 14</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/9ece71df3fd8e54936f283ddef8e737c/wso2-api-platform.svg" class="w-4 h-full" >
                <span class="text-gray-700">WSO2 API 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">( 145 )<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">56.374
                    <span class="text-green-600 text-xs font-semibold"> +0.083</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.667
                    <span class="text-red-700 text-xs font-semibold"> -0.262</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">62.02
                    <span class="text-red-700 text-xs font-semibold"> -0.09</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32450" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTlRBIg==--40b265ee96e9ecae59012a4ef2fb7bd4fda4a2f523b3ba9dfb781eb93c190b61"></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"># 15</span>
                <img src="https://images.g2crowd.com/uploads/product/favicon/41364/a0dd3b69b070bd68cb2788057f5cbfea.png" class="w-4 h-full" >
                <span class="text-gray-700">Google Apigee Sense</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">( 20 )<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">51.219
                    <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">69.928
                    <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">60.574
                    <span class="text-red-700 text-xs font-semibold"> -0.14</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32442" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTkRJIg==--10a9c42daa3727c29605b21315e84eefcd2d85b0271f996e9b8a19568ce80912"></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"># 16</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/8f956b46828329704c9be88ba9f43cbc/amplify-platform.svg" class="w-4 h-full" >
                <span class="text-gray-700">Amplify 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">( 106 )<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">52.629
                    <span class="text-green-600 text-xs font-semibold"> +0.001</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">65.685
                    <span class="text-red-700 text-xs font-semibold"> -0.32</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">59.157
                    <span class="text-red-700 text-xs font-semibold"> -0.16</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32457" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTlRjIg==--6af9abdaef974cba2fe1d9a9d2ef4bd925255d1d7eb7e0261decb0eb3b3a1725"></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"># 17</span>
                <img src="https://images.g2crowd.com/uploads/product/favicon/90753/5dcd441e7f083347942baa769da166e5.png" class="w-4 h-full" >
                <span class="text-gray-700">Microsoft Graph</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.1</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">( 37 )<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">39.849
                    <span class="text-red-700 text-xs font-semibold"> -0.03</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">76.257
                    <span class="text-red-700 text-xs font-semibold"> -0.229</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">58.053
                    <span class="text-red-700 text-xs font-semibold"> -0.13</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32410" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTVRBIg==--d99bcb67e0f27b17fdc8cbf45018b4d935c609a9f0afc04c1a8ba8e09fcefc8c"></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"># 18</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/1523893608/ibm-api-connect.svg" class="w-4 h-full" >
                <span class="text-gray-700">IBM API Connect</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">( 163 )<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.065
                    <span class="text-red-700 text-xs font-semibold"> -0.426</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">82.047
                    <span class="text-red-700 text-xs font-semibold"> -0.029</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">57.056
                    <span class="text-red-700 text-xs font-semibold"> -0.228</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_26875" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNalk0TnpVIg==--0cfae0429be5606d6d5195b0f453cfa2289c6bbc0d300de572138ec79d2977f0"></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"># 19</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/6f754a1a8809c13f66c00c798d9f9d55/singular.svg" class="w-4 h-full" >
                <span class="text-gray-700">Singular</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">( 529 )<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">61.624
                    <span class="text-red-700 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">51.096
                    <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">56.36
                    <span class="text-red-700 text-xs font-semibold"> -0.242</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32462" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTmpJIg==--545217d4171a5bba619a72ff120ca91286423db97c8f8f0d7d4784f9470bb47a"></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"># 20</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/e0ba475e2ecc7ffdce63b7585449137a/ibm-cloud-pak-for-integration.svg" class="w-4 h-full" >
                <span class="text-gray-700">IBM Cloud Pak for Integration</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">( 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">38.73
                    <span class="text-red-700 text-xs font-semibold"> -0.015</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.626
                    <span class="text-green-600 text-xs font-semibold"> +0.039</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">56.178
                    <span class="text-green-600 text-xs font-semibold"> +0.012</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=1"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=1"   rel="prev" >1</a></span> <span class="page active">2</span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=3"   rel="next" >3</a></span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=4"   >4</a></span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=5"   >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=3"   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>