clear up confusion, show combined authors

src/components/OrganizationCard.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import { ProviderInfo } from "../types/heatmap";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
 
 interface OrganizationCardProps {
   provider: ProviderInfo;
@@ -15,66 +16,199 @@ const OrganizationCard: React.FC<OrganizationCardProps> = ({
   totalCount,
 }) => {
   return (
-    <div className="mb-4">
-      {/* Organization Name & Stats Badge */}
-      <div className="text-center bg-muted/20 rounded-lg p-3 border border-border/30">
-        {/* Avatar and Name Row */}
-        <div className="flex items-center justify-center gap-2 mb-2">
-          {provider.avatarUrl && (
-            <div className="relative">
-              <img 
-                src={provider.avatarUrl} 
-                alt={`${providerName} logo`}
-                className="w-8 h-8 rounded-md shadow-sm border border-border/50"
-              />
-              {provider.isVerified && (
-                <div className="absolute -bottom-0.5 -right-0.5 w-3 h-3 bg-blue-500 rounded-full flex items-center justify-center">
-                  <svg className="w-2 h-2 text-white" fill="currentColor" viewBox="0 0 20 20">
-                    <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
-                  </svg>
-                </div>
-              )}
-            </div>
-          )}
-          <h3 className="text-base font-bold text-foreground">
-            <a 
-              href={`https://huggingface.co/${calendarKey}`}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="hover:text-blue-500 hover:underline transition-colors duration-200"
-            >
-              {providerName}
-            </a>
-          </h3>
-        </div>
-        
-        {/* Compact Organization Stats */}
-        <div className="flex flex-wrap justify-center gap-2 text-xs mb-2">
-          <div className="bg-background/60 rounded px-2 py-1 border border-border/40">
-            <span className="font-semibold text-foreground">{(provider.numModels || 0).toLocaleString()}</span>
-            <span className="text-muted-foreground ml-1">models</span>
-          </div>
-          <div className="bg-background/60 rounded px-2 py-1 border border-border/40">
-            <span className="font-semibold text-foreground">{(provider.numDatasets || 0).toLocaleString()}</span>
-            <span className="text-muted-foreground ml-1">datasets</span>
+    <TooltipProvider>
+      <div className="mb-4">
+        {/* Organization Name & Stats Badge */}
+        <div className="text-center bg-muted/20 rounded-lg p-3 border border-border/30">
+          {/* Avatar and Name Row */}
+          <div className="flex items-center justify-center gap-2 mb-2">
+            {/* Multi-author avatars and names */}
+            {provider.authorsData && provider.authorsData.length > 1 ? (
+              <div className="flex items-center gap-2">
+                {provider.authorsData.slice(0, 2).map((authorData, index) => (
+                  <React.Fragment key={authorData.author}>
+                    {index > 0 && (
+                      <span className="text-muted-foreground text-sm font-medium mx-1">+</span>
+                    )}
+                    <div className="flex items-center gap-1">
+                      <div className="relative">
+                        <img 
+                          src={authorData.avatarUrl || `https://huggingface.co/${authorData.author}/avatar.jpg`} 
+                          alt={`${authorData.fullName} logo`}
+                          className="w-8 h-8 rounded-md shadow-sm border border-border/50"
+                          onError={(e) => {
+                            const target = e.target as HTMLImageElement;
+                            target.src = `https://ui-avatars.com/api/?name=${encodeURIComponent(authorData.fullName)}&background=random`;
+                          }}
+                        />
+                        {authorData.isVerified && (
+                          <div className="absolute -bottom-0.5 -right-0.5 w-3 h-3 bg-blue-500 rounded-full flex items-center justify-center">
+                            <svg className="w-2 h-2 text-white" fill="currentColor" viewBox="0 0 20 20">
+                              <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+                            </svg>
+                          </div>
+                        )}
+                      </div>
+                      <span className="text-base font-bold text-foreground">
+                        <a 
+                          href={`https://huggingface.co/${authorData.author}`}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="hover:text-blue-500 hover:underline transition-colors duration-200"
+                        >
+                          {authorData.author}
+                        </a>
+                      </span>
+                    </div>
+                  </React.Fragment>
+                ))}
+              </div>
+            ) : (
+              <div className="flex items-center gap-2">
+                {provider.avatarUrl && (
+                  <div className="relative">
+                    <img 
+                      src={provider.avatarUrl} 
+                      alt={`${providerName} logo`}
+                      className="w-8 h-8 rounded-md shadow-sm border border-border/50"
+                    />
+                    {provider.isVerified && (
+                      <div className="absolute -bottom-0.5 -right-0.5 w-3 h-3 bg-blue-500 rounded-full flex items-center justify-center">
+                        <svg className="w-2 h-2 text-white" fill="currentColor" viewBox="0 0 20 20">
+                          <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+                        </svg>
+                      </div>
+                    )}
+                  </div>
+                )}
+                <h3 className="text-base font-bold text-foreground">
+                  <a 
+                    href={`https://huggingface.co/${calendarKey}`}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="hover:text-blue-500 hover:underline transition-colors duration-200"
+                  >
+                    {providerName}
+                  </a>
+                </h3>
+              </div>
+            )}
           </div>
-          <div className="bg-background/60 rounded px-2 py-1 border border-border/40">
-            <span className="font-semibold text-foreground">{(provider.numSpaces || 0).toLocaleString()}</span>
-            <span className="text-muted-foreground ml-1">spaces</span>
+          
+          {/* Compact Organization Stats */}
+          <div className="flex flex-wrap justify-center gap-2 text-xs mb-3">
+            {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.numModels || 0).toLocaleString()}</span>
+                    <span className="text-muted-foreground ml-1">models</span>
+                  </div>
+                </TooltipTrigger>
+                <TooltipContent side="bottom">
+                  <div className="text-xs">
+                    {provider.authorsData.map(author => (
+                      <div key={`models-${author.author}`}>
+                        {author.author}: {author.numModels.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.numModels || 0).toLocaleString()}</span>
+                <span className="text-muted-foreground ml-1">models</span>
+              </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.numDatasets || 0).toLocaleString()}</span>
+                    <span className="text-muted-foreground ml-1">datasets</span>
+                  </div>
+                </TooltipTrigger>
+                <TooltipContent side="bottom">
+                  <div className="text-xs">
+                    {provider.authorsData.map(author => (
+                      <div key={`datasets-${author.author}`}>
+                        {author.author}: {author.numDatasets.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.numDatasets || 0).toLocaleString()}</span>
+                <span className="text-muted-foreground ml-1">datasets</span>
+              </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.numSpaces || 0).toLocaleString()}</span>
+                    <span className="text-muted-foreground ml-1">spaces</span>
+                  </div>
+                </TooltipTrigger>
+                <TooltipContent side="bottom">
+                  <div className="text-xs">
+                    {provider.authorsData.map(author => (
+                      <div key={`spaces-${author.author}`}>
+                        {author.author}: {author.numSpaces.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.numSpaces || 0).toLocaleString()}</span>
+                <span className="text-muted-foreground ml-1">spaces</span>
+              </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.numFollowers || 0).toLocaleString()}</span>
+                    <span className="text-muted-foreground ml-1">followers</span>
+                  </div>
+                </TooltipTrigger>
+                <TooltipContent side="bottom">
+                  <div className="text-xs">
+                    {provider.authorsData.map(author => (
+                      <div key={`followers-${author.author}`}>
+                        {author.author}: {author.numFollowers.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.numFollowers || 0).toLocaleString()}</span>
+                <span className="text-muted-foreground ml-1">followers</span>
+              </div>
+            )}
           </div>
-          <div className="bg-background/60 rounded px-2 py-1 border border-border/40">
-            <span className="font-semibold text-foreground">{(provider.numFollowers || 0).toLocaleString()}</span>
-            <span className="text-muted-foreground ml-1">followers</span>
+          
+          {/* Divider */}
+          <div className="border-t border-border/20 mb-3"></div>
+          
+          {/* Releases Past Year */}
+          <div className="text-xs text-muted-foreground italic">
+            <span className="font-bold text-foreground">{totalCount.toLocaleString()}</span> in the last year
           </div>
         </div>
-        
-        {/* Releases Past Year */}
-        <div className="text-xs text-muted-foreground italic">
-          <span className="font-bold text-foreground">{totalCount.toLocaleString()}</span> releases this past year
-        </div>
       </div>
-    </div>
+    </TooltipProvider>
   );
 };
 
