Skip to content

Instantly share code, notes, and snippets.

@jacobwindsor

jacobwindsor/basic.html

Last active May 4, 2023 19:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jacobwindsor/3684220d95210df2dcbdf79b9e5c2ef5 to your computer and use it in GitHub Desktop.
Save jacobwindsor/3684220d95210df2dcbdf79b9e5c2ef5 to your computer and use it in GitHub Desktop.
Download ZIP
Pvjs Custom Element Basic Example
Raw
basic.html
<!DOCTYPE html>
<html lang="en">
<head>
<!--This is needed for everyting to behave-->
<meta charset="utf-8">
<title>Basic Pvjs</title>
<script src="https://unpkg.com/@wikipathways/pvjs/dist/index.js"></script>
<link rel="stylesheet" href="https://unpkg.com/@wikipathways/pvjs/dist/style.css" />
</head>
<body>
<div style="width:100vw;height:100vh;">
<wikipathways-pvjs wp-id="WP4"></wikipathways-pvjs>
</div>
</body>
</html>
@frasator
Copy link

Please can you update this example? , seems is not working anymore :(
Just want to try 4.0.4 version.

@egonw
Copy link

egonw commented Nov 30, 2018

@frasator, same problem here. I'll explore!

@larsgw
Copy link

larsgw commented May 4, 2023

Using the latest version where this works out of the box (3.7.4-beta):

<!DOCTYPE html>
<html lang="en">
        <head>
                <!--This is needed for everyting to behave-->
                <meta charset="utf-8">
                
                <title>Basic Pvjs</title>
                
                <script src="https://unpkg.com/@wikipathways/pvjs@3.7.4-beta/dist/index.js"></script>
                <link rel="stylesheet" href="https://unpkg.com/@wikipathways/pvjs@3.7.4-beta/dist/style.css" />
        </head>
        <body>
                <div style="width:100vw;height:100vh;">
                        <wikipathways-pvjs wp-id="WP4"></wikipathways-pvjs>
                </div>  
        </body> 
</html>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment