feat: dynamic leaderboard ranked by HF activity + papers stats

Replace the hardcoded 16-org list with a ~40-org candidate pool that is
dynamically ranked by actual HuggingFace activity (models + datasets +
spaces created in the last year). Top 16 are shown with auto-assigned
colors from a palette (brand color overrides supported).

Also adds papers count to the organization stats badges, sourced from
the HF org overview API.

- organizations.ts: OrgCandidate[] with ~40 known AI orgs (AMD, Intel,
Qualcomm, EleutherAI, Unsloth, etc.)
- colors.ts: 20-color palette with assignColor() helper
- ranking.ts: getProviders fetches all candidates in parallel, ranks,
slices top 16
- OrganizationHeader: new papers stat badge

src/components/OrganizationHeader.tsx

@@ -172,6 +172,31 @@ const OrganizationHeader: React.FC<OrganizationHeaderProps> = ({
               </div>
             )}
             
+            {provider.authorsData && provider.authorsData.length > 1 ? (
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <div className="bg-background/60 rounded px-2 py-1 border border-border/40 cursor-pointer">
+                    <span className="font-semibold text-foreground">{(provider.numPapers || 0).toLocaleString()}</span>
+                    <span className="text-muted-foreground ml-1">papers</span>
+                  </div>
+                </TooltipTrigger>
+                <TooltipContent side="bottom">
+                  <div className="text-xs">
+                    {provider.authorsData.map(author => (
+                      <div key={`papers-${author.author}`}>
+                        {author.author}: {author.numPapers.toLocaleString()}
+                      </div>
+                    ))}
+                  </div>
+                </TooltipContent>
+              </Tooltip>
+            ) : (
+              <div className="bg-background/60 rounded px-2 py-1 border border-border/40">
+                <span className="font-semibold text-foreground">{(provider.numPapers || 0).toLocaleString()}</span>
+                <span className="text-muted-foreground ml-1">papers</span>
+              </div>
+            )}
+
             {provider.authorsData && provider.authorsData.length > 1 ? (
               <Tooltip>
                 <TooltipTrigger asChild>

src/constants/colors.ts

@@ -0,0 +1,15 @@
+const PALETTE = [
+  "#ff7000", "#1877F2", "#10A37F", "#DB4437",
+  "#F45098", "#0088cc", "#FEB800", "#76B900",
+  "#A020F0", "#e93b3b", "#4C6EE6", "#FEC912",
+  "#cc785c", "#00B4D8", "#2D6A4F", "#E07A5F",
+  "#6A4C93", "#1982C4", "#8AC926", "#FF595E",
+];
+
+export const assignColor = (
+  index: number,
+  brandColor?: string,
+): string => {
+  if (brandColor) return brandColor;
+  return PALETTE[index % PALETTE.length];
+};

src/constants/organizations.ts

@@ -1,20 +1,60 @@
-import { ProviderInfo } from "../types/heatmap";
+import { OrgCandidate } from "../types/heatmap";
 
-export const ORGANIZATIONS: ProviderInfo[] = [
-  { color: "#ff7000", authors: ["mistralai"] },
-  { color: "#1877F2", authors: ["meta-llama","facebook", ] },
-  { color: "#10A37F", authors: ["openai"] },
-  { color: "#cc785c", authors: ["Anthropic"] },
-  { color: "#DB4437", authors: ["google"] },
-  { color: "#F45098", authors: ["allenai"] },
-  { color: "#0088cc", authors: ["apple"] },
-  { color: "#FEB800", authors: ["microsoft"] },
-  { color: "#76B900", authors: ["nvidia"] },
-  { color: "#0088cc", authors: ["deepseek-ai"] },
-  { color: "#0088cc", authors: ["Qwen"] },
-  { color: "#4C6EE6", authors: ["CohereLabs"] },
-  { color: "#4C6EE6", authors: ["ibm-granite"] },
-  { color: "#A020F0", authors: ["stabilityai"] },
-  { color: "#FEC912", authors: ["huggingface", "OpenEvals", "HuggingFaceTB","HuggingFaceH4", "HuggingFaceM4", "HuggingFaceFW", "HuggingFaceFV","open-r1","parler-tts","nanotron","lerobot","distilbert"] },
-  { color: "#e93b3b", authors: ["ByteDance", "ByteDance-Seed", "bytedance-research"] },
+export const LEADERBOARD_SIZE = 16;
+
+export const CANDIDATES: OrgCandidate[] = [
+  // Original 16
+  { authors: ["mistralai"], color: "#ff7000" },
+  { authors: ["meta-llama", "facebook"], color: "#1877F2" },
+  { authors: ["openai"], color: "#10A37F" },
+  { authors: ["Anthropic"], color: "#cc785c" },
+  { authors: ["google"], color: "#DB4437" },
+  { authors: ["allenai"], color: "#F45098" },
+  { authors: ["apple"], color: "#0088cc" },
+  { authors: ["microsoft"], color: "#FEB800" },
+  { authors: ["nvidia"], color: "#76B900" },
+  { authors: ["deepseek-ai"] },
+  { authors: ["Qwen"] },
+  { authors: ["CohereLabs", "CohereForAI"] },
+  { authors: ["ibm-granite"] },
+  { authors: ["stabilityai"], color: "#A020F0" },
+  {
+    authors: [
+      "huggingface", "OpenEvals", "HuggingFaceTB", "HuggingFaceH4",
+      "HuggingFaceM4", "HuggingFaceFW", "HuggingFaceFV", "open-r1",
+      "parler-tts", "nanotron", "lerobot", "distilbert",
+    ],
+    color: "#FEC912",
+  },
+  { authors: ["ByteDance", "ByteDance-Seed", "bytedance-research"], color: "#e93b3b" },
+
+  // Hardware / chip companies
+  { authors: ["amd"], color: "#ED1C24" },
+  { authors: ["Intel"], color: "#0071C5" },
+  { authors: ["qualcomm"] },
+
+  // Research labs & open-source orgs
+  { authors: ["EleutherAI"] },
+  { authors: ["bigscience"] },
+  { authors: ["NousResearch"] },
+  { authors: ["tiiuae"] },
+  { authors: ["ai21labs"] },
+  { authors: ["Salesforce"] },
+  { authors: ["unsloth"] },
+  { authors: ["black-forest-labs"] },
+  { authors: ["sentence-transformers"] },
+
+  // Chinese AI labs
+  { authors: ["alibaba-nlp"] },
+  { authors: ["THUDM"] },
+  { authors: ["01-ai"] },
+  { authors: ["internlm"] },
+  { authors: ["baichuan-inc"] },
+
+  // Other notable orgs
+  { authors: ["xai-org"] },
+  { authors: ["amazon"] },
+  { authors: ["databricks"] },
+  { authors: ["Nexusflow"] },
+  { authors: ["Writer"] },
 ];

src/pages/index.tsx

@@ -5,7 +5,7 @@ import HeatmapGrid from "../components/HeatmapGrid";
 import Navbar from "../components/Navbar";
 import { getProviders } from "../utils/ranking";
 import { compactCalendarData, expandCalendarData } from "../utils/calendar";
-import { ORGANIZATIONS } from "../constants/organizations";
+import { CANDIDATES } from "../constants/organizations";
 
 interface PageProps {
   compactData: CompactCalendarData;
@@ -75,7 +75,7 @@ function Page({ compactData, providers }: PageProps) {
 
 export async function getStaticProps() {
   try {
-    const { calendarData, providers } = await getProviders(ORGANIZATIONS);
+    const { calendarData, providers } = await getProviders(CANDIDATES);
 
     return {
       props: {
@@ -89,7 +89,7 @@ export async function getStaticProps() {
     return {
       props: {
         compactData: {},
-        providers: ORGANIZATIONS,
+        providers: [],
       },
       revalidate: 60,
     };

src/types/heatmap.ts

@@ -9,6 +9,7 @@ export interface ProviderInfo {
   numSpaces?: number;
   numDatasets?: number;
   numFollowers?: number;
+  numPapers?: number;
   numUsers?: number;
   authorsData?: {
     author: string;
@@ -20,6 +21,7 @@ export interface ProviderInfo {
     numSpaces: number;
     numDatasets: number;
     numFollowers: number;
+    numPapers: number;
     numUsers: number;
   }[];
 }
@@ -52,3 +54,8 @@ export interface AuthorPageProvider {
   fullName?: string;
   avatarUrl?: string | null;
 }
+
+export interface OrgCandidate {
+  authors: string[];
+  color?: string;
+}

src/utils/authors.ts

@@ -10,6 +10,7 @@ interface AuthorData {
   numSpaces: number;
   numDatasets: number;
   numFollowers: number;
+  numPapers: number;
   numUsers: number;
 }
 
@@ -23,6 +24,7 @@ const createDefaultAuthorData = (author: string): AuthorData => ({
   numSpaces: 0,
   numDatasets: 0,
   numFollowers: 0,
+  numPapers: 0,
   numUsers: 0,
 });
 
@@ -36,6 +38,7 @@ const transformApiData = (author: string, data: any, isOrganization: boolean): A
   numSpaces: data.numSpaces || 0,
   numDatasets: data.numDatasets || 0,
   numFollowers: data.numFollowers || 0,
+  numPapers: data.numPapers || 0,
   numUsers: isOrganization ? (data.numUsers || 0) : 0,
 });
 
@@ -76,9 +79,10 @@ export async function fetchOrganizationData(authors: string[]) {
         numSpaces: acc.numSpaces + authorData.numSpaces,
         numDatasets: acc.numDatasets + authorData.numDatasets,
         numFollowers: acc.numFollowers + authorData.numFollowers,
+        numPapers: acc.numPapers + authorData.numPapers,
         numUsers: acc.numUsers + authorData.numUsers,
       }),
-      { numModels: 0, numSpaces: 0, numDatasets: 0, numFollowers: 0, numUsers: 0 }
+      { numModels: 0, numSpaces: 0, numDatasets: 0, numFollowers: 0, numPapers: 0, numUsers: 0 }
     );
 
     return {
@@ -104,6 +108,7 @@ export async function fetchOrganizationData(authors: string[]) {
       numSpaces: 0,
       numDatasets: 0,
       numFollowers: 0,
+      numPapers: 0,
       numUsers: 0,
     };
   }

src/utils/ranking.ts

@@ -1,6 +1,13 @@
-import { ProviderInfo, CalendarData, ModelData } from "../types/heatmap";
+import {
+  ProviderInfo,
+  CalendarData,
+  ModelData,
+  OrgCandidate,
+} from "../types/heatmap";
 import { generateCalendarData } from "./calendar";
 import { fetchAllProvidersData, fetchAllAuthorsData } from "./authors";
+import { assignColor } from "../constants/colors";
+import { LEADERBOARD_SIZE } from "../constants/organizations";
 
 export interface RankingBadge {
   className: string;
@@ -10,23 +17,27 @@ export interface RankingBadge {
 export const getRankingBadge = (rank: number): RankingBadge => {
   if (rank === 1) {
     return {
-      className: "absolute -top-4 -left-4 w-12 h-12 bg-gradient-to-br from-yellow-400 via-yellow-500 to-yellow-600 text-white rounded-full flex items-center justify-center text-lg font-bold shadow-2xl border-4 border-yellow-300",
-      icon: "👑"
+      className:
+        "absolute -top-4 -left-4 w-12 h-12 bg-gradient-to-br from-yellow-400 via-yellow-500 to-yellow-600 text-white rounded-full flex items-center justify-center text-lg font-bold shadow-2xl border-4 border-yellow-300",
+      icon: "👑",
     };
   } else if (rank === 2) {
     return {
-      className: "absolute -top-4 -left-4 w-10 h-10 bg-gradient-to-br from-gray-300 via-gray-400 to-gray-500 text-white rounded-full flex items-center justify-center text-base font-bold shadow-xl border-3 border-gray-200",
-      icon: "🥈"
+      className:
+        "absolute -top-4 -left-4 w-10 h-10 bg-gradient-to-br from-gray-300 via-gray-400 to-gray-500 text-white rounded-full flex items-center justify-center text-base font-bold shadow-xl border-3 border-gray-200",
+      icon: "🥈",
     };
   } else if (rank === 3) {
     return {
-      className: "absolute -top-4 -left-4 w-10 h-10 bg-gradient-to-br from-amber-600 via-amber-700 to-amber-800 text-white rounded-full flex items-center justify-center text-base font-bold shadow-xl border-3 border-amber-400",
-      icon: "🥉"
+      className:
+        "absolute -top-4 -left-4 w-10 h-10 bg-gradient-to-br from-amber-600 via-amber-700 to-amber-800 text-white rounded-full flex items-center justify-center text-base font-bold shadow-xl border-3 border-amber-400",
+      icon: "🥉",
     };
   } else {
     return {
-      className: "absolute -top-3 -left-3 w-8 h-8 bg-gradient-to-br from-blue-500 to-blue-600 text-white rounded-full flex items-center justify-center text-sm font-bold shadow-lg",
-      icon: null
+      className:
+        "absolute -top-3 -left-3 w-8 h-8 bg-gradient-to-br from-blue-500 to-blue-600 text-white rounded-full flex items-center justify-center text-sm font-bold shadow-lg",
+      icon: null,
     };
   }
 };
@@ -37,37 +48,60 @@ export const extractUniqueAuthors = (providers: ProviderInfo[]): string[] => {
 };
 
 export const sortProvidersByActivity = (
-  providers: ProviderInfo[], 
+  providers: ProviderInfo[],
   calendarData: CalendarData
 ): ProviderInfo[] => {
-  return providers.sort((providerA, providerB) => {
-    const providerAData = calendarData[providerA.authors[0]] || [];
-    const providerBData = calendarData[providerB.authors[0]] || [];
-    
-    const providerAActivityCount = providerAData.reduce(
-      (totalCount, day) => totalCount + day.count, 
+  return [...providers].sort((a, b) => {
+    const aCount = (calendarData[a.authors[0]] || []).reduce(
+      (sum, day) => sum + day.count,
       0
     );
-    const providerBActivityCount = providerBData.reduce(
-      (totalCount, day) => totalCount + day.count, 
+    const bCount = (calendarData[b.authors[0]] || []).reduce(
+      (sum, day) => sum + day.count,
       0
     );
-    
-    return providerBActivityCount - providerAActivityCount;
+    return bCount - aCount;
   });
 };
 
-export const getProviders = async (providers: ProviderInfo[]) => {
-  const uniqueAuthors = extractUniqueAuthors(providers);
-  
-  const authorModelsData: ModelData[] = await fetchAllAuthorsData(uniqueAuthors);
-  const providersWithMetadata = await fetchAllProvidersData(providers);
+const candidatesToProviders = (candidates: OrgCandidate[]): ProviderInfo[] =>
+  candidates.map((c) => ({
+    color: c.color || "",
+    authors: c.authors,
+  }));
 
-  const calendarData = generateCalendarData(authorModelsData, providersWithMetadata);
-  const sortedProvidersByActivity = sortProvidersByActivity(providersWithMetadata, calendarData);
+export const getProviders = async (candidates: OrgCandidate[]) => {
+  const allProviders = candidatesToProviders(candidates);
+
+  const uniqueAuthors = extractUniqueAuthors(allProviders);
+  const [authorModelsData, providersWithMetadata] = await Promise.all([
+    fetchAllAuthorsData(uniqueAuthors),
+    fetchAllProvidersData(allProviders),
+  ]);
+
+  const calendarData = generateCalendarData(
+    authorModelsData,
+    providersWithMetadata
+  );
+
+  const sorted = sortProvidersByActivity(providersWithMetadata, calendarData);
+  const topN = sorted.slice(0, LEADERBOARD_SIZE);
+
+  const coloredProviders = topN.map((provider, index) => ({
+    ...provider,
+    color: provider.color || assignColor(index),
+  }));
+
+  const topKeys = new Set(coloredProviders.map((p) => p.authors[0]));
+  const filteredCalendar: CalendarData = {};
+  for (const key of Object.keys(calendarData)) {
+    if (topKeys.has(key)) {
+      filteredCalendar[key] = calendarData[key];
+    }
+  }
 
   return {
-    calendarData,
-    providers: sortedProvidersByActivity,
+    calendarData: filteredCalendar,
+    providers: coloredProviders,
   };
-}; 
+};