<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_32441" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTkRFIg==--b6f3e4c8e057cbbd8e1b6b44f2e7f8be97d1b0bfe339ddeb763043dd41b17959"></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"># 51</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/9ef3b921fc6e971f10f4af6c92d6eaf1/appseconnect.svg" class="w-4 h-full" >
                <span class="text-gray-700">APPSeCONNECT</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"> +3</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">35.33
                    <span class="text-red-700 text-xs font-semibold"> -0.113</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">35.215
                    <span class="text-red-700 text-xs font-semibold"> -0.466</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">35.273
                    <span class="text-red-700 text-xs font-semibold"> -0.289</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32985" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekk1T0RVIg==--0d691722ac95601e2f78a6ae357097263098d76bad3be18c2c13d0bed95d5d78"></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"># 52</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/fca102c283d667eb51275a8c1730795f/traefik.svg" class="w-4 h-full" >
                <span class="text-gray-700">Traefik</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">( 36 )<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.453
                    <span class="text-red-700 text-xs font-semibold"> -0.542</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.542
                    <span class="text-red-700 text-xs font-semibold"> -0.344</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">32.998
                    <span class="text-red-700 text-xs font-semibold"> -0.443</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_46573" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZORFkxTnpNIg==--8e33fedc56bacdf787e8332263895fef5277a6549862e11275ce4635e750ec35"></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"># 53</span>
                <img src="https://images.g2crowd.com/uploads/product/favicon/24777/e59a7630d7acf2d5dbb9730d23b81613.png" class="w-4 h-full" >
                <span class="text-gray-700">Akana 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">( 10 )<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">16.135
                    <span class="text-red-700 text-xs font-semibold"> -0.082</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">37.454
                    <span class="text-red-700 text-xs font-semibold"> -0.259</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">26.795
                    <span class="text-red-700 text-xs font-semibold"> -0.17</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32445" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTkRVIg==--cbcb454ff41a3658e4f4aa9a4cff86a09b0519309b3b8316626766fc3c61bb24"></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"># 54</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/59e784e05df4a22ad48e2c73267c7f80/cdata-arc.svg" class="w-4 h-full" >
                <span class="text-gray-700">CData Arc</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">20.74
                    <span class="text-red-700 text-xs font-semibold"> -0.009</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.831
                    <span class="text-red-700 text-xs font-semibold"> -0.491</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">26.785
                    <span class="text-red-700 text-xs font-semibold"> -0.25</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32466" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTmpZIg==--71905461ff7f50243b424d4e1fb096f1479049bb7fbfa67f90eac072030e6940"></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"># 55</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/878fb8a92628b1c1b19e520d53f7758e/api-discovery-and-security-management-platform.svg" class="w-4 h-full" >
                <span class="text-gray-700">API Discovery and Security...</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">( 19 )<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">37.978
                    <span class="text-red-700 text-xs font-semibold"> -0.038</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">14.446
                    <span class="text-red-700 text-xs font-semibold"> -0.521</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">26.212
                    <span class="text-red-700 text-xs font-semibold"> -0.28</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_46384" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZORFl6T0RRIg==--2bdf3f28507d4814d9de6b01757dfcdd5723a3742880b07f922cbd616f6cc70e"></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"># 56</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/1487565866/elastic-io.svg" class="w-4 h-full" >
                <span class="text-gray-700">elastic.io</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">( 15 )<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">3.019
                    <span class="text-green-600 text-xs font-semibold"> +0.003</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">24.442
                    <span class="text-red-700 text-xs font-semibold"> -0.594</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">13.73
                    <span class="text-red-700 text-xs font-semibold"> -0.296</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32464" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTmpRIg==--1d08fd58cb41ad9d9fd55f052e7a5e55043ff92cb8ca42b5b7f33ccb06505ba5"></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"># 57</span>
                <img src="https://images.g2crowd.com/uploads/product/favicon/134567/b6d60b1e57a9247b3eb219af917de6df.png" class="w-4 h-full" >
                <span class="text-gray-700">PrestoAPI</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">( 11 )<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">16.861
                    <span class="text-red-700 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">9.187
                    <span class="text-green-600 text-xs font-semibold"> +0.013</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">13.024
                    <span class="text-red-700 text-xs font-semibold"> -0.035</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=5"   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 gap">&hellip;</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"   rel="prev" >5</a></span> <span class="page active">6</span> <span class="page next disabled">Next&nbsp;&rsaquo;</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>