Draw vertical lines with jquery

I have the following json, and I need to create a grid, and also above the grid I need to show vertical lines based on the values:

var arr = [];

 arr= [
   {"Measure":"Air Pollution","Rank":"1","Value":"15.5"},
   {"Measure":"Water Pollution","Rank":"2","Value":"13.5"},
   {"Measure":"Soil Erosion","Rank":"3","Value":"10.5"}
 ]

Now I need to create a grid and above the grid, I need to create vertical columns based on the value. 3 bars will be created, as there are 3 values. Now that the first row in the grid is selected, you must select the first vertical bar. Similarly, when the first vertical bar is selected, the 1st row in the grid is selected. Grid creation is not a problem, since I use KendoUI grid, but to create vertical bars, and the choice is the one I'm stuck in. Any views?

Thank.