Replace Recline with Vega views

[rufuspollock]

• vega => html working
• recline graph spec => vega(-lite)
  • Keep recline
• Replace "recline" bootup code in https://github.com/okfn/data.okfn.org-new/blob/master/public/js/catalog.js#L27 with new vega bootup code
  • TODO: what about the slickgrid table (???)
• All done

Recline spec to Vega

      "id": "Graph",
      "type": "Graph",
      "state": {
        "graphType": "lines",
        "group": "Date",
        "series": [ "VIXClose" ]
      }

=> Vega(-lite)

      "id": "Graph",
      "type": "vega-lite",
      "spec": {
         // appropriate vega spec here ... e.g. for example above a line graph ...
      }

[zelima]

@rgrp Could you point where and/or how recline spec is generated? If we construct relevant spec for Vega, Replacing recline bootup with simple code could help (with first glance).

vg.parse.spec(vegaSpec, function(error, chart) {
    var vis = chart({
      el:"#vis"
    });
    vis.update();
  });

[rufuspollock]

@zelima the recline spec comes from the datapackage.json - right?

[zelima]

@rgrp I have a little progress with changing recline graphs with vega-lite graphs. As an example it looks like this:

[zelima]

@rgrp Also I had to first roll back this commit 9d74771 to switch back to old view of website, since the new version was redirecting me to the actual website http://frictionlessdata.io

[zelima]

@rgrp I've pushed changes on my repo zelima@d7a67e4 Please review it.

[zelima]

@rgrp I've made new changes to code. For now it stitches between vegalite and recline(both graph and grid) views with help of simple html button and jquery toogle() method. As I found just the simplest, but maybe not even good approach to do this please review commit zelima@73da331 and leave your thoughts or remarks