/
index.html
365 lines (311 loc) · 24 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
<!DOCTYPE html>
<html>
<head>
<title>TheyBuyForYou Tools</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>-->
<link rel="stylesheet" href="style.css" />
<link rel="icon" type="image/png" href="img/tbfy_icon.png" />
</head>
<body>
<div class="rounded">
<div class="logo logo-image">
<div class="logo-image">
<a href="http://theybuyforyou.eu/" title="TheyBuyForYou">
<img src="img/logo.png" alt="TBFY" height="30%" width="30%" style="border-radius: 10px;">
</a>
<h1 class="tbfy-title">Platform & Online Tools</h1>
</div>
</div>
</div>
<div class="container">
<!--<div class="col-md-1">
</div>-->
<div class="col-md-14">
<!-- <div class="page-header">
</div> -->
<div style="margin-bottom: 1em;"></div>
<section class="panel panel-info">
<div class="panel-heading">
<h3>TheyBuyForYou Platform</h3>
</div>
<div class="panel-body-1">
<div class="description">
<p>In TheyBuyForYou we have been working on a layered architecture of data services, ontologies, core APIs and tools that allows different levels of access and use of our procurement knowledge graph.</p>
<p>A layer-based architecture allows separating the different services so that most of the interaction occurs only between adjacent layers and any change in a technology does not affect the rest of the services. As shown in the figure "Tech Stack", five main layers have been defined, those corresponding to data, tools, schemas, core APIs and added-value services that will be explained below.</p>
</div>
<schema class="item">
<h4 class="title">Tech Stack</h4>
<div class="description"><p><a href="img/TheyBuyForYou_tech_stack.png" target="_blank"><img src="img/TheyBuyForYou_tech_stack.png" width="100%"></a></p>
</div>
</schema>
<schema class="item">
<h4 class="title">High-level Architecture</h4>
<div class="description"><p><a href="img/TBFY_architecture.png" target="_blank"><img src="img/TBFY_architecture.png" width="100%"></a></p>
</div>
</schema>
<hr/>
<div style="border-left: 6px solid purple; margin-left: -3px; top: 0;"><!-- barra vertical -->
<div class="list">
<p style="text-orientation: upright;color: purple;margin-left: 30px;font-weight:bold;font-size: xx-large;font-weight: 500;">Data</p>
<div class="description">
<p>This bottom layer contains the data that feeds both, the knowledge graph and the document database. The knowledge graph data is obtained from the OpenOpps and OpenCorporates datasets and, through the data ingestion tool, they are transformed into RDF format.</p>
</div>
<article class="item">
<h4 class="title">TBFY Knowledge Graph (KG)</h4>
<div class="description"><p>The knowledge graph is a database that contains the information about tenders, contracts, awards, organisations and contracting processes, used by de API Gateway.</p><br>
<a href="http://data.tbfy.eu/" target="_blank"><img src="img/link_icon.png" width="24" alt="link"/ class="ico"></a>
<a href="https://zenodo.org/record/3873484#.XteTA5MzYcg" target="_blank"><img src="img/zenodo_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">Document repository</h4>
<div class="description"><p>Database that contains the set of legal documents indexed form Harvester.</p><br><br><br>
<a href="http://librairy.linkeddata.es/data/tbfy/select?q=*%3A*" target="_blank"><img src="img/link_icon.png" width="24" alt="link"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
</div>
</div> <!-- fin de la barra -->
<hr/>
<div style="border-left: 6px solid red; margin-left: -3px; top: 0;"><!-- barra vertical -->
<div class="list">
<p style="text-orientation: upright;color: red;margin-left: 30px;font-weight:bold;font-size: xx-large;font-weight: 500;">Schemas</p>
<div class="description">
<p>This layer contains the vocabularies of our domain. These vocabularies are the intermediaries that get the knowledge graph to be understood with tools like SPARQL GUI or R4R.</p>
</div>
<article class="item">
<h4 class="title">TBFY ontology</h4>
<div class="description"><p>The TBFY ontology imports the OCDS ontology (for procurement data) and the euBusinessGraph ontology (for company data). In addition, it contains a few extensions in order to represent additional meta information needed for the TBFY KG.</p>
<a href="https://github.com/TBFY/ocds-ontology" target="_blank"><img src="img/github_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">euBusinessGraph ontology</h4>
<div class="description"><p>euBusinessGraph ontology for company data. Originally developed in the euBusinessGraph project.</p><br><br>
<a href="https://www.eubusinessgraph.eu/" target="_blank"><img src="img/link_icon.png" width="24" alt="link"/ class="ico"></a>
<a href="https://github.com/euBusinessGraph/eubg-data" target="_blank"><img src="img/github_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
</div>
</div> <!-- fin de la barra -->
<hr/>
<div style="border-left: 6px solid orange; margin-left: -3px; top: 0;"><!-- barra vertical -->
<div class="list">
<p style="text-orientation: upright;color: orange;margin-left: 30px;font-weight:bold;font-size: xx-large;font-weight: 500;">Tools</p>
<div class="description">
<p>This layer contains the tools built or used to create the Knowledge Graph and provide access to it. We have to distinguish between tools created specifically for the project (internal) and tools that have not been developed specifically for this project but have been used (external). Among the types of tools, there are those tools that feed databases to those ones that query the TheyBuyForYou SPARQL endpoint.</p>
</div>
<p style="text-orientation: upright;color: orange;margin-left: 30px;font-weight:bold;font-size: large;font-weight: 500;">Internal</p>
<article class="item">
<h4 class="title">Harvester</h4>
<div class="description"><p>Harvester downloads articles and legal documents from public procurement sources (OpenOpps, JRC-Acquis or TED) and indexes them into SOLR to allow performing complex queries and visualising results through Banana.</p>
<a href="https://github.com/TBFY/harvester" target="_blank"><img src="img/github_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">R4R</h4>
<div class="description"><p>It allows building and deploying RESTful services from SPARQL queries. The core API uses it to browse the TBFY knowledge graph.</p><br><br>
<a href="https://github.com/TBFY/r4r" target="_blank"><img src="img/github_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">KG data ingestion pipeline</h4>
<div class="description"><p>Data ingestion pipeline downloads OCDS releases in JSON format and reconciled supplier-company records in JSON format, enriches and transforms the data to RDF (using RML), and publishes the data to the TBFY KG database.</p>
<a href="https://github.com/TBFY/knowledge-graph" target="_blank"><img src="img/github_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
<p style="text-orientation: upright;color: orange;margin-left: 30px;font-weight:bold;font-size: large;font-weight: 500;">External</p>
<article class="item">
<h4 class="title">SPARQL GUI for TBFY KG</h4>
<div class="description"><p>It uses YASGUI (Yet Another SPARQL GUI) as a web application to query any SPARQL endpoint.</p><br><br><br>
<a href="http://yasgui.tbfy.eu/" target="_blank"><img src="img/link_icon.png" width="24" alt="link"/ class="ico"></a>
<a href="https://opensource.org/licenses/MIT" target="_blank"><img src="img/mit_icon.svg " alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">OptiqueVQS</h4>
<div class="description"><p>OptiqueVQS enables end users with no technical background and skills to transform their information needs into SPARQL queries visually.</p><br><br>
<a href="https://github.com/TBFY/kg-interface" target="_blank"><img src="img/github_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://www.youtube.com/watch?v=l4mqMvqo3qQ" target="_blank"><img src="img/video_icon.png" width="12" alt="Video"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
</div>
</div> <!-- fin de la barra -->
<hr/>
<div style="border-left: 6px solid green; margin-left: -3px; top: 0;"><!-- barra vertical -->
<div class="list">
<p style="text-orientation: upright;color: green;margin-left: 30px;font-weight:bold;font-size: xx-large;font-weight: 500;">core APIs</p>
<div class="description">
<p>This layer contains the set of core APIs built or used in the project. We have to distinguish between APIs created specifically for the project (internal) and tools that have not been developed specifically for this project but have been used (external). These core APIs are implemented with the basic resources to extract information from the knowledge graph, from the document repository or even from external data sources.</p>
</div>
<p style="text-orientation: upright;color: green;margin-left: 30px;font-weight:bold;font-size: large;font-weight: 500;">internal</p>
<article class="item">
<h4 class="title">knowledge graph API</h4>
<div class="description"><p>The knowledge graph API allows obtaining information about tenders, organisations, awards, contracts and contracting-processes from the RDF triple store.</p><br>
<a href="https://tbfy.github.io/knowledge-graph-API/" target="_blank"><img src="img/swagger_icon.png" width="24" alt="Webpage"/ class="ico"></a>
<a href="https://tbfy.librairy.linkeddata.es/kg-api/" target="_blank"><img src="img/api_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://github.com/TBFY/knowledge-graph-API" target="_blank"><img src="img/github_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://www.youtube.com/watch?v=Iyq_mUPWAaA" target="_blank"><img src="img/video_icon.png" width="12" alt="Video"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg " alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">Public procurement OCDS API</h4>
<div class="description"><p>Public procurement OCDS API allows obtaining information about public procurement based on the OCDS standard, currently applied to the data from the Zaragoza city council.</p><br>
<a href="https://www.zaragoza.es/docs-api_sede/" target="_blank"><img src="img/swagger_icon.png" width="24" alt="Webpage"/ class="ico"></a>
<a href="https://github.com/TBFY/edp-economic-data-portal" target="_blank"><img src="img/github_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg " alt="API"></a>
</div>
</article>
<p style="text-orientation: upright;color: green;margin-left: 30px;font-weight:bold;font-size: large;font-weight: 500;">external</p>
<article class="item">
<h4 class="title">OpenCorporates companies API</h4>
<div class="description"><p>OpenCorporates companies API provides access to data about 135 million companies from primary public sources.</p><br><br>
<a href="https://api.opencorporates.com/" target="_blank"><img src="img/api_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://opendatacommons.org/licenses/odbl/index.html" target="_blank"><img src="https://img.shields.io/badge/license-ODbL-brightgreen" width="30%" alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">OpenCorporates reconciliation API</h4>
<div class="description"><p>OpenCorporates reconciliation API allows OpenRefine users to match company names to legal corporate entities getting more information about companies.</p><br>
<a href="https://api.opencorporates.com/documentation/Open-Refine-Reconciliation-API" target="_blank"><img src="img/api_icon.png" width="24" alt="Webpage"/ class="ico"></a>
<a href="https://opendatacommons.org/licenses/odbl/index.html" target="_blank"><img src="https://img.shields.io/badge/license-ODbL-brightgreen" width="30%" alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">OpenOpps API</h4>
<div class="description"><p>OpenOpps API provides access to tender and contract data from a range of European government bodies, formatting according to OCDS.</p><br><br>
<a href="https://openopps.com/api/schema/" target="_blank"><img src="img/swagger_icon.png" width="24" alt="Webpage"/ class="ico"></a>
<a href="https://opendatacommons.org/licenses/odbl/index.html" target="_blank"><img src="https://img.shields.io/badge/license-ODbL-brightgreen" width="30%" alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">librAIry API</h4>
<div class="description"><p>librAIry API creates topic-based representations of documents (e.g., tenders) to relate them semantically.</p><br><br>
<a href="http://librairy.github.io/" target="_blank"><img src="img/api_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://github.com/cbadenes/librairy.github.io" target="_blank"><img src="img/github_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">Wikifier Web Service</h4>
<div class="description"><p>Wikifier takes a text document as input and annotates it with links to relevant Wikipedia concepts.</p><br><br>
<a href="http://wikifier.org/" target="_blank"><img src="img/link_icon.png" width="24" alt="link"/ class="ico"></a>
<img src="https://img.shields.io/badge/license-Copyright%20%C2%A9-red" alt="API">
</div>
</article>
<article class="item">
<h4 class="title">Spend Network’s Classification tool</h4>
<div class="description"><p>The classification tool is an advanced classifier to add multiple labels to procurement notices based on the Common Procurement Vocabulary, or CPV. This classifier gives notices five, scored, Level 3 CPV codes based on their text and description.</p>
<a href="https://spendnetwork.com/about-us/#contact-main" target="_blank"><img src="img/link_icon.png" width="24" alt="link"/ class="ico"></a>
<img src="https://img.shields.io/badge/license-Copyright%20%C2%A9-red" alt="API">
</div>
</article>
</div>
</div> <!-- fin de la barra -->
<hr/>
<div style="border-left: 6px solid blue; margin-left: -3px; top: 0;"><!-- barra vertical -->
<div class="list">
<p style="text-orientation: upright;color: blue;margin-left: 30px;font-weight:bold;font-size: xx-large;font-weight: 500;">Added-value services</p>
<div class="description">
<p>In this top layer we find non-basic services and tools, which go beyond standard ones and have extended features and add-ons to basic core functions.</p>
</div>
<article class="item">
<h4 class="title">API Gateway</h4>
<div class="description"><p>The TBFY API provides a flexible abstraction layer and a single-entry point to manage the communication between TBFY clients and online tools.</p><br>
<a href="https://tbfy.github.io/api-gateway/" target="_blank"><img src="img/swagger_icon.png" width="12" alt="API"/ class="ico"></a>
<a href="https://tbfy.librairy.linkeddata.es/api/" target="_blank"><img src="img/api_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://github.com/TBFY/api-gateway" target="_blank"><img src="img/github_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">search API</h4>
<div class="description"><p>The search API explores collections of multilingual public procurement data through a Restful API.</p><br><br><br>
<a href="https://tbfy.librairy.linkeddata.es/search-api/api.html" target="_blank"><img src="img/swagger_icon.png" width="24" alt="Webpage"/ class="ico"></a>
<a href="https://github.com/TBFY/search-api" target="_blank"><img src="img/github_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://www.youtube.com/watch?v=djnLBZOHphw" target="_blank"><img src="img/video_icon.png" width="12" alt="Video"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">Storytelling</h4>
<div class="description"><p>Storytelling tool is a client-side JavaScript framework designed for the purpose of supporting authors of data stories.</p><br><br>
<a href="https://tbfy.github.io/storytelling/" target="_blank"><img src="img/link_icon.png" width="12" alt="link"/ class="ico"></a>
<a href="https://github.com/TBFY/storytelling" target="_blank"><img src="img/github_icon.png" width="24" alt="API"/ class="ico"></a>
<a href="https://www.youtube.com/watch?v=gJV53K0q7eI" target="_blank"><img src="img/video_icon.png" width="12" alt="Video"/ class="ico"></a>
<a href="https://opensource.org/licenses/MIT" target="_blank"><img src="img/mit_icon.svg " alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">Suppliers notebook</h4>
<div class="description"><p>Suppliers notebook is an example to explain how the knowledge graph can be exploited through a notebook.</p><br><br>
<a href="https://colab.research.google.com/github/TBFY/knowledge-graph-API/blob/master/notebooks/supplier_resource_ex.ipynb" target="_blank"><img src="img/link_icon.png" width="12" alt="link"/ class="ico"></a>
<a href="https://github.com/TBFY/knowledge-graph-API/blob/master/notebooks/supplier_resource_ex.ipynb" target="_blank"><img src="img/github_icon.png" width="12" alt="API"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">Organisation comparison notebook</h4>
<div class="description"><p>Organisation comparison notebook is an example of how to create an added value service exploiting the core API and search API (via API gateway).</p><br><br>
<a href="https://colab.research.google.com/github/TBFY/api-gateway/blob/master/notebooks/tender_browser.ipynb" target="_blank"><img src="img/link_icon.png" width="12" alt="link"/ class="ico"></a>
<a href="https://github.com/TBFY/api-gateway/blob/master/notebooks/tender_browser.ipynb" target="_blank"><img src="img/github_icon.png" width="12" alt="API"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">Streamstory</h4>
<div class="description"><p>StreamStory is a tool, which is intended to help with analysis and interpretation of time varying data.</p><br><br><br>
<a href="http://streamstory.ijs.si" target="_blank"><img src="img/link_icon.png" width="12" alt="API"/ class="ico"></a>
<a href="https://github.com/JozefStefanInstitute/StreamStory" target="_blank"><img src="img/github_icon.png" width="12" alt="Github"/ class="ico"></a>
<a href="https://www.youtube.com/watch?v=fYwCQHp35I4" target="_blank"><img src="img/video_icon.png" width="12" alt="Video"/ class="ico"></a>
<a href="https://directory.fsf.org/wiki/License:BSD-4-Clause" target="_blank"><img src="https://img.shields.io/badge/license-BSD-red" alt="API"></a>
</div>
</article>
<article class="item">
<!-- <h4 class="title">Visualise and analyse public procurement data and spending data</h4> -->
<h4 class="title">Anomaly detection</h4>
<div class="description"><p>Visualise and analyse public procurement data and spending data is an online toolkit exploring public spending and tender data and detecting anomalies in them.</p><br>
<a href="http://tbfy.ijs.si/" target="_blank"><img src="img/link_icon.png" width="12" alt="API"/ class="ico"></a>
<a href="https://github.com/TBFY/anomaly-detection-tool" target="_blank"><img src="img/github_icon.png" width="12" alt="API"/ class="ico"></a>
<a href="https://www.youtube.com/watch?v=QlJv__RwBSM" target="_blank"><img src="img/video_icon.png" width="12" alt="Video"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">Average payment period to suppliers</h4>
<div class="description"><p>Average Payment Period to suppliers is an indicator that measures the delay in the payment of commercial debts in economic terms for entities associated to the Zaragoza city council.</p><br>
<a href="http://www.zaragoza.es/sede/servicio/periodopagoproveedores/" target="_blank"><img src="img/link_icon.png" width="12" alt="link"/ class="ico"></a>
<a href="https://opensource.org/licenses/Apache-2.0" target="_blank"><img src="img/apache_icon.svg" alt="API"></a>
</div>
</article>
<article class="item">
<h4 class="title">COPIN (COmpra Pública INclusiva)</h4>
<div class="description"><p>COPIN (COmpra Pública INclusiva) aims at providing better understanding on how public administrations specify and evaluate public tenders.</p><br><br>
<a href=" http://tbfy.oesia.com/login" target="_blank"><img src="img/link_icon.png" width="12" alt="link"/ class="ico"></a>
<img src="https://img.shields.io/badge/license-Copyright%20%C2%A9-red" alt="API">
</div>
</article>
<article class="item">
<h4 class="title">Online KG data comparison tool</h4>
<div class="description"><p>It provides, through a web interface, the analysis of tender and award data, extracted from the Knowledge Graph through the core API and Search API.</p><br>
<a href=" https://github.com/TBFY/Data-Comparison-Components" target="_blank"><img src="img/github_icon.png" width="12" alt="API"/ class="ico"></a>
<img src="https://img.shields.io/badge/license-Copyright%20%C2%A9-red" alt="API">
</div>
</article></div>
</div> <!-- fin de la barra -->
</div>
</section>
<div style="margin-bottom: 1em;"></div>