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: [
        	'cartoon',
          {color: 'orange'}
        ]
      }]
    };
    
    return (
        <Viztein
         data={data}
         viewportStyle={viewportStyle}
        />
    )
  }
}

ReactDOM.render(<Example />, document.querySelector("#app"))