sample line graphs with angular dimple

sample-graphs-and-data.html

[
  {
    "x": 0,
    "y": 12,
    "for": "Foo"
  },
  {
    "x": 1,
    "y": 24,
    "for": "Foo"
  },
  {
    "x": 0,
    "y": 3,
    "for": "Bar"
  },
  {
    "x": 1,
    "y": 9,
    "for": "Bar"
  }    
]

<graph data="graphData">
  <x field="x" order-by="x"></x>
  <y field="y"></y>
  <graph-legend></graph-legend>
  <line field="for" value="Foo"></line>
  <line field="for" value="Bar"></line>
</graph>