-export default OrganizationCard; 
+export default OrganizationCard; 

src/components/ProviderSummary.tsx

@@ -71,7 +71,7 @@ const ProviderSummary: React.FC<ProviderSummaryProps> = ({
         
         {/* Release Count */}
         <div className="text-[10px] text-muted-foreground">
-          {totalCount} releases
+          {totalCount} in the last year
         </div>
         
  

src/pages/index.tsx

@@ -15,7 +15,7 @@ import { getRankingBadge } from "../utils/ranking";
 
 const PROVIDERS: ProviderInfo[] = [
   { color: "#ff7000", authors: ["mistralai"] },
-  { color: "#1877F2", authors: ["meta-llama", "facebook", ] },
+  { color: "#1877F2", authors: ["meta-llama","facebook", ] },
   { color: "#10A37F", authors: ["openai"] },
   { color: "#cc785c", authors: ["Anthropic"] },
   { color: "#DB4437", authors: ["google"] },
@@ -120,7 +120,7 @@ const OpenSourceHeatmap: React.FC<OpenSourceHeatmapProps> = ({
       </h1>
       <div className="text-center text-sm my-8 space-y-4">
         <p className="text-muted-foreground">
-          Open models, datasets, and apps from the top AI labs the past year.
+          Open models, datasets, and apps from the top AI labs in the last year.
         </p>
       </div>
 

src/types/heatmap.ts

@@ -10,6 +10,18 @@ export interface ProviderInfo {
   numDatasets?: number;
   numFollowers?: number;
   numUsers?: number;
+  authorsData?: {
+    author: string;
+    fullName: string;
+    avatarUrl: string | null;
+    isVerified: boolean;
+    isEnterprise: boolean;
+    numModels: number;
+    numSpaces: number;
+    numDatasets: number;
+    numFollowers: number;
+    numUsers: number;
+  }[];
 }
 
 export interface ModelData {

src/utils/authors.ts

@@ -1,50 +1,109 @@
 import { ProviderInfo, ModelData } from "../types/heatmap";
 
 export async function fetchOrganizationData(authors: string[]) {
-  const primaryAuthor = authors[0];
   try {
-    // Try organizations API first
-    const orgResponse = await fetch(`https://huggingface.co/api/organizations/${primaryAuthor}/overview`);
-    if (orgResponse.ok) {
-      const data = await orgResponse.json();
-      return {
-        fullName: data.fullname || primaryAuthor,
-        avatarUrl: data.avatarUrl || null,
-        isVerified: data.isVerified || false,
-        isEnterprise: data.isEnterprise || false,
-        numModels: data.numModels || 0,
-        numSpaces: data.numSpaces || 0,
-        numDatasets: data.numDatasets || 0,
-        numFollowers: data.numFollowers || 0,
-        numUsers: data.numUsers || 0,
-      };
-    }
-    
-    // Fallback to users API if organization doesn't exist
-    const userResponse = await fetch(`https://huggingface.co/api/users/${primaryAuthor}/overview`);
-    if (userResponse.ok) {
-      const data = await userResponse.json();
-      return {
-        fullName: data.fullname || primaryAuthor,
-        avatarUrl: data.avatarUrl || null,
-        isVerified: false,
-        isEnterprise: false,
-        numModels: data.numModels || 0,
-        numSpaces: data.numSpaces || 0,
-        numDatasets: data.numDatasets || 0,
-        numFollowers: data.numFollowers || 0,
-        numUsers: 0,
-      };
-    }
+    // Fetch data for all authors
+    const authorsData = await Promise.all(
+      authors.map(async (author) => {
+        try {
+          // Try organizations API first
+          const orgResponse = await fetch(`https://huggingface.co/api/organizations/${author}/overview`);
+          if (orgResponse.ok) {
+            const data = await orgResponse.json();
+            return {
+              author,
+              fullName: data.fullname || author,
+              avatarUrl: data.avatarUrl || null,
+              isVerified: data.isVerified || false,
+              isEnterprise: data.isEnterprise || false,
+              numModels: data.numModels || 0,
+              numSpaces: data.numSpaces || 0,
+              numDatasets: data.numDatasets || 0,
+              numFollowers: data.numFollowers || 0,
+              numUsers: data.numUsers || 0,
+            };
+          }
+          
+          // Fallback to users API if organization doesn't exist
+          const userResponse = await fetch(`https://huggingface.co/api/users/${author}/overview`);
+          if (userResponse.ok) {
+            const data = await userResponse.json();
+            return {
+              author,
+              fullName: data.fullname || author,
+              avatarUrl: data.avatarUrl || null,
+              isVerified: false,
+              isEnterprise: false,
+              numModels: data.numModels || 0,
+              numSpaces: data.numSpaces || 0,
+              numDatasets: data.numDatasets || 0,
+              numFollowers: data.numFollowers || 0,
+              numUsers: 0,
+            };
+          }
+          
+          throw new Error('Neither organization nor user API returned valid data');
+        } catch (error) {
+          console.error(`Error fetching data for ${author}:`, error);
+          return {
+            author,
+            fullName: author,
+            avatarUrl: null,
+            isVerified: false,
+            isEnterprise: false,
+            numModels: 0,
+            numSpaces: 0,
+            numDatasets: 0,
+            numFollowers: 0,
+            numUsers: 0,
+          };
+        }
+      })
+    );
+
+    // Use the primary author for main display name and avatar
+    const primaryAuthor = authorsData[0];
     
-    throw new Error('Neither organization nor user API returned valid data');
+    // Aggregate stats from all authors
+    const aggregatedStats = authorsData.reduce(
+      (acc, authorData) => ({
+        numModels: acc.numModels + (authorData.numModels || 0),
+        numSpaces: acc.numSpaces + (authorData.numSpaces || 0),
+        numDatasets: acc.numDatasets + (authorData.numDatasets || 0),
+        numFollowers: acc.numFollowers + (authorData.numFollowers || 0),
+        numUsers: acc.numUsers + (authorData.numUsers || 0),
+      }),
+      { numModels: 0, numSpaces: 0, numDatasets: 0, numFollowers: 0, numUsers: 0 }
+    );
+
+    return {
+      fullName: primaryAuthor.fullName,
+      avatarUrl: primaryAuthor.avatarUrl,
+      isVerified: primaryAuthor.isVerified,
+      isEnterprise: primaryAuthor.isEnterprise,
+      authorsData, // Include all authors data for multi-logo display
+      ...aggregatedStats,
+    };
   } catch (error) {
-    console.error(`Error fetching organization data for ${primaryAuthor}:`, error);
+    console.error(`Error fetching organization data for authors:`, error);
+    const primaryAuthor = authors[0];
     return {
       fullName: primaryAuthor,
       avatarUrl: null,
       isVerified: false,
       isEnterprise: false,
+      authorsData: [{ 
+        author: primaryAuthor,
+        fullName: primaryAuthor,
+        avatarUrl: null,
+        isVerified: false,
+        isEnterprise: false,
+        numModels: 0,
+        numSpaces: 0,
+        numDatasets: 0,
+        numFollowers: 0,
+        numUsers: 0,
+      }],
       numModels: 0,
       numSpaces: 0,
       numDatasets: 0,