Skip to content

Commit

Permalink
fix: size of the editor, and update demo pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@vemonet
vemonet committed Oct 22, 2024
1 parent e8060fc commit 2c89a5b
Show file tree
Hide file tree
Showing 12 changed files with 359 additions and 337 deletions.
67 changes: 34 additions & 33 deletions demo/bgee.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,40 +12,41 @@
</head>

<body>
<div>
<sparql-editor
endpoint="https://www.bgee.org/sparql/"
examples-repository="https://github.com/sib-swiss/sparql-examples"
examples-repo-add-url="https://github.com/sib-swiss/sparql-examples/new/master/examples/Bgee"
>
<h4>About</h4>
<p>
Tutorial and documentation:
<a href="https://purl.org/sib-rdf/bgee-tutorial">Querying the Bgee knowledge graph</a>
</p>
<p>
Ontology (data schema): <a href="https://purl.org/genex/documentation">GenEx semantic model specification</a>
</p>
<p>Support: <a href="https://github.com/BgeeDB/bgee_pipeline/issues">open an issue here</a></p>
<sparql-editor
endpoint="https://www.bgee.org/sparql/"
examples-repository="https://github.com/sib-swiss/sparql-examples"
examples-repo-add-url="https://github.com/sib-swiss/sparql-examples/new/master/examples/Bgee"
></sparql-editor>

<h4>Other SPARQL editors for SIB endpoints</h4>
<ul>
<li><a href="/sparql-editor/uniprot">UniProt - protein knowledgebase</a></li>
<li><a href="/sparql-editor/bgee">Bgee - gene expression</a></li>
<li><a href="/sparql-editor/oma">OMA - Ortholog MAtrix</a></li>
<li>
<a href="/sparql-editor/swisslipids">SwissLipids - A knowledge resource for lipids and their biology</a>
</li>
<li>
<a href="/sparql-editor/rhea"
>Rhea - expert-curated knowledgebase of chemical and transport reactions of biological interest</a
>
</li>
<li><a href="/sparql-editor/hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
<li><a href="/sparql-editor/dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
</ul>
<p>You can check if an endpoint contains the <a href="/sparql-editor/check">necessary metadata here</a>.</p>
</sparql-editor>
<div class="info-box">
<h4>About</h4>
<p>
Tutorial and documentation:
<a href="https://purl.org/sib-rdf/bgee-tutorial">Querying the Bgee knowledge graph</a>
</p>
<p>
Ontology (data schema): <a href="https://purl.org/genex/documentation">GenEx semantic model specification</a>
</p>
<p>Support: <a href="https://github.com/BgeeDB/bgee_pipeline/issues">open an issue here</a></p>

<h4>Other SPARQL editors for SIB endpoints</h4>
<ul>
<li><a href="/sparql-editor">Editor for multiple endpoints</a></li>
<li><a href="/sparql-editor/uniprot">UniProt - protein knowledgebase</a></li>
<li><a href="/sparql-editor/bgee">Bgee - gene expression</a></li>
<li><a href="/sparql-editor/oma">OMA - Ortholog MAtrix</a></li>
<li>
<a href="/sparql-editor/swisslipids">SwissLipids - A knowledge resource for lipids and their biology</a>
</li>
<li>
<a href="/sparql-editor/rhea"
>Rhea - expert-curated knowledgebase of chemical and transport reactions of biological interest</a
>
</li>
<li><a href="/sparql-editor/hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
<li><a href="/sparql-editor/dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
</ul>
<p>You can check if an endpoint contains the <a href="/sparql-editor/check">necessary metadata here</a>.</p>
</div>
</body>
</html>
47 changes: 24 additions & 23 deletions demo/dbgi.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,29 +12,30 @@
</head>

<body>
<div>
<sparql-editor
endpoint="https://biosoda.unil.ch/graphdb/repositories/emi-dbgi"
examples-repo-add-url="https://github.com/sib-swiss/sparql-examples/new/master/examples/dbgi"
>
<h4>Other SPARQL editors for SIB endpoints</h4>
<ul>
<li><a href="/sparql-editor/uniprot">UniProt - protein knowledgebase</a></li>
<li><a href="/sparql-editor/bgee">Bgee - gene expression</a></li>
<li><a href="/sparql-editor/oma">OMA - Ortholog MAtrix</a></li>
<li>
<a href="/sparql-editor/swisslipids">SwissLipids - A knowledge resource for lipids and their biology</a>
</li>
<li>
<a href="/sparql-editor/rhea"
>Rhea - expert-curated knowledgebase of chemical and transport reactions of biological interest</a
>
</li>
<li><a href="/sparql-editor/hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
<li><a href="/sparql-editor/dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
</ul>
<p>You can check if an endpoint contains the <a href="/sparql-editor/check">necessary metadata here</a>.</p>
</sparql-editor>
<sparql-editor
endpoint="https://biosoda.unil.ch/graphdb/repositories/emi-dbgi"
examples-repo-add-url="https://github.com/sib-swiss/sparql-examples/new/master/examples/dbgi"
></sparql-editor>

