Comments (4)
FYI: https://zachcp.github.io/molstarspec-docs/
from quarto-molstar.
This looks like you would only need to specify the MVSJ file and it will load the rest. Would you be open to a PR?
<link rel="stylesheet" type="text/css" href="molstar.css">
<script src="molstar.js"></script>
<div id = "app"></div>
<script>
molstar.Viewer.create("app", {
layoutIsExpanded: false,
layoutShowControls: false,
layoutShowRemoteState: false,
layoutShowSequence: true,
layoutShowLog: false,
layoutShowLeftPanel: true,
viewportShowExpand: true,
viewportShowSelectionMode: false,
viewportShowAnimation: false,
pdbProvider: "rcsb",
emdbProvider: "rcsb",
}).then(viewer => {
viewer.loadMvsFromUrl("./test.json", "mvsj"); // <== Looks like the viewer can load an MVSJ with just this line.
});
</script>
from quarto-molstar.
absolutely, would be a great addition :)
from quarto-molstar.
I didn't expect this to work, because we are getting the js and css for the embedded molstar from their web-viewer example (https://github.com/jmbuhr/quarto-molstar?tab=readme-ov-file#update-mol-extension-developement), in which I didn't see the UI for the extension, but maybe it's still built in.
from quarto-molstar.
Related Issues (9)
- viewer initially only shows black screen in revealjs HOT 1
- Adding volume visualization HOT 5
- Local files aren't moved with website building. HOT 8
- quick styles are not contained to one viewer HOT 5
- Pass more options to molstar viewer creation
- molrender and molar support HOT 1
- opening molstar with different type HOT 9
- Revealjs MOLSTAR HOT 15
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from quarto-molstar.