ACDLを提唱します。その13

概要

ACDLとは、アプリは、クラウド、大切なデータは、ローカルです。
アプリ作ったので、plunkerに上げてみた。

機能

式からグラフを生成します。

写真

サンプルコード

function run() {
  var src = document.getElementById('src').value;
  var values = [];
  for(var x = -4; x < 5; x += .3)
  {
    eval(src);
    values.push({
      x: x, 
      y: y
    });
  }
  const spec = {
    '$schema': 'https://vega.github.io/schema/vega-lite/v2.json',
    'width': 300,
    'height': 300,
    'data': {
      'values': values
    },
    'mark': 'point',
    'encoding': {
      'x': {
        'field': 'x', 
        'type': 'quantitative'
      },
      'y': {
        'field': 'y', 
        'type': 'quantitative'
      }
    }
  };
  vegaEmbed('#vis', spec);
}

成果物

以上