Successfully reported this slideshow.
Your SlideShare is downloading. ×

BOSC 2015 Open PHACTS HTML widgets

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 9 Ad

BOSC 2015 Open PHACTS HTML widgets

Download to read offline

Open PHACTS is a linked data platform and API featuring various life sciences datasets like ChEMBL, Drugbank, DisGeNET, Gene Ontology, Uniprot and ChEBI. Visualisations of the data can be embedded in your own web page using the Open PHACTS widgets available from the BioJS registry.

Open PHACTS is a linked data platform and API featuring various life sciences datasets like ChEMBL, Drugbank, DisGeNET, Gene Ontology, Uniprot and ChEBI. Visualisations of the data can be embedded in your own web page using the Open PHACTS widgets available from the BioJS registry.

Advertisement
Advertisement

More Related Content

Similar to BOSC 2015 Open PHACTS HTML widgets (20)

Recently uploaded (20)

Advertisement

BOSC 2015 Open PHACTS HTML widgets

  1. 1. Open PHACTS Widgets Visualising linked data Ian Dunlop, University of Manchester ian.dunlop@manchester.ac.uk
  2. 2. NO public SPARQL endpoint Access via HTTP API http://dev.openphacts.org/docs/1.5
  3. 3. https://explorer.openphacts.org
  4. 4. Open PHACTS widgets on your web page https://github.com/openphacts/ops-html-widgets By adding a <div> with a specific class: <div class="molecule-viz" data-ops-label="aspirin" style="display: none;"/> <div class="compound-info" data-ops-uri="http://www.conceptwiki.org/concept/dd758846-1dac-4f0d-a329-06af9a7fa413" style="display: none;"><div>Preferred Label: {{prefLabel}}</div><div>SMILES: {{smiles}}</div><div>Inchi: {{inchi}}</div></div> Or, add the contents to a div using JavaScript: <div id="compound-info-div" style="display: none;"/> var compoundWidget = new Openphacts.CompoundWidget(appUrl, appID, appKey); compoundWidget.infoByURI("http://www.conceptwiki.org/concept/dd758846-1dac-4f0d-a329- 06af9a7fa413", "compound-info-div");
  5. 5. http://dev.mygrid.org.uk/blog/2014/05/coding-without-coding-announcing-the-open-phacts-html-widgets/
  6. 6. Bio JS 1 http://openphacts.github.io/ops-html-widgets/
  7. 7. Bio JS 2 http://biojs.io/d/openphacts-vis-compoundinfo

Editor's Notes

  • Open PHACTS is a linked data platform with all your favourite life science and cheminformatics data sets joined together. With more datasets appearing every API release. eg DisGenet for disease info and Tissue databases.
  • No SPARQL free for all. Everything is accessed via predefined API calls over http. All the data is open and available. All the code is on github. You could set up your own openphacts instance if you wanted. In We even have docker images that make it easy for you to do so.
  • Some API examples more at dev.openphacts.org. Each request generally requires a uri parameter which represents the thing you are interested in. Responses are available in various formats JSON, XML, TTL, TSV etc. CORS & JSONP are enabled for javascript.
  • As well as the API we built many demonstrator apps to show what you could do with the data and libraries to support them like ops.js. The explorer uses common web paradigms to make it easy for users to browse the data in openphacts without ever exposing the linked data nature.
  • Some users asked if they could show the explorer style visualisations on their own websites. Using the handlebars templates we developed for the explorer and some javascript we enabled users to embed a compound info widget in their web pages. You could embed them using just a div with a class that the page looks for on load, fetches the data and populates with a template or programatically change the contents of a div.
  • Here is an actual example, with some compound info embedded in a wordpress blog.
  • We then added these widgets to the BIOJS 1 registry. Here is an example for the same compound info one as before
  • We are now redeveloping them for BioJS 2 as well as refactoring the supporting libraries for Node JS.

×