<div class="info-box">
<h4>Other SPARQL editors for SIB endpoints</h4>
<ul>
<li><a href="/sparql-editor">Editor for multiple endpoints</a></li>
<li><a href="/sparql-editor/uniprot">UniProt - protein knowledgebase</a></li>
<li><a href="/sparql-editor/bgee">Bgee - gene expression</a></li>
<li><a href="/sparql-editor/oma">OMA - Ortholog MAtrix</a></li>
<li>
<a href="/sparql-editor/swisslipids">SwissLipids - A knowledge resource for lipids and their biology</a>
</li>
<li>
<a href="/sparql-editor/rhea"
>Rhea - expert-curated knowledgebase of chemical and transport reactions of biological interest</a
>
</li>
<li><a href="/sparql-editor/hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
<li><a href="/sparql-editor/dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
</ul>
<p>You can check if an endpoint contains the <a href="/sparql-editor/check">necessary metadata here</a>.</p>
</div>
</body>
</html>
47 changes: 24 additions & 23 deletions demo/hamap.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,29 +12,30 @@
</head>

<body>
<div>
<sparql-editor
endpoint="https://hamap.expasy.org/sparql/"
examples-repo-add-url="https://github.com/sib-swiss/sparql-examples/new/master/examples/HAMAP"
>
<h4>Other SPARQL editors for SIB endpoints</h4>
<ul>
<li><a href="/sparql-editor/uniprot">UniProt - protein knowledgebase</a></li>
<li><a href="/sparql-editor/bgee">Bgee - gene expression</a></li>
<li><a href="/sparql-editor/oma">OMA - Ortholog MAtrix</a></li>
<li>
<a href="/sparql-editor/swisslipids">SwissLipids - A knowledge resource for lipids and their biology</a>
</li>
<li>
<a href="/sparql-editor/rhea"
>Rhea - expert-curated knowledgebase of chemical and transport reactions of biological interest</a
>
</li>
<li><a href="/sparql-editor/hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
<li><a href="/sparql-editor/dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
</ul>
<p>You can check if an endpoint contains the <a href="/sparql-editor/check">necessary metadata here</a>.</p>
</sparql-editor>
<sparql-editor
endpoint="https://hamap.expasy.org/sparql/"
examples-repo-add-url="https://github.com/sib-swiss/sparql-examples/new/master/examples/HAMAP"
></sparql-editor>

<div class="info-box">
<h4>Other SPARQL editors for SIB endpoints</h4>
<ul>
<li><a href="/sparql-editor">Editor for multiple endpoints</a></li>
<li><a href="/sparql-editor/uniprot">UniProt - protein knowledgebase</a></li>
<li><a href="/sparql-editor/bgee">Bgee - gene expression</a></li>
<li><a href="/sparql-editor/oma">OMA - Ortholog MAtrix</a></li>
<li>
<a href="/sparql-editor/swisslipids">SwissLipids - A knowledge resource for lipids and their biology</a>
</li>
<li>
<a href="/sparql-editor/rhea"
>Rhea - expert-curated knowledgebase of chemical and transport reactions of biological interest</a
>
</li>
<li><a href="/sparql-editor/hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
<li><a href="/sparql-editor/dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
</ul>
<p>You can check if an endpoint contains the <a href="/sparql-editor/check">necessary metadata here</a>.</p>
</div>
</body>
</html>
81 changes: 35 additions & 46 deletions demo/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,53 +12,42 @@
</head>

<body>
<div>
<!-- <h1 align="center">💫 SPARQL editor for SIB endpoints</h1> -->
<sparql-editor
endpoint="https://sparql.uniprot.org/sparql/,https://www.bgee.org/sparql/,https://sparql.omabrowser.org/sparql/,https://beta.sparql.swisslipids.org/,https://sparql.rhea-db.org/sparql/,https://biosoda.unil.ch/graphdb/repositories/emi-dbgi,https://hamap.expasy.org/sparql/,https://rdf.metanetx.org/sparql/,https://sparql.orthodb.org/sparql"
examples-repository="https://github.com/sib-swiss/sparql-examples"
></sparql-editor>

