<!doctype html>
<!--[if lt IE 7]>      <html class='no-js lt-ie9 lt-ie8 lt-ie7' lang=''> <![endif]-->
<!--[if IE 7]>         <html class='no-js lt-ie9 lt-ie8' lang=''> <![endif]-->
<!--[if IE 8]>         <html class='no-js lt-ie9' lang=''> <![endif]-->
<!--[if gt IE 8]><!-->
<html class='no-js' lang=''>
<!--<![endif]-->

<head>
  <title>Websocket gauge</title>
  <script src='../node_modules/d3/build/d3.min.js'></script>
  <script src='../dist/proteic.js'></script>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="../dist/proteic.css">
</head>

<body>
  <div id='chart'></div>

  <script>
    var ws = new WebSocket('ws://192.168.3.32:3000/gauge');

    var ds = new proteic.WebsocketDatasource(ws);
    //No draw() call, since it is connected to a endpoint and data is automaticaly drawn.
    //Chart uses #chart selector by default
    gauge = new proteic.Gauge([{ value: 50 }], {});

    gauge.draw();

    gauge.datasource(ds);
    //Start streaming
    ds.start();
  </script>
</body>

</html>
<!doctype html>
<!--[if lt IE 7]>      <html class='no-js lt-ie9 lt-ie8 lt-ie7' lang=''> <![endif]-->
<!--[if IE 7]>         <html class='no-js lt-ie9 lt-ie8' lang=''> <![endif]-->
<!--[if IE 8]>         <html class='no-js lt-ie9' lang=''> <![endif]-->
<!--[if gt IE 8]><!-->
<html class='no-js' lang=''>
<!--<![endif]-->

<head>
  <title>Websocket gauge</title>
  <script src='../node_modules/d3/build/d3.min.js'></script>
  <script src='../dist/proteic.js'></script>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="../dist/proteic.css">
</head>

<body>
  <div id='chart'></div>

  <script>
    var ws = new WebSocket('ws://192.168.3.32:3000/gauge');

    var ds = new proteic.WebsocketDatasource(ws);
    //No draw() call, since it is connected to a endpoint and data is automaticaly drawn.
    //Chart uses #chart selector by default
    gauge = new proteic.Gauge([], {});

    gauge.draw();

    gauge.datasource(ds);
    //Start streaming
    ds.start();
  </script>
</body>

</html>

Change initial value of streaming gauge chart in example
Change initial value of streaming gauge chart in example
