feat: add realistic example charts (stock prices, sales, research)

Author: kiku-jw

docs/example_bar.png

@@ -964,23 +964,23 @@ <h2>Try It Now</h2>
 
       <!-- Supported Charts Examples -->
       <div class="examples-section">
-        <h3 style="text-align: center; margin-bottom: 24px; color: var(--text-secondary);">✅ Supported Chart Types —
+        <h3 style="text-align: center; margin-bottom: 24px; color: var(--text-secondary);">📊 Real-World Examples —
           Click to Download & Test</h3>
         <div class="examples-grid">
-          <a href="example_line.png" download="line_chart_example.png" class="example-card">
-            <img src="example_line.png" alt="Line chart example">
-            <span>Line Chart</span>
-            <div class="download-hint">📥 Click to download</div>
+          <a href="example_line.png" download="tesla_stock_2024.png" class="example-card">
+            <img src="example_line.png" alt="Stock price chart">
+            <span>📈 Stock Prices</span>
+            <div class="download-hint">Extract TSLA price history</div>
           </a>
-          <a href="example_bar.png" download="bar_chart_example.png" class="example-card">
-            <img src="example_bar.png" alt="Bar chart example">
-            <span>Bar Chart</span>
-            <div class="download-hint">📥 Click to download</div>
+          <a href="example_bar.png" download="quarterly_sales.png" class="example-card">
+            <img src="example_bar.png" alt="Sales bar chart">
+            <span>💰 Sales Data</span>
+            <div class="download-hint">Extract Q1-Q4 revenue</div>
           </a>
-          <a href="example_scatter.png" download="scatter_plot_example.png" class="example-card">
-            <img src="example_scatter.png" alt="Scatter plot example">
-            <span>Scatter Plot</span>
-            <div class="download-hint">📥 Click to download</div>
+          <a href="example_scatter.png" download="research_data.png" class="example-card">
+            <img src="example_scatter.png" alt="Research scatter plot">
+            <span>🔬 Research Data</span>
+            <div class="download-hint">Extract experiment results</div>
           </a>
         </div>