javascript - javascriptでjsonファイルから情報を抽出する方法

Question

ローカルのjsonファイルがあります

[{"image": "//www.dw.com/image/0,,18610867_301,00.jpg",
 "link": "//www.dw.com/en/alcoa-splitting-up-amid-commodity-slump/a-18746568",
 "heading": "Alcoa splitting up amid commodity slump"},

 {"image": "//www.dw.com/image/0,,18742245_301,00.jpg",
 "link": "//www.dw.com/en/kenya-ghetto-classics/a-18742091",
 "heading": "Kenya Ghetto Classics"},

 {"image": "//www.dw.com/image/0,,18045608_301,00.jpg",
 "link": "//www.dw.com/en/rajoy-seeks-talks-after-catalonia-election-win/a-18746178",
 "heading": "Rajoy seeks talks after Catalonia election win"},

 {"image": "//www.dw.com/image/0,,18746472_301,00.jpg",
 "link": "//www.dw.com/en/saudi-led-coalition-strikes-wedding-party-in-yemen-killing-scores-of-civilians/a-18746445",
 "heading": "Saudi-led coalition strikes wedding party in Yemen, killing scores of civilians"}]

ここで、別の JavaScript ファイルからそれを読み取り、その情報を素敵なテーブルに表示したいと考えています。テーブル visuliztaion では、ken.io を使用したいのですが、問題は、json ファイルを読み取って文字通り返すことができないことです。つまり、データを変更する必要はありません。データを読み取って、ken.io にプラグインするだけで済みます。

私は次のコードを試しています

$(document).ready(function() {
      var data = $.getJSON('data/web_stories.json', function(data) {
        dataStories = data
                               });

  Keen.ready(function(){
       var multipleEvents = {
        "stories": data

           }

// Send multiple events to several collections
client.addEvents(multipleEvents, function(err, res){
  if (err) {
    console.log('there is an error!')
  }
  else {
    console.log('data sent')
  }
});

しかし、うまくいかないようで、次のエラーが表示されます: 400 (Bad Request)