This is a Demo of ReactJs in action using highcharts to show some coral conservation information.

The architecture is based on React.JS with Router, Redux and Seamless Immutable. It is bundled using webpack. Babel has also been used for transpiling.

Look & feel has been implemented using Stylus, which is a feature-rich CSS pre-processor.

Tabs and Checkboxes are built-in using MaterialUI. They are dynamically laid out on the page by consuming an API-Call that returns Json.

Following the same line of working, each checkbox consumes a different API-Call for gathering the data being loaded into the highchart samples.