This example demonstrate using SpecdrawJS in static mode. This mode displays the spectrum but doesn't offer the user any interactivity with the data.
For details about SpecdrawJS.
For more examples see NMRPro.
xxxxxxxxxx
<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="https://d3js.org/d3.v3.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/ahmohamed/specdraw.js/specdraw.js"></script>
<style type="text/css">
#container {
width:960px;
height:500px;
}
</style>
<body>
<div id="container"></div>
<script>
var spec_app = specdraw.App().config(1)
.data('https://rawgit.com/cheminfo-js/jcampconverter/master/test/data/indometacin/1h.dx');
d3.select('#container').call(spec_app);
</script>
Modified http://d3js.org/d3.v3.min.js to a secure url
Updated missing url https://rawgit.com/ahmohamed/specdraw.js/master/specdraw.js to https://cdn.jsdelivr.net/gh/ahmohamed/specdraw.js/specdraw.js
https://d3js.org/d3.v3.min.js
https://rawgit.com/ahmohamed/specdraw.js/master/specdraw.js