Sparnatural - Visual SPARQL query builder

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>Sparnatural - Visual SPARQL query builder</title> <meta content="" name="description"> <meta content="" name="keywords">  <link href="assets/img/favicon.png" rel="icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">  <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700|Open+Sans:300,300i,400,400i,700,700i" rel="stylesheet">  <link href="assets/vendor/aos/aos.css" rel="stylesheet"> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">  <link href="assets/css/style.css" rel="stylesheet" />  <link rel="stylesheet" href="assets/fa/css/all.min.css" />  <script data-goatcounter="https://sparnatural.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>  </head> <body>  <header id="header" class="fixed-top d-flex align-items-center header-transparent"> <div class="container d-flex justify-content-between align-items-center"> <div id="logo"> <h1><a href="index.html">Sparnatural</a></h1>   </div> <nav id="navbar" class="navbar"> <ul> <li><a class="nav-link scrollto active" href="#hero">Home</a></li> <li><a class="nav-link scrollto" href="#about">About</a></li> <li><a class="nav-link scrollto" href="#features">Features</a></li> <li><a class="nav-link scrollto" href="#demos">Demos</a></li> <li><a class="nav-link scrollto" href="#bibliography">Bibliography</a></li> <li><a class="nav-link scrollto" href="#gallery">Gallery</a></li> <li><a class="nav-link scrollto" href="#contact">Contact</a></li> </ul> <i class="bi bi-list mobile-nav-toggle"></i> </nav> </div> </header>  <section id="hero"> <div class="hero-text" data-aos="zoom-out"> <h2>Sparnatural</h2> <p>Knowledge Graph Exploration for your end-users <em><small>(and for you !)</small></em></p> <a href="#about" class="btn-get-started scrollto">Get Started</a> </div> <div class="product-screens"> <div class="product-screen-single" data-aos="fade-up" data-aos-delay="400"> <a href="assets/videos/screencast-full.gif"><img src="assets/videos/screencast-short.gif" alt="" width="1000px"></a> </div>  </div> </section> <main id="main">  <section id="about" class="section-bg"> <div class="container-fluid" data-aos="fade-up"> <div class="section-header"> <h3 class="section-title">About Sparnatural</h3> <span class="section-divider"></span> <p class="section-description"> Sparnatural is a Typescript component that allows users to explore an RDF Knowledge Graph<br> by building SPARQL queries intuitively. It is configurable to adapt to your knowledge graph ontology. </p> </div> <div class="row"> <div class="col-lg-6 about-img" data-aos="fade-right" dat-aos-delay="100"> <img src="assets/img/about-img.png" alt=""> </div> <div class="col-lg-6 content" data-aos="fade-left" dat-aos-delay="100"> <h2>How do <strong>you</strong> explore your knowledge graph ?</h2> <p> Maybe you have lists of entities. Or a search engine. Maybe you have facets. Maybe you even have data-visualisation. But can you explore your knowledge graph <em>really as a graph</em> ? This is what Sparnatural does. </p> <p> Have you ever been frustrated by not being able to show - and to sell - all this nice structured data you have aggregated in your graph ? Sparnatural can demonstrate the value of heterogeneous data integration. </p> <p> Are you looking for a solution that can <em>bring your knowledge graph to your end-users</em> ? Sparnatural is the right tool for this : it allows try-and-error interactions, it is visual, and it "gamifies" the knowledge graph experience. </p> </div> </div> </div> </section>  <section id="features"> <div class="container" data-aos="fade-up"> <div class="row"> <div class="col-lg-8 offset-lg-4"> <div class="section-header"> <h3 class="section-title">End-User interface for <u>your</u> SPARQL endpoint</h3> <span class="section-divider"></span> </div> </div> <div class="col-lg-4 col-md-5 features-img"> <img src="assets/img/product-features.png" alt="" data-aos="fade-right"> </div> <div class="col-lg-8 col-md-7 "> <div class="row"> <div class="col-lg-6 col-md-6 box" data-aos="fade-up" data-aos-delay="100"> <div class="icon"><i class="fad fa-layer-group"></i></div> <h4 class="title"><a href="">Adapt to <u>your</u> ontology</a></h4> <p class="description">Sparnatural can be configured to adapt to your graph structure. You can hide some of the complexity of your graph, and simplify the navigation for your users. Configuration is made through an <strong>OWL ontology</strong>, fully <a href="https://docs.sparnatural.eu">documented</a>.</p> </div> <div class="col-lg-6 col-md-6 box" data-aos="fade-up" dat-aos-delay="100"> <div class="icon"><i class="fab fa-js-square"></i></div> <h4 class="title"><a href="">Client-only (no additionnal server required)</a></h4> <p class="description">Sparnatural is pure client javascript and can be <strong>plugged to any existing SPARQL endpoint</strong>, without additionnal server required.</p> </div> <div class="col-lg-6 col-md-6 box" data-aos="fade-up"> <div class="icon"><i class="fad fa-balance-scale"></i></div> <h4 class="title"><a href="">Free and open-source</a></h4> <p class="description">Sparnatural license is <strong>LGPL-3.0</strong>, which means you are free to integrate it in your website. Any modification you make <em>inside the source code</em> of Sparnatural needs to be distributed with the same license, or contributed to the original project.</p> </div> <div class="col-lg-6 col-md-6 box" data-aos="fade-up"> <div class="icon"><i class="fab fa-github"></i></div> <h4 class="title"><a href="">Open-Source on Github</a></h4> <p class="description">Sparnatural development is open and happens on the <strong><a href="https://github.com/sparna-git/Sparnatural">Github repository</a></strong>.</p> </div> <div class="col-lg-6 col-md-6 box" data-aos="fade-up"> <div class="icon"><i class="fad fa-list"></i></div> <h4 class="title"><a href="">Fully customizable</a></h4> <p class="description">Sparnatural offers different <strong>widgets for value selection</strong> : dropdown lists, ordered by occurrence count or alphabetically, autocomplete search fields, date pickers, tree widgets... this is all part of Sparnatural configuration.</p> </div> <div class="col-lg-6 col-md-6 box" data-aos="fade-up"> <div class="icon"><i class="fad fa-book"></i></div> <h4 class="title"><a href="">Fully documentated</a></h4> <p class="description">Sparnatural comes with complete <a href="https://docs.sparnatural.eu">documentation</a>.</p> </div> </div> </div> </div> </div> </section>  <section id="call-to-action"> <div class="container"> <div class="row"> <div class="col-lg-3 text-center text-lg-start"> <h3 class="cta-title">Try & download</h3> <p class="cta-text">Test one of the demo, or create your own demo page ! You can also download from Github and start using !</p> </div> <div class="col-lg-3 cta-btn-container text-center"> <a class="cta-btn align-middle" target="_blank" href="demos/demo-dbpedia-en/index.html?lang=en">Test DBPedia demo</a> </div> <div class="col-lg-3 cta-btn-container text-center"> <a class="cta-btn align-middle" href="#make-your-own">Create your own</a> </div> <div class="col-lg-3 cta-btn-container text-center"> <a class="cta-btn align-middle" target="_blank" href="https://github.com/sparna-git/Sparnatural/releases/latest">Download from Github</a> </div> </div> </div> <div class="row"> </div> </section>  <section id="demos" class="section-bg"> <div class="container" data-aos="fade-up"> <div class="section-header"> <h3 class="section-title">Demos</h3> <span class="section-divider"></span> <p class="section-description"> </p> </div> <div class="row gy-4"> <div class="col-lg-6"> <div class="box"> <div class="icon"><a href="demos/demo-dbpedia-en/index.html?lang=en"><i class="fad fa-university"></i></a></div> <h4 class="title"><a href="demos/demo-dbpedia-en/index.html?lang=en">DBPedia Museums</a></h4> <p class="description">Museums, Artworks and Painters queried in <a href="http://fr.dbpedia.org/">French DBPedia</a>.</p> </div> </div> <div class="col-lg-6"> <div class="box"> <div class="icon"><a href="demos/demo-legilux-v2/index.html"><i class="fad fa-scroll"></i></a></div> <h4 class="title"><a href="demos/demo-legilux-v2/index.html">ELI : Legilux (Luxembourg legislation)</a></h4> <p class="description">Legislation, EU transpositions, citations, modifications, abrogation links, from the <a href="https://data.legilux.public.lu">Legilux data platform</a>. The model is similar to the <a href="https://op.europa.eu/en/web/eu-vocabularies/dataset/-/resource?uri=http://publications.europa.eu/resource/dataset/eli">ELI ontology</a>.</p> </div> </div> <div class="col-lg-6"> <div class="box"> <div class="icon"><a href="demos/demo-smt-cim10/index.html"><i class="fad fa-virus"></i></a></div> <h4 class="title"><a href="demos/demo-smt-cim10/index.html">OWL : ICD-10 Medical terminology</a></h4> <p class="description">Diseases of the <a href="https://smt.esante.gouv.fr/terminologie-cim-10/">ICD-10 terminology published in the French Multi-Terminology Server</a> in an OWL-based structure.</p> </div> </div> <div class="col-lg-6"> <div class="box"> <div class="icon"><a href="demos/demo-elzeard/index.html"><i class="fad fa-seedling"></i></a></div> <h4 class="title"><a href="demos/demo-elzeard/index.html">Vegetables Gardening</a></h4> <p class="description">Plant characteristics from <a href="https://elzeard.co/">Elzeard</a> knowledge base</p> </div> </div> <div class="col-lg-6"> <div class="box"> <div class="icon"><a href="demos/demo-partitions/index.html"><i class="fad fa-file-music"></i></a></div> <h4 class="title"><a href="demos/demo-partitions/index.html">CIDOC-CRM / Doremus : Music scores</a></h4> <p class="description">Music scores from the <a href="https://www.citedelamusique.fr/francais/">Cit茅 de la Musique / Philharmonie de Paris</a>, described using <a href="https://cidoc-crm.org/">CIDOC-CRM</a> and its <a href="https://data.doremus.org">Doremus</a> extension for music.</p> </div> </div> <div class="col-lg-6"> <div class="box"> <div class="icon"><a href="demos/demo-smt-med"><i class="fad fa-pills"></i></a></div> <h4 class="title"><a href="demos/demo-smt-med">R茅f茅rentiel d'interop茅rabilit茅 du m茅dicament</a></h4> <p class="description">Pharmaceutical Products (PhPID 1,2,3,4), Actual Medicinal Products, Packaged Products, Substances. See all details about the dataset in the <a href="https://smt.esante.gouv.fr/terminologie-ref_interop_med/">notice from the Serveur Multiterminologies</a>, and you can also <a href="https://smt.esante.gouv.fr/explorer-les-concepts/terminologie-ref_interop_med/?treeViewType=complete">browse the full content.</a></p> </div> </div> </div> </div> </section> <section id="uses" class="section-bg"> <div class="container" data-aos="fade-up"> <div class="section-header"> <h3 class="section-title">Who uses Sparnatural ?</h3> <span class="section-divider"></span> <p class="section-description">Here some current deployments of Sparnatural<br> Contact us if you want to appear in the list above</p> </div> <div class="row gy-4"> <div class="col-lg-6"> <div class="box"> <div class="icon"><a href="https://dati.camera.it/sparnatural/"><i class="fad fa-university"></i></a></div> <h4 class="title"><a href="https://dati.camera.it/sparnatural/">dati.camera.it (Italian Parliament)</a></h4> <p class="description">A Sparnatural project based on the data from the <a href="https://dati.camera.it">Chamber of Deputies of the Italian Parliament</a>.</p> <p class="description">The Members' Camera open data portal promotes access, reuse and dissemination of Camera data.</b></p> </div> </div> <div class="col-lg-6"> <div class="box"> <div class="icon"><a href="demos/demo-bnf/index.html"><i class="fad fa-book"></i></a></div> <h4 class="title"><a href="demos/demo-bnf/index.html">FRBR/LRM : data.bnf.fr (French National Library)</a></h4> <p class="description">Works, editions, authors, dates. The model is an <a href="https://repository.ifla.org/handle/123456789/40">LRM-like</a> custom model.</p> <p class="description">This is now deployed in production at <b><a href="https://data.bnf.fr/sparnatural">https://data.bnf.fr/sparnatural</a></b></p> </div> </div> <div class="col-lg-6"> <div class="box"> <div class="icon"><a href="https://sparna-git.github.io/sparnatural-demonstrateur-an/"><i class="fad fa-archive"></i></a></div> <h4 class="title"><a href="https://sparna-git.github.io/sparnatural-demonstrateur-an/">Notarial archives kept by the Archives nationales of France, described using RiC-O</a></h4> <p class="description">Descriptions of notarial archives, converted to a knowledge graph conforming to ICA <a href="https://www.ica.org/standards/RiC/ontology">Records in Contexts</a> ontology, using mainly the <a href="https://github.com/ArchivesNationalesFR/rico-converter">RiCO converter software</a></p> </div> </div> <div class="col-lg-6"> <div class="box"> <div class="icon"><a href="http://openarchaeo.huma-num.fr/explorateur/home/"><i class="fad fa-archway"></i></a></div> <h4 class="title"><a href="http://openarchaeo.huma-num.fr/explorateur/home/">Open Archaeo, semantic web platform for archaeological data</a></h4> <p class="description">A deployment of Sparnatural here for the <a href="https://masa.hypotheses.org/">MASA consortium, </a>exploiting the archaeological triplestores paired with the <a href="https://www.cidoc-crm.org/">CIDOC</a> in a federated way.</p> </div> </div> <div class="col-lg-6"> <div class="box"> <div class="icon"><a href="https://www.nakala.fr/sparnatural/"><i class="fad fa-graduation-cap"></i></a></div> <h4 class="title"><a href="https://www.nakala.fr/sparnatural/">Huma-Num, French Very Large Research Infrastructure (IR*)</a></h4> <p class="description">Dedicated to research data, <a href="https://www.huma-num.fr/">Huma-Num</a> infrastructure is devoted to Social Sciences and Humanities. Sparnatural component is querying <a href="https://nakala.fr/">NAKALA triplestore</a>.</p> </div> </div> <div class="col-lg-6"> <div class="box"> <div class="icon"><a href="https://labs.kadaster.nl/demonstrators/querybuilder/"><i class="fad fa-map"></i></a></div> <h4 class="title"><a href="https://labs.kadaster.nl/demonstrators/querybuilder/">The Netherlands' Cadastre</a></h4> <p class="description">A Sparnatural project using <a href="https://www.kadaster.nl/about-us">the Dutch Kadaster's</a> knowledge graph combined with Triply's map plugin to display geo data.</p> </div> </div> <div class="col-lg-6"> <div class="box"> <div class="icon"><a href="https://francearchives.gouv.fr/fr/requeteurnaturel"><i class="fad fa-archive"></i></a></div> <h4 class="title"><a href="https://francearchives.gouv.fr/fr/requeteurnaturel">FranceArchives, the national aggregator of French archives</a></h4> <p class="description">Sparnatural module here brings further assistance on querying <a href="https://francearchives.gouv.fr/en/article/334841641">RiC-O (Records in Contexts)</a> & <a href="https://schema.org/">schema.org</a> structured data.</p> </div> </div> </div> </section>        <section id="bibliography" class="section-bg"> <div class="container"> <div class="section-header"> <h3 class="section-title">Bibliography</h3> <span class="section-divider"></span> <p class="section-description">Videos, presentations and events featuring Sparnatural</p> </div> <ul class="bibliography-list"> <li id="eswc-2023"> <div class="entry"><i class="bi bi-chevron-right"></i>2023-05-28 - ESWC 2023</div> <div id="bib1" class="show" data-bs-parent=".faq-list"> <p> <a href="bibliography/20230528-ESWC/sparnatural-eswc-2023.pdf">Accepted short paper (5 pages)</a> at <a href="https://2023.eswc-conferences.org/">ESWC 2023 </a> (Extended Semantic Web Conference). </p> </div> </li> <li id="semweb.pro-2022"> <div class="entry"><i class="bi bi-chevron-right"></i><em>(fr)</em> 2022-11-08 - Semweb.pro</div> <div id="bib1" class="show" data-bs-parent=".faq-list"> <p> <a href="bibliography/20221108-semweb.pro/Sparnatural-ThomasFrancart-semwebpro-2022-v4.pptx">Presentation of Sparnatural</a> in French at the <a href="https://2022.semweb.pro">semweb.pro 2022</a> (in French), complemented by two screencasts videos : the <a href="https://youtu.be/-yEQdvtBvCg">screencast of the BNF demonstrator</a>, and the <a href="https://youtu.be/mdhllEKSkgs">screencast of the AN demonstrator</a>. </p> <p>The <a href="https://peertube.semweb.pro/w/pYYJweK8LhPfcfp8BPybvW"><b>video recording of the presentation</b></a> is available on the SemWeb.pro Peertube.</p> </div> </li> <li id="restitution-an-bnf"> <div class="entry"><i class="bi bi-chevron-right"></i><em>(en)</em> 2022-06-17 - Return of experience on the project Sparnatural : a tool to explore cultural heritage knowledge graphs</div> <div class="entry"><i class="bi bi-chevron-right"></i><em>(fr)</em> 17/06/2022 - Restitution du projet Sparnatural : un outil pour explorer des graphes de m茅tadonn茅es culturelles</div> <div id="bib1" class="show" data-bs-parent=".faq-list"> <p> <em>(fr)</em> Les Archives nationales, la BnF et le d茅partement du Num茅rique pour la transformation des politiques culturelles et l鈥檃dministration des donn茅es [DEPNUM] du minist猫re de la Culture se sont associ茅s en 2021 pour mener 脿 bien un projet visant deux objectifs :<br/><br/> </p> <ul> <li>1) d茅velopper une nouvelle version de Sparnatural, un 茅diteur open source de requ锚tes SPARQL (qui est le langage utilis茅 pour faire des recherches dans des graphes RDF) ;</li> <li>2) mettre en place deux d茅monstrateurs web pleinement op茅rationnels, pour permettre l鈥檈xploration et la recherche intuitives dans des graphes de m茅tadonn茅es culturelles gr芒ce 脿 des interfaces construites 脿 l鈥檃ide de cet outil.</li> </ul> <p> Le projet a 茅t茅 r茅alis茅 dans le cadre d鈥檜n march茅 public confi茅脿 la soci茅t茅 Sparna. La BnF (les responsables de data.bnf.fr) a donc construit avec Sparna un d茅monstrateur web pour interroger l鈥檈nsemble de ses donn茅es RDF, soit tout le contenu de data.bnf.fr. Les Archives nationales (le Lab, en concertation avec le d茅partement du Minutier central des notaires des Paris) ont construit avec Sparna un d茅monstrateur web qui permet d鈥檌nterroger les m茅tadonn茅es d茅crivant un tiers des archives notariales conserv茅es aux Archives nationales, qu鈥檈lles ont pr茅alablement converties en RDF conform茅ment 脿 l鈥檕ntologie RiC-O. </p> <p> Les supports de la restitution sont disponibles en t茅l茅chargement :<br/><br/> <ol> <li>La <a href="bibliography/20220617-AN/PresentationSparnaturalWebsem_170622.pdf">pr茅sentation de la strat茅gie s茅mantique du minist猫re de la Culture</a></li> <li>La <a href="bibliography/20220617-AN/20220617_Presentation_projet_Sparnatural_def.pdf">pr茅sentation du projet</a> : enjeux, d茅roulement, principaux r茅sultats</li> <li>La <a href="bibliography/20220617-AN/SPARNATURAL-ThomasFrancart-20220617.pdf">pr茅sentation de Sparnatural</a> : fonctionnalit茅s, configuration, utilisation, futur du projet (et sa <a href="bibliography/20220617-AN/SPARNATURAL-ThomasFrancart-20220617.pptx">variante d'origine en PPT</a>)</li> <li>Le <a href="bibliography/20220617-AN/Pres_databnf-Sparnatural_17-06-2022.pdf">d茅monstrateur de la BnF</a> : explorer les donn茅es de data.bnf.fr</li> <li>Le <a href="bibliography/20220617-AN/20220617_presentation_demonstrateur_AN_def.pdf">d茅monstrateur des Archives nationales</a> : s茅mantiser et explorer les m茅tadonn茅es des archives notariales</li> <li>La <a href="bibliography/20220617-AN/2022-06-17_Presentation_SPARNATURAL_OpenArchaeo.pdf">pr茅sentation du projet OpenArchaeo</a></li> </ol> </p> <p><em>(30/09/2022) :</em> <strong>L'enregistrement vid茅o de l'茅v猫nement est maintenant <a href="https://www.dailymotion.com/playlist/x7ljp5">disponible sur la chaine DailyMotion des Archives Nationales</a>.</strong></p> </div> </li> <li id="humanistica-2022"> <div class="entry"><i class="bi bi-chevron-right"></i><em>(fr)</em> 2022-05-21 - Colloque Humanistica</div> <div id="bib1" class="show" data-bs-parent=".faq-list"> <p> <a href="bibliography/20220521-Humanistica/Sparnatural Humanistica 21_05_2022.pdf">Presentation of Sparnatural</a> at the <a href="https://humanistica2022.sciencesconf.org/">Humanistica 2022</a> Colloque (in French) </p> </div> </li> <li id="europeana-2022"> <div class="entry"><i class="bi bi-chevron-right"></i><em>(fr + en)</em> 2022-03-01 - Europeana : Building the common European data space for cultural heritage together</div> <div id="bib1" class="show" data-bs-parent=".faq-list"> <p> <a href="https://youtu.be/93XV-SZD6tk">Video of presentation of Sparnatural</a> (French, subtitles in English) (6:50) </p> </div> </li> </ul> </div> </section>  <section id="gallery"> <div class="container-fluid" data-aos="fade-up"> <div class="section-header"> <h3 class="section-title">Gallery</h3> <span class="section-divider"></span>  </div> <div class="row no-gutters"> <div class="col-lg-4 col-md-6"> <div class="gallery-item"> <a href="assets/img/gallery/nakala1.png" data-gall="portfolioGallery" class="gallery-lightbox"> <img src="assets/img/gallery/nakala1.png" alt=""> </a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="gallery-item"> <a href="assets/img/gallery/nakala2.png" data-gall="portfolioGallery" class="gallery-lightbox"> <img src="assets/img/gallery/nakala2.png" alt=""> </a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="gallery-item"> <a href="assets/img/gallery/DutchKadaster.jpg" data-gall="portfolioGallery" class="gallery-lightbox"> <img src="assets/img/gallery/DutchKadaster.jpg" alt=""> </a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="gallery-item"> <a href="assets/img/gallery/FranceArchives.jpg" data-gall="portfolioGallery" class="gallery-lightbox"> <img src="assets/img/gallery/FranceArchives.jpg" alt=""> </a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="gallery-item"> <a href="assets/img/gallery/anf-demo-A.png" data-gall="portfolioGallery" class="gallery-lightbox"> <img src="assets/img/gallery/anf-demo-A.png" alt=""> </a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="gallery-item"> <a href="assets/img/gallery/anf-demo-B.png" data-gall="portfolioGallery" class="gallery-lightbox"> <img src="assets/img/gallery/anf-demo-B.png" alt=""> </a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="gallery-item"> <a href="assets/img/gallery/partitions.png" data-gall="portfolioGallery" class="gallery-lightbox"> <img src="assets/img/gallery/partitions.png" alt=""> </a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="gallery-item"> <a href="assets/img/gallery/dbpedia.png" data-gall="portfolioGallery" class="gallery-lightbox"> <img src="assets/img/gallery/dbpedia.png" alt=""> </a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="gallery-item"> <a href="assets/img/gallery/openarchaeo.png" data-gall="portfolioGallery" class="gallery-lightbox"> <img src="assets/img/gallery/openarchaeo.png" alt=""> </a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="gallery-item"> <a href="assets/img/gallery/archives-nationales.png" data-gall="portfolioGallery" class="gallery-lightbox"> <img src="assets/img/gallery/archives-nationales.png" alt=""> </a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="gallery-item"> <a href="assets/img/gallery/databnf.png" data-gall="portfolioGallery" class="gallery-lightbox"> <img src="assets/img/gallery/databnf.png" alt=""> </a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="gallery-item"> <a href="assets/img/gallery/legilux.png" data-gall="portfolioGallery" class="gallery-lightbox"> <img src="assets/img/gallery/legilux.png" alt=""> </a> </div> </div> <div class="col-lg-4 col-md-6"> <div class="gallery-item"> <a href="assets/img/gallery/semapps.png" data-gall="portfolioGallery" class="gallery-lightbox"> <img src="assets/img/gallery/semapps.png" alt=""> </a> </div> </div> </div> </div> </section>  <section id="contact"> <div class="container" data-aos="fade-up"> <div class="row"> <div class="col-lg-4 col-md-4"> <div class="contact-about"> <a href="http://sparna.fr"><img src="assets/img/sparna.png" style="width:100%" /></a> <p style="margin-top:10px;">Thomas Francart - Web of data and knowledge graph services. <br/>RDF OWL SPARQL SHACL SKOS FRBR CIDOC-CRM RIC-O</p> <div class="social-links"> <a href="http://sparna.fr"><i class="bi bi-building"></i></a> <a href="https://github.com/sparna-git/Sparnatural"><i class="bi bi-github"></i></a> <a href="http://blog.sparna.fr"><i class="bi bi-journal-text"></i></a> <a href="http://www.linkedin.com/in/thomasfrancart"><i class="bi bi-linkedin"></i></a> </div> </div> </div> <div class="col-lg-3 col-md-4"> <div class="info"> <div> <i class="bi bi-geo-alt"></i> <p>30 rue Andr茅 Theuriet<br/>37000 Tours - FRANCE</p> </div> <div> <i class="bi bi-envelope"></i> <p><a href="mailto:thomas.francart@sparna.fr">thomas.francart@sparna.fr</a></p> </div> <div> <i class="bi bi-building"></i> <p><a href="http://sparna.fr/contact">http://sparna.fr/contact</a></p> </div> </div> </div> </div> </div> </section> </main> <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-chevron-up"></i></a>  <script src="assets/vendor/aos/aos.js"></script> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> <script src="assets/vendor/php-email-form/validate.js"></script>  <script src="assets/js/main.js"></script> <script type="text/javascript"> document.getElementById("BtnGenerate").onclick = function() { //var input_link = document.getElementById('source-url').addEventListener("change",f_getURL); var urlgSheet = document.getElementById('source-url'); var val_endpoint = document.getElementById('endpoint-source-url'); var urlString = "https://xls2rdf.sparna.fr/rest/convert"; var urlResult = ""; if(urlgSheet.value != "" && val_endpoint != ""){ var urlSheet = ""; if(urlgSheet.value.includes("/edit")){ urlSheet = urlgSheet.value.split("/edit")[0]; } else { urlSheet = urlgSheet.value; } // Mime type of the RDF output format (e.g. "application/rdf+xml"). Turtle is returned by default urlString += "?url="+ urlSheet + "/export?format=xlsx"; //Don't apply SKOS post-processings after conversion. urlString += "&noPostProcessings=true"; var pageGeneric = "https://sparnatural.eu/demos/demo-generic" var urlGeneral = pageGeneric + "?lang=en" + "&config=" + encodeURI(urlString) + "&endpoint=" + encodeURI(val_endpoint.value); document.getElementById('sharable-url').value = urlGeneral; document.getElementById('btnOpenDemo').setAttribute("href", urlGeneral); return false; } }; </script> </body> </html>

CINXE.COM

Sparnatural - Visual SPARQL query builder