/react-dash-server

Primary LanguageJavaScript

react-dash-server -- BETA

This is a very loosely implemented test harness for react dash. The express app allows you to use a gist as a configuration object to test dashboard implementations. It also allows you to load the demo sites for different versions (coming soon) of the react-dash library.

NOTE that this is largely a proof of concept. In practice, react-dash development involves using custom data handling functions which cannot be loaded remotely for security reasons. For non-trivial react-dash development use the react-dashboard-boilerplate project which provides a robust development environment, local dev server etc.

Setup react-dash-server

Requirements

  • nodejs

Installation

  • clone this repository
  • cd into repo
  • npm install

Using react-dash-server

  • Run the server: node app.js
  • create a gist with a valid react-dash settings.js file
  • visit localhost:3333/:DASH_VERSION/GIST_ID
  • visit localhost:3333/react-dashbaord to see the demo of the current library

exampke of working gist

{
	"title": "Hello World",
	"components": [{
		"type": "Chart",
		"cardStyle": "Chart",
		"header": "My Pie Chart",
		"data": [
			[{
				"x": 1,
				"y": 40
			}, {
				"x": 2,
				"y": 40
			}, {
				"x": 3,
				"y": 20
			}]
		],
		"dataHandlers": ["NVD3.toPieChartSeries"],
		"settings": {
			"type": "pieChart",
			"x": "x",
			"y": "y",
			"height": "600"
		}
	}]
}

see valid react-dash settings.js file for more examples and info

Related Projects