Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to cite the sbgnviz.js into the <script> lable of html? #209

Open
HanMengying opened this issue Apr 9, 2020 · 2 comments
Open

How to cite the sbgnviz.js into the <script> lable of html? #209

HanMengying opened this issue Apr 9, 2020 · 2 comments

Comments

@HanMengying
Copy link

Hi, I want to use this sbgnviz.js to show my pathway inserct my frame of Django, so I need to insert this into html by citing the label of <script>. I saw your readme that "In plain JS you do not need to require the libraries you just need to register sbgnviz with the options". Exactly, I have no idea how to do. Could you give me (An example) some codes to how to visualize a specific pathways as detailed as possible? I have some format pathways, such as sbgn,sbml. I am looking foward to your reply.

@cannin
Copy link

cannin commented Apr 9, 2020

@HanMengying maybe this CodeSandbox example helps: https://github.com/cannin/sbgnviz.js-sample-app

@GeorgeS2019
Copy link

GeorgeS2019 commented Nov 5, 2020

@cannin The sbgnviz.js-sample-app is written in way that is very different from the typical cytoscape extension.

Is it possible to provide simple example showing how to use the various sbgnviz API in the same format as typical cytoscape extensions

A single demo.html showing how to use SBGNviz API to load a sbgn.xml file and display that.

e.g.

<link href="app/css/sbgnviz.css" rel="stylesheet">
<script src="node_modules/sbgnviz/dist/sbgnviz.min.js"></script>

with other dependent stylesheet and cytoscape and cytoscape extension libraries. 
var sbgn = window.sbgn = sbgnviz({
	container: document.getElementById('sbgn-network-container'),

	ready: function(){
},

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants