Jorge Yagüe París jorgeyp

Proteus connector messages

Rationale

We want the developers to be able to create charts from the backend code. In order to achieve that, Proteus-backend may send WebSocket messages containing a chart identifier along its data, visualisation type and aditional information like a label. With this design, the Proteus-charts library should be able to create new charts on demand for new charts from the backend.

Implementation

On the client side, the developer may set a container div where the library will create additional div containers for each new chart requested from the server.

Data format

The following is a proposed data format for the connector messages:

	class SvgBarchartStrategy extends SvgChart {

	constructor(chartContext) {
	super(chartContext);
	//Create range function
	this.xAxisName = 'x';
	this.yAxisName = 'y';
	// this.x = d3.scale.ordinal().rangeRoundBands([0, this.width], 0.1);
	this.x = d3.scaleBand()
	.rangeRound([0, this.width])

	[
	{ "x": 34 },
	{ "x": 35 },
	{ "x": 36 },
	{ "x": 35 },
	]

	{
	"title": "Microsoft Sculpt Mouse",
	"rules": [
	{
	"description": "Mission Control, expose and launchpad with side button",
	"manipulators": [
	{
	"type": "basic",
	"from": {
	"key_code": "delete_or_backspace",

	BEGIN MESSAGE.
	qPWzasbOcRuUgUg A8PTpKt6Vgud1aM 7bxKpG3bJXNzDWi jvFdV523JECg5Yp
	rZRIH9h9FIceV9H 1l4bCXRSjsBTCKq 6Xr2MZHgg4Sa4jc ULOIwDFvPPto5SL
	nodbaoE5jT2Oi0z e9wjyGla09T9Sa2 VGRZLxEcLY01ACm QPpgcRMNa0d4Yqz
	WMlZx8B15qxDTyB vxPCIQZLJVgaD33 YbXne2IP.
	END MESSAGE.

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console