plunkerでvega

1207 ワード
vega Plunker Plunker テキストリンク

概要

plunkerでvegaやってみた。
数式をグラフにしてみた。

写真

サンプルコード


function run() {
  var src = document.getElementById('src').value;
  var values = [];
  for(var x = -1; x < 1; x += 0.1)
  {
    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);
}

成果物

以上。