demo/OldurulenGazeteciler.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Journalists Assassinated in Turkey after 1970</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript" src="../js/d3.4.2.6.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="../keshif.js" charset="utf-8"></script>
    <link rel="stylesheet" href="../keshif.css"/ type="text/css">
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css">

    <script type="text/javascript" src="./js/demo.js" charset="utf-8"></script>
    <link rel="stylesheet" href="./css/demo.css" type="text/css">

    <script type="text/javascript">
google.charts.setOnLoadCallback(function(){
  kshf.lang.cur = kshf.lang.tr;
  browser = new kshf.Browser({
    domID: "#demo_Browser",
    recordName: "Öldürülen Gazeteci",
    categoryTextWidth: 130,
    rightPanelLabelWidth: 100,
    source: {
      gdocId: '0Ai6LdDWgaqgNdFA0YVYxdGZ4MUkycm1sMlREaHNhSlE',
      tables: "Journalists"
    },
    summaries: [
      { name: "Organizasyon", value: "Organization" },
      { name: "Sehir", value: "Location", panel: 'right' },
      { name: "Tarih", value: "Date", panel: 'bottom' }
    ],
    recordDisplay: {
      sortColWidth: 50,
      sortBy: 'Date',
      textSearch: "Journalist",
      recordView: 'Journalist'
    }
  });
});
    </script>
<style id="kshfStyle">
#demo_Browser {
  width: 750px;
  height: 550px;
}
</style>
  </head>
  <body>
    <div class="contents">
      <div id="demo_Browser"></div>
      </div>
  </body>
</html>