-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (123 loc) · 8.42 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Entity Extraction</title>
<link rel="icon" href="https://raw.githubusercontent.com/gramener/assets/main/straive-favicon.svg">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<style>
.narrative {
max-width: 40rem;
}
#filters,
#matches {
position: sticky;
top: 1rem;
max-height: calc(100vh - 2rem);
overflow-y: auto;
margin-bottom: 1rem;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href=".">Entity Extraction</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="nav-item dropdown ms-auto" role="group" aria-label="Toggle dark mode" title="Toggle Dark Mode">
<button class="dark-theme-toggle btn btn-outline-light dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Toggle theme (auto)">
<i class="bi bi-circle-half"></i> <span class="d-lg-none ms-2">Toggle theme</span>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><button class="dropdown-item" data-bs-theme-value="light"><i class="me-2 bi bi-sun-fill"></i> Light</button></li>
<li><button class="dropdown-item" data-bs-theme-value="dark"><i class="me-2 bi bi-moon-stars-fill"></i> Dark</button></li>
<li><button class="dropdown-item" data-bs-theme-value="auto"><i class="me-2 bi bi-circle-half"></i> Auto</button></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="container">
<h1 class="display-1 my-4 text-center">Entity Extraction</h1>
<h2 class="display-6 text-center">Extracts structured entities from unstructured documents</h2>
<div class="mx-auto my-3 narrative">
<p>
Entity extraction is the process of extracting structured entities from unstructured documents.
This is a web application that allows you to extract entities from documents. This is useful in:
</p>
<ul>
<li><strong>Banking</strong>: Extract names, addresses, dates, and personal identifiers from home loan agreements, credit reports, title deeds, etc. This helps verify borrower identities and streamline underwriting.</li>
<li><strong>Healthcare</strong>: Extract patient identifiers, diagnosis codes, treatment dates, medication names, and lab result figures from medical records, discharge summaries, and billing documents to support clinical decision-making and compliance.</li>
</ul>
<details class="mb-5">
<summary class="btn btn-outline-secondary mx-auto d-block">More industries</summary>
<ul>
<li><strong>E-commerce/Retail</strong>: Extract product names, order numbers, prices, customer details, and shipping addresses from invoices, order confirmations, and reviews for improved inventory management and customer service.</li>
<li><strong>Government/Public Sector</strong>: Extract permit numbers, applicant names, filing dates, and regulatory references from applications, public records, and compliance reports to streamline administrative processing and transparency.</li>
<li><strong>Insurance</strong>: Extract policy numbers, claimant names, incident dates, claim amounts, and descriptions from claim forms and policy documents, aiding in faster claim processing and fraud detection.</li>
<li><strong>Legal</strong>: Extract party names, case numbers, filing dates, legal citations, and judgment details from contracts, court filings, and agreements to support case management and compliance reviews.</li>
<li><strong>Logistics</strong>: Extract tracking numbers, shipment dates, origin/destination addresses, and carrier information from bills of lading and delivery receipts to optimize shipment tracking and supply chain management.</li>
<li><strong>Manufacturing/Supply Chain</strong>: Extract order numbers, supplier names, shipment dates, product codes, and quantities from purchase orders, invoices, and shipping documents, enhancing logistics and inventory control.</li>
<li><strong>Pharmaceutical Clinical Trials</strong>: Extract patient names, trial IDs, dates, dosage information, drug names, and outcome metrics from consent forms, trial protocols, and medical records to ensure accurate reporting and regulatory compliance.</li>
<li><strong>Real Estate</strong>: Extract property addresses, owner names, sales dates, appraisal values, and legal descriptions from title deeds, appraisal reports, and sales contracts, which assists in property transactions and market analysis.</li>
<li><strong>Telecommunications</strong>: Extract customer IDs, contract numbers, service start dates, and billing details from service agreements, invoices, and communications to support efficient customer management and billing processes.</li>
<li><strong>Travel/Hospitality</strong>: Extract booking IDs, traveler names, travel dates, flight numbers, and hotel reservation details from itineraries and confirmation emails to streamline reservations and improve customer experience.</li>
</ul>
</details>
</div>
<form id="document-form" class="my-3">
<div class="row">
<div class="col-md">
<div class="d-flex justify-content-between align-items-center">
<label class="form-label fw-bold me-2" for="document">Document</label>
<div class="mb-2">
<label for="document-file" class="form-label visually-hidden">Document file</label>
<select id="document-file" name="document-file" class="form-select" aria-label="Default select example">
<option value="">(Select a document)</option>
<option value="docs/property-appraisal.md">Property Appraisal Report</option>
<option value="docs/credit-report.md">Credit Report</option>
<option value="docs/title-deed.md">Title Deed</option>
<option value="docs/home-loan-agreement.md">Home Loan Agreement</option>
</select>
</div>
</div>
<textarea class="form-control" rows="10" id="document" name="document" placeholder="Enter text of the document." required minlength="100"></textarea>
</div>
<div class="col-md">
<div class="d-flex justify-content-between align-items-center">
<label class="form-label fw-bold me-2" for="entities">Entities to extract <span class="text-muted small fw-normal">(one per line)</span></label>
<div class="mb-2" style="visibility: hidden">
<label for="entity-list" class="form-label visually-hidden">Entity list</label>
<select id="entity-list" name="entity-list" class="form-select" aria-label="Default select example"></select>
</div>
</div>
<textarea class="form-control font-monospace" rows="10" id="entities" name="entities" placeholder="Enter list of entities to extract, one per line">Names
Addresses
Dates
Personal identifiers
Document identifiers
</textarea>
</div>
</div>
<div id="analyze" class="text-center my-5"></div>
</form>
</div>
<div class="container">
<div class="row">
<div id="filters" class="col-md-4"></div>
<div id="matches" class="col-md-8"></div>
</div>
</div>
<footer class="my-5 vh-100 d-flex align-items-center justify-content-center">
<h1 class="display-4">Designed by <a href="https://gramener.com/" class="text-reset link-offset-3 link-underline link-underline-opacity-25">Gramener</a></h1>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" type="module"></script>
<script src="https://cdn.jsdelivr.net/npm/@gramex/[email protected]/dist/dark-theme.js" type="module"></script>
<script src="script.js" type="module"></script>
</body>
</html>