<sparql-editor
endpoint="https://sparql.uniprot.org/sparql/,https://www.bgee.org/sparql/,https://sparql.omabrowser.org/sparql/,https://beta.sparql.swisslipids.org/,https://sparql.rhea-db.org/sparql/,https://biosoda.unil.ch/graphdb/repositories/emi-dbgi,https://hamap.expasy.org/sparql/,https://rdf.metanetx.org/sparql/,https://sparql.orthodb.org/sparql"
examples-repository="https://github.com/sib-swiss/sparql-examples"
>
<h4>Metadata-based SPARQL editor</h4>
<p>Metadata used by this editor are automatically retrieved by querying the endpoints:</p>
<ul>
<li>Context-aware autocomplete for classes and predicates based on the content of the endpoints</li>
<li>Example queries</li>
<li>Commonly used prefixes</li>
</ul>
<p>
See the <a href="https://github.com/sib-swiss/sparql-editor" target="_blank">repository</a> for more details,
or the <a href="check">check page</a> to check if an endpoint contains the necessary metadata.
</p>
<h4>Editors for specific SIB endpoints</h4>
<ul>
<li><a href="uniprot">UniProt - protein knowledgebase</a></li>
<li><a href="bgee">Bgee - gene expression</a></li>
<li><a href="oma">OMA - Ortholog MAtrix</a></li>
<li>
<a href="swisslipids">SwissLipids - A knowledge resource for lipids and their biology</a>
</li>
<li>
<a href="rhea"
>Rhea - expert-curated knowledgebase of chemical and transport reactions of biological interest</a
>
</li>
<li><a href="hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
<li><a href="dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
</ul>
</sparql-editor>
<div class="info-box">
<h2>💫 Metadata-based SPARQL editor 📝</h2>
<p>Metadata used by this editor are automatically retrieved by querying the endpoints. It features:</p>
<ul>
<li>Context-aware autocomplete for classes and predicates based on the content of the endpoints</li>
<li>Example queries</li>
<li>Commonly used prefixes</li>
</ul>
<p>
See the
<b><a href="https://github.com/sib-swiss/sparql-editor" target="_blank">source code repository</a></b> for more
details on how to generate and upload the required descriptive metadata to your endpoints, or to deploy this web
component yourself.
</p>
<p>Go to the <a href="check">check page</a> to check if an endpoint contains the necessary metadata.</p>
<p>You can also navigate editors focusing on specific SIB endpoints:</p>
<ul>
<li><a href="uniprot">UniProt - protein knowledgebase</a></li>
<li><a href="bgee">Bgee - gene expression</a></li>
<li><a href="oma">OMA - Ortholog MAtrix</a></li>
<li>
<a href="swisslipids">SwissLipids - A knowledge resource for lipids and their biology</a>
</li>
<li>
<a href="rhea"
>Rhea - expert-curated knowledgebase of chemical and transport reactions of biological interest</a
>
</li>
<li><a href="hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
<li><a href="dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
</ul>
</div>
</body>

<style>
body {
font-family: Arial, sans-serif;
/* display: flex;
justify-content: center;
align-items: center;
height: 100vh;
font-family: Arial, sans-serif;
background-color: #f4f4f4; */
}
</style>
</html>
57 changes: 29 additions & 28 deletions demo/metanetx.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,34 +12,35 @@
</head>

<body>
<div>
<sparql-editor
endpoint="https://rdf.metanetx.org/sparql/"
examples-repo-add-url="https://github.com/sib-swiss/sparql-examples/new/master/examples/MetaNetX"
>
<h4>Other SPARQL editors for SIB endpoints</h4>
<ul>
<li><a href="/sparql-editor/uniprot">UniProt - protein knowledgebase</a></li>
<li><a href="/sparql-editor/bgee">Bgee - gene expression</a></li>
<li><a href="/sparql-editor/oma">OMA - Ortholog MAtrix</a></li>
<li>
<a href="/sparql-editor/swisslipids">SwissLipids - A knowledge resource for lipids and their biology</a>
</li>
<li>
<a href="/sparql-editor/rhea"
>Rhea - expert-curated knowledgebase of chemical and transport reactions of biological interest</a
>
</li>
<li><a href="/sparql-editor/hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
<li>
<a href="/sparql-editor/metanetx"
>MetaNetX - Automated Model Construction and Genome Annotation for Large-Scale Metabolic Networks</a
>
</li>
<li><a href="/sparql-editor/dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
</ul>
<p>You can check if an endpoint contains the <a href="/sparql-editor/check">necessary metadata here</a>.</p>
</sparql-editor>
<sparql-editor
endpoint="https://rdf.metanetx.org/sparql/"
examples-repo-add-url="https://github.com/sib-swiss/sparql-examples/new/master/examples/MetaNetX"
></sparql-editor>

<div class="info-box">
<h4>Other SPARQL editors for SIB endpoints</h4>
<ul>
<li><a href="/sparql-editor">Editor for multiple endpoints</a></li>
<li><a href="/sparql-editor/uniprot">UniProt - protein knowledgebase</a></li>
<li><a href="/sparql-editor/bgee">Bgee - gene expression</a></li>
<li><a href="/sparql-editor/oma">OMA - Ortholog MAtrix</a></li>
<li>
<a href="/sparql-editor/swisslipids">SwissLipids - A knowledge resource for lipids and their biology</a>
</li>
<li>
<a href="/sparql-editor/rhea"
>Rhea - expert-curated knowledgebase of chemical and transport reactions of biological interest</a
>
</li>
<li><a href="/sparql-editor/hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
<li>
<a href="/sparql-editor/metanetx"
>MetaNetX - Automated Model Construction and Genome Annotation for Large-Scale Metabolic Networks</a
>
</li>
<li><a href="/sparql-editor/dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
</ul>
<p>You can check if an endpoint contains the <a href="/sparql-editor/check">necessary metadata here</a>.</p>
</div>
</body>
</html>
Loading

0 comments on commit 2c89a5b

Please sign in to comment.