Skip to content

Instantly share code, notes, and snippets.

@mojaie
Last active August 26, 2017 08:19
Show Gist options
  • Save mojaie/a89c7ba0ba1ee5c91a387e3fd1e8ae4e to your computer and use it in GitHub Desktop.
Save mojaie/a89c7ba0ba1ee5c91a387e3fd1e8ae4e to your computer and use it in GitHub Desktop.
Drug dataset table
license: mit
height: 650
<!DOCTYPE html>
<title>Drug dataset table</title>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="https://mojaie.github.io/kiwiii-client/default.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
<script src="https://unpkg.com/dexie@latest/dist/dexie.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pako/1.0.5/pako.min.js"></script>
<script src="https://mojaie.github.io/kiwiii-client/kwdatatable.js"></script>
<body style="overflow-y: hidden"><!-- disable scroll for DataGrid -->
<div id="datatable" style="margin-left: 10px"></div>
<script src="tableview.js"></script>
d3.request("https://mojaie.github.io/kiwiii-client/resources/ApprovedFiltered.json.gz")
.responseType("arraybuffer")
.get(data => {
const tbl = JSON.parse(pako.inflate(data.response, {to: 'string'}));
d3.select('#datatable')
.call(kwdatatable.grid.createDataGrid, tbl)
.call(kwdatatable.grid.dataGridRecords, tbl.records, d => d._index)
.call(kwdatatable.grid.addSort, tbl.records, d => d._index)
.style("transform-origin", "top left")
.style("transform", "scaleX(0.9) scaleY(0.9)");
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment