examples visual (#896)

Author: badmonster0

docs/docs/examples/examples/academic_papers_index.md

@@ -4,6 +4,9 @@ description: Build a real-time academic papers index. Extract metadata, chunk an
 sidebar_class_name: hidden
 slug: /examples/academic_papers_index
 canonicalUrl: '/examples/academic_papers_index'
+sidebar_custom_props:
+  image: /img/examples/academic_papers_index.png
+tags: [vector-index]
 ---
 
 import { GitHubButton, YouTubeButton } from '../../../src/components/GitHubButton';

docs/docs/examples/examples/codebase_index.md

@@ -4,6 +4,9 @@ description: Build a real-time codebase index for retrieval-augmented generation
 sidebar_class_name: hidden
 slug: /examples/code_index
 canonicalUrl: '/examples/code_index'
+sidebar_custom_props:
+  image: /img/examples/codebase_index.png
+tags: [vector-index]
 ---
 
 import { GitHubButton, YouTubeButton } from '../../../src/components/GitHubButton';

docs/docs/examples/examples/custom_targets.md

@@ -4,6 +4,9 @@ description: Simple example to export Markdown files to local HTML files using C
 sidebar_class_name: hidden
 slug: /examples/custom_targets
 canonicalUrl: '/examples/custom_targets'
+sidebar_custom_props:
+  image: /img/examples/custom_targets.png
+tags: [custom-targets]
 ---
 import { GitHubButton, YouTubeButton } from '../../../src/components/GitHubButton';
 

docs/docs/examples/examples/docs_to_knowledge_graph.md

@@ -4,6 +4,9 @@ description: CocoIndex now supports knowledge graph with incremental processing.
 sidebar_class_name: hidden
 slug: /examples/knowledge-graph-for-docs
 canonicalUrl: '/examples/knowledge-graph-for-docs'
+sidebar_custom_props:
+  image: /img/examples/docs_to_knowledge_graph.png
+tags: [knowledge-graph]
 ---
 
 import { GitHubButton, YouTubeButton } from '../../../src/components/GitHubButton';

docs/docs/examples/examples/image_search.md

@@ -4,6 +4,9 @@ description: Build image search index with ColPali and FastAPI
 sidebar_class_name: hidden
 slug: /examples/image_search
 canonicalUrl: '/examples/image_search'
+sidebar_custom_props:
+  image: /img/examples/image_search.png
+tags: [vector-index, multi-modal, images]
 ---
 
 import { GitHubButton, YouTubeButton } from '../../../src/components/GitHubButton';

docs/docs/examples/examples/manual_extraction.md

@@ -4,6 +4,9 @@ description: Extract structured data from markdowns (Python Manual)
 sidebar_class_name: hidden
 slug: /examples/manual_extraction
 canonicalUrl: '/examples/manual_extraction'
+sidebar_custom_props:
+  image: /img/examples/manual_extraction.png
+tags: [structured-data-extraction, data-mapping]
 ---
 
 import { GitHubButton, YouTubeButton } from '../../../src/components/GitHubButton';

docs/docs/examples/examples/multi_format_index.md

@@ -4,6 +4,9 @@ description: Build a visual document indexing pipeline using ColPali to index sc
 sidebar_class_name: hidden
 slug: /examples/multi_format_index
 canonicalUrl: '/examples/multi_format_index'
+sidebar_custom_props:
+  image: /img/examples/multi_format_index.png
+tags: [vector-index, multi-modal, images]
 ---
 
 import { GitHubButton, YouTubeButton } from '../../../src/components/GitHubButton';

docs/docs/examples/examples/patient_form_extraction.md

@@ -4,6 +4,9 @@ description: Extract nested structured data from patient form
 sidebar_class_name: hidden
 slug: /examples/patient_form_extraction
 canonicalUrl: '/examples/patient_form_extraction'
+sidebar_custom_props:
+  image: /img/examples/patient_form_extraction.png
+tags: [structured-data-extraction, data-mapping]
 ---
 
 import { GitHubButton, YouTubeButton } from '../../../src/components/GitHubButton';
@@ -15,6 +18,10 @@ import { GitHubButton, YouTubeButton } from '../../../src/components/GitHubButto
 ### Install Postgres
 If you don't have Postgres installed, please refer to the [installation guide](https://cocoindex.io/docs/getting_started/installation).
 
+:::info
+The extraction quality is highly dependent on the OCR quality. You can use CocoIndex with any commercial parser (or open source ones) that is tailored for your domain for better results. For example, Document AI from Google Cloud and more. 
+:::
+
 ### Google Drive as alternative source (optional)
 If you plan to load patient intake forms from Google Drive, you can refer to this [example](https://cocoindex.io/blogs/text-embedding-from-google-drive#enable-google-drive-access-by-service-account) for more details.
 

docs/docs/examples/examples/photo_search.md

@@ -4,6 +4,9 @@ description: Covers extracting and embedding faces from images, structuring data
 sidebar_class_name: hidden
 slug: /examples/photo_search
 canonicalUrl: '/examples/photo_search'
+sidebar_custom_props:
+  image: /img/examples/photo_search.png
+tags: [vector-index, multi-modal, images]
 ---
 
 import { GitHubButton, YouTubeButton } from '../../../src/components/GitHubButton';

docs/docs/examples/examples/product_recommendation.md

@@ -4,6 +4,9 @@ description: Build a real-time product recommendation engine with LLM and graph
 sidebar_class_name: hidden
 slug: /examples/product_recommendation
 canonicalUrl: '/examples/product_recommendation'
+sidebar_custom_props:
+  image: /img/examples/product_recommendation.png
+tags: [knowledge-graph]
 ---
 
 import { GitHubButton, YouTubeButton } from '../../../src/components/GitHubButton';