0.6.0 • Published 10 months ago
react-nglviewer v0.6.0
React NGLViewer Component
A React component designed to display and interact with molecular structures using NGL library, providing a visually appealing and user-friendly interface for scientific research and education.
一個 React 元件,使用 NGL 來顯示分子結構。
Features
- Display molecular structures
Installation
The react-nglviewer library is available as an NPM package. Install it either with NPM:
npm install --save react-nglviewer
or Yarn:
yarn add react-nglviewer
Usage
A minimal example of using react-nglviewer is as follows:
import React from 'react';
import { ReactNglViewer } from 'react-nglviewer';
function App() {
return (
<div className="App" style={{ width: '100%', height: '800px' }}>
<ReactNglViewer fileName="1crn.cif" filePath="rcsb://1crn" />
</div>
);
}
export default App;
- fileName (required) Format detection is based on the file extension.
- filePath (required) A URL or an object containing the file data.
License
Distributed under the MIT License.
Credits
- AS Rose, AR Bradley, Y Valasatava, JM Duarte, A Prlić and PW Rose. NGL viewer: web-based molecular graphics for large complexes. Bioinformatics: bty419, 2018. doi:10.1093/bioinformatics/bty419
- AS Rose and PW Hildebrand. NGL Viewer: a web application for molecular visualization. Nucl Acids Res (1 July 2015) 43 (W1): W576-W579 first published online April 29, 2015. doi:10.1093/nar/gkv402
0.6.0
10 months ago
0.6.0-rc.1
10 months ago
0.5.0
1 year ago
0.4.3
1 year ago
0.4.2
1 year ago
0.4.1
1 year ago
0.4.0
1 year ago
0.3.0
1 year ago
0.1.0-beta.1
1 year ago
0.1.0-beta.0
1 year ago