This example demonstrate using SpecdrawJS to handle jcamp-dx files easily. Proton spectrum of indomethacin is obtained from a URL and processed in the browser. The App offers full interactivity with the data.
For details about SpecdrawJS.
For more examples see NMRPro.
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <title>SpecdrawJS: Full client-side mode - SampleSet spectra</title> | |
| <link rel="stylesheet" href="https://rawgit.com/ahmohamed/specdraw.js/master/specdraw.min.css" type="text/css"> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <script src="https://rawgit.com/ahmohamed/specdraw.js/master/specdraw.js"></script> | |
| <style type="text/css"> | |
| #container { | |
| width:960px; | |
| height:500px; | |
| } | |
| </style> | |
| <body> | |
| <div id="container"></div> | |
| <script> | |
| var spec_app = specdraw.App() | |
| .data('https://rawgit.com/cheminfo-js/jcampconverter/master/test/data/indometacin/1h.dx'); | |
| d3.select('#container').call(spec_app); | |
| </script> |
