React
HTML
<script src="https://unpkg.com/viztein@0.1.4/umd/viztein.js"></script>
<div id="app"></div>
React
class Example extends React.Component {
render() {
const viewportStyle = {
width: '300px',
height: '300px',
};
const data = {
filename: "https://files.rcsb.org/download/4hhb.pdb",
config: [{
type: 'addRepresentation',
input: [
'ball+stick',
{aspectRatio: 8}
]
}]
};
return (
<Viztein
data={data}
viewportStyle={viewportStyle}
/>
)
}
}
ReactDOM.render(<Example />, document.querySelector("#app"))