Safety Shift Plot - React/Webcharts Example

This chart shows changes in lab measures, vital signs and other related measures for a simulated clinical trial, and is designed to be used with the (soon to be released) ChartFoundry platform. This page was created using webcharts and the associated Safety Shift Plot.

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
</head>
<body>
    <div id="chart"></div>
</body>
<script src="https://fb.me/react-0.14.7.js"></script>
<script src="https://fb.me/react-dom-0.14.7.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="https://graphics.rhoworld.com/src/webcharts/webcharts.v1.5.0.js"></script> 
<script src="https://cdn.jsdelivr.net/gh/rhoinc/safety-shift-plot/reorg/build/safetyshiftplot-chf.js"></script>

d3.csv(dataFile, function (data){
    // add data to props
    props.data = data;

// render to DOM
    ReactDOM.render(
        React.createElement(safetyShiftPlot, props),
        document.getElementById('chart')
    );
});
</script>
</html>

Updated missing url https://rawgit.com/RhoInc/safety-shift-plot/reorg/build/safetyShiftPlot-chf.js to https://cdn.jsdelivr.net/gh/rhoinc/safety-shift-plot/reorg/build/safetyshiftplot-chf.js

https://fb.me/react-0.14.7.js

https://fb.me/react-dom-0.14.7.js

https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js

https://d3js.org/d3.v3.min.js

https://graphics.rhoworld.com/src/webcharts/webcharts.v1.5.0.js

https://rawgit.com/RhoInc/safety-shift-plot/reorg/build/safetyShiftPlot-chf.js