jorgeyp

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

jorgeyp

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

jorgeyp

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

jorgeyp

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

jorgeyp

2. http://themes.3rdwavemedia.com/demo/devaid/
3. http://t413.com/SinglePaged/

jorgeyp

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])

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:

jorgeyp

/**
 * Add new data to the current graph. If it is empty, this creates a new one.
 * @param  {Object} datum - data to be rendered
 */
keepDrawing(datum) {
  super.keepDrawing(datum, 'replace');
}

jorgeyp

[
  {
    "id":"1",
    "children":[
      {
        "id":"2",
        "value":"30"
      },
      {
        "id":"3",

jorgeyp

String SQL_DRV = "com.mysql.jdbc.Driver";
String SQL_URL = "jdbc:mysql://"
        		+ host + ":" + port
        		+ "/" +  dbName 
        		+ "?user=" + user 
        		+ "&password=" + password;

Class.forName(SQL_DRV);
con = DriverManager.getConnection(SQL_URL);