Files
semantica/attachments/visual_workflow_diagram.html
T
KaifAhmad1 40caedeb52 Update attachment files: Remove numerical metrics and enhance visual diagrams
- Remove all performance metrics, accuracy percentages, and F1 scores
- Replace specific numbers with descriptive language
- Enhance visual diagrams with modern CSS styling
- Update comprehensive features overview with clearer visualizations
- Improve use cases with better workflow diagrams
- Update architecture diagrams with enhanced visuals
- Add visual workflow diagram document
2025-11-18 16:18:13 +05:30

377 lines
14 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Semantica - Visual Workflow Diagram</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
max-width: 1600px;
margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
}
h1 {
color: #2c3e50;
border-bottom: 4px solid #3498db;
padding-bottom: 15px;
text-align: center;
font-size: 2.5em;
}
h2 {
color: #34495e;
margin-top: 40px;
border-bottom: 3px solid #3498db;
padding-bottom: 10px;
}
.workflow-container {
background: white;
padding: 40px;
border-radius: 12px;
margin: 30px 0;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
.workflow-row {
display: flex;
justify-content: space-around;
align-items: center;
margin: 30px 0;
flex-wrap: wrap;
gap: 20px;
}
.workflow-box {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 25px 35px;
border-radius: 10px;
text-align: center;
min-width: 200px;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
transition: transform 0.3s;
}
.workflow-box:hover {
transform: translateY(-5px);
box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}
.workflow-box h3 {
margin: 0 0 10px 0;
font-size: 1.1em;
}
.workflow-box p {
margin: 5px 0;
font-size: 0.9em;
opacity: 0.9;
}
.arrow-right {
font-size: 2.5em;
color: #3498db;
font-weight: bold;
}
.arrow-down {
font-size: 2.5em;
color: #3498db;
font-weight: bold;
text-align: center;
margin: 10px 0;
}
.feature-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
margin: 20px 0;
}
.feature-item {
background: #e8f4f8;
border-left: 4px solid #3498db;
padding: 15px;
border-radius: 6px;
}
.feature-item strong {
color: #2c3e50;
}
.comparison-table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
background: white;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.comparison-table th {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 15px;
text-align: left;
}
.comparison-table td {
padding: 12px 15px;
border-bottom: 1px solid #ddd;
}
.comparison-table tr:hover {
background-color: #f5f5f5;
}
.highlight {
background: #fff3cd;
padding: 3px 8px;
border-radius: 4px;
font-weight: bold;
}
.success {
background: #d4edda;
padding: 3px 8px;
border-radius: 4px;
font-weight: bold;
color: #155724;
}
</style>
</head>
<body>
<h1>🔄 Semantica Framework - Complete Visual Workflow</h1>
<h2>End-to-End Processing Workflow</h2>
<div class="workflow-container">
<div class="workflow-row">
<div class="workflow-box" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
<h3>📥 INGESTION</h3>
<p>Extensive Formats</p>
<p>Files • Web • Feeds</p>
<p>Databases • Streams</p>
</div>
<div class="arrow-right"></div>
<div class="workflow-box" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">
<h3>📄 PARSING</h3>
<p>Extract Content</p>
<p>Structure Detection</p>
<p>Metadata Extraction</p>
</div>
<div class="arrow-right"></div>
<div class="workflow-box" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);">
<h3>🧹 NORMALIZATION</h3>
<p>Text Cleaning</p>
<p>Format Standardization</p>
<p>Encoding Handling</p>
</div>
</div>
<div class="arrow-down"></div>
<div class="workflow-row">
<div class="workflow-box" style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);">
<h3>✂️ CHUNKING</h3>
<p>Semantic Splitting</p>
<p>Structure-Aware</p>
<p>Table Handling</p>
</div>
<div class="arrow-right"></div>
<div class="workflow-box" style="background: linear-gradient(135deg, #30cfd0 0%, #330867 100%);">
<h3>🔢 EMBEDDINGS</h3>
<p>Vector Generation</p>
<p>Multi-Modal</p>
<p>Context-Aware</p>
</div>
<div class="arrow-right"></div>
<div class="workflow-box" style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); color: #2c3e50;">
<h3>🧠 EXTRACTION</h3>
<p>Entities • Relations</p>
<p>Events • Triples</p>
<p>Coreference</p>
</div>
</div>
<div class="arrow-down"></div>
<div class="workflow-row">
<div class="workflow-box" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
<h3>🕸️ GRAPH BUILDING</h3>
<p>Entity Resolution</p>
<p>Conflict Detection</p>
<p>Deduplication</p>
</div>
<div class="arrow-right"></div>
<div class="workflow-box" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">
<h3>📚 ONTOLOGY</h3>
<p>Multi-Stage Pipeline</p>
<p>W3C OWL</p>
<p>Symbolic Validation</p>
</div>
<div class="arrow-right"></div>
<div class="workflow-box" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);">
<h3>✅ QUALITY ASSURANCE</h3>
<p>Schema Enforcement</p>
<p>Quality Scoring</p>
<p>Provenance Tracking</p>
</div>
</div>
<div class="arrow-down"></div>
<div class="workflow-row">
<div class="workflow-box" style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); font-size: 1.2em;">
<h3>🚀 APPLICATION LAYER</h3>
<p>GraphRAG • AI Agents</p>
<p>Multi-Agent • Analytics</p>
</div>
</div>
</div>
<h2>Feature Capabilities Matrix</h2>
<table class="comparison-table">
<tr>
<th>Feature Category</th>
<th>Capabilities</th>
<th>Output</th>
</tr>
<tr>
<td><strong>Data Ingestion</strong></td>
<td>
<span class="success"></span> Extensive file formats<br/>
<span class="success"></span> Web scraping & feeds<br/>
<span class="success"></span> Database connectors<br/>
<span class="success"></span> Real-time streaming<br/>
<span class="success"></span> Email processing<br/>
<span class="success"></span> Archive extraction
</td>
<td>Structured source objects with metadata</td>
</tr>
<tr>
<td><strong>Semantic Extraction</strong></td>
<td>
<span class="success"></span> Named Entity Recognition<br/>
<span class="success"></span> Relationship Extraction<br/>
<span class="success"></span> Event Detection<br/>
<span class="success"></span> Triple Extraction (RDF)<br/>
<span class="success"></span> Coreference Resolution<br/>
<span class="success"></span> LLM Enhancement
</td>
<td>Entities, relationships, events, triples</td>
</tr>
<tr>
<td><strong>Knowledge Graph</strong></td>
<td>
<span class="success"></span> Automatic construction<br/>
<span class="success"></span> Entity resolution<br/>
<span class="success"></span> Temporal support<br/>
<span class="success"></span> Graph analytics<br/>
<span class="success"></span> Version management<br/>
<span class="success"></span> Multi-source integration
</td>
<td>Production-ready knowledge graphs</td>
</tr>
<tr>
<td><strong>Ontology Generation</strong></td>
<td>
<span class="success"></span> Multi-stage LLM pipeline<br/>
<span class="success"></span> Automatic class inference<br/>
<span class="success"></span> Property generation<br/>
<span class="success"></span> W3C OWL compliance<br/>
<span class="success"></span> Symbolic validation<br/>
<span class="highlight">High Quality</span>
</td>
<td>W3C-compliant OWL ontologies</td>
</tr>
<tr>
<td><strong>GraphRAG</strong></td>
<td>
<span class="success"></span> Hybrid retrieval<br/>
<span class="success"></span> Graph expansion<br/>
<span class="success"></span> Context building<br/>
<span class="success"></span> Reranking<br/>
<span class="success"></span> Citation support<br/>
<span class="highlight">Enhanced accuracy</span>
</td>
<td>Enhanced RAG with graph context</td>
</tr>
<tr>
<td><strong>Quality Assurance</strong></td>
<td>
<span class="success"></span> Conflict detection<br/>
<span class="success"></span> Conflict resolution<br/>
<span class="success"></span> Duplicate detection<br/>
<span class="success"></span> Entity merging<br/>
<span class="success"></span> Schema enforcement<br/>
<span class="success"></span> Quality scoring
</td>
<td>Validated, high-quality knowledge</td>
</tr>
<tr>
<td><strong>AI Applications</strong></td>
<td>
<span class="success"></span> Context engineering<br/>
<span class="success"></span> Agent memory<br/>
<span class="success"></span> Multi-agent coordination<br/>
<span class="success"></span> Reasoning & inference<br/>
<span class="success"></span> Tool registry
</td>
<td>Context-aware AI systems</td>
</tr>
</table>
<h2>Key Processing Features</h2>
<div class="feature-list">
<div class="feature-item">
<strong>📊 Universal Ingestion</strong><br/>
Process extensive formats from files, web, databases, streams, emails, and archives
</div>
<div class="feature-item">
<strong>🧠 Semantic Intelligence</strong><br/>
Extract entities, relationships, events with multiple NER models and strategies
</div>
<div class="feature-item">
<strong>🕸️ Knowledge Graphs</strong><br/>
Build production-ready graphs with entity resolution and conflict handling
</div>
<div class="feature-item">
<strong>📚 Ontology Generation</strong><br/>
Automatic multi-stage pipeline generating W3C-compliant OWL ontologies
</div>
<div class="feature-item">
<strong>🔗 GraphRAG Engine</strong><br/>
Hybrid retrieval combining vector search with graph traversal
</div>
<div class="feature-item">
<strong>🤖 AI Agent Support</strong><br/>
Context engineering, persistent memory, and graph-based reasoning
</div>
<div class="feature-item">
<strong>🔧 Quality Assurance</strong><br/>
Conflict detection, deduplication, schema enforcement, quality scoring
</div>
<div class="feature-item">
<strong>📤 Export & Integration</strong><br/>
RDF, JSON-LD, Neo4j, vector stores, triple stores, standard formats
</div>
</div>
<h2>Performance Capabilities</h2>
<div class="workflow-row">
<div class="workflow-box" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
<h3>High Throughput</h3>
<p>Document Processing</p>
</div>
<div class="workflow-box" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">
<h3>Efficient</h3>
<p>Entity Extraction</p>
</div>
<div class="workflow-box" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);">
<h3>Rapid</h3>
<p>Triple Generation</p>
</div>
<div class="workflow-box" style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);">
<h3>High Accuracy</h3>
<p>GraphRAG</p>
</div>
<div class="workflow-box" style="background: linear-gradient(135deg, #30cfd0 0%, #330867 100%);">
<h3>Excellent</h3>
<p>Ontology Quality</p>
</div>
</div>
<hr>
<p style="text-align: center; color: #666; margin-top: 40px;">
<em>Document Version: 2.0 | Semantica Framework Visual Workflow | Last Updated: 2025</em>
</p>
</body>
</html>