Update app.py

app.py

@@ -694,6 +694,78 @@ def get_spaces_data(sort_type="trending", progress=gr.Progress()):
             template='plotly_white',
             xaxis_tickangle=-45
         )
+        
+        progress(0.6, desc="Creating space cards...")
+        
+        # HTML 카드 생성
+        html_content = f"""
+        <div style='padding: 20px; background: #f5f5f5;'>
+            <h2 style='color: #2c3e50;'>{sort_type.title()} Rankings</h2>
+            <div style='display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px;'>
+        """
+        
+        for space in spaces:
+            space_id = space['id']
+            rank = space['rank']
+            title = space.get('cardData', {}).get('title') or space.get('title', 'No Title')
+            likes = space.get('likes', 0)
+
+            html_content += f"""
+            <div style='
+                background: white;
+                padding: 20px;
+                border-radius: 10px;
+                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+                transition: transform 0.2s;
+            '>
+                <h3 style='color: #34495e;'>Rank #{rank} - {space_id}</h3>
+                <h4 style='
+                    color: #2980b9;
+                    margin: 10px 0;
+                    font-size: 1.2em;
+                    font-weight: bold;
+                    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
+                    background: linear-gradient(to right, #3498db, #2980b9);
+                    -webkit-background-clip: text;
+                    -webkit-text-fill-color: transparent;
+                    padding: 5px 0;
+                '>{title}</h4>
+                <p style='color: #7f8c8d; margin-bottom: 10px;'>👍 Likes: {likes}</p>
+                <a href='{target_spaces[space_id]}' 
+                   target='_blank' 
+                   style='
+                    display: inline-block;
+                    padding: 8px 16px;
+                    background: #3498db;
+                    color: white;
+                    text-decoration: none;
+                    border-radius: 5px;
+                    transition: background 0.3s;
+                   '>
+                   Visit Space 🔗
+                </a>
+            </div>
+            """
+        
+        html_content += "</div></div>"
+        
+        # 데이터프레임 생성
+        df = pd.DataFrame([{
+            'Rank': space['rank'],
+            'Space ID': space['id'],
+            'Title': space.get('cardData', {}).get('title') or space.get('title', 'No Title'),
+            'Likes': space.get('likes', 0),
+            'URL': target_spaces[space['id']]
+        } for space in spaces])
+        
+        progress(1.0, desc="Complete!")
+        return fig, html_content, df
+        
+    except Exception as e:
+        print(f"Error in get_spaces_data: {str(e)}")
+        error_html = f'<div style="color: red; padding: 20px;">Error: {str(e)}</div>'
+        error_plot = create_error_plot()
+        return error_plot, error_html, pd.DataFrame()
 
 
 def create_trend_visualization(spaces_data):