Forked from Syntagmatic. Working on visualizing 80,000+ entry chromosome dataset for Stephen Sheng.
<!DOCTYPE html>
<meta charset="utf-8">
<style>
path {
stroke: #000;
stroke-width: 1.5px;
fill: none;
}
</style>
<body>
<script src="//d3js.org/d3.v3.js"></script>
<script>
var w = 960,
h = 500;
var svg = d3.select("body")
.append("svg")
.attr("width", w)
.attr("height", h);
var xScale = d3.scale.linear()
.range([0, w]);
var yScale = d3.scale.ordinal()
.rangeRoundBands([0, h]);
var line = d3.svg.line()
.x(function(d) { return xScale(d.tx); })
.y(function(d) { return yScale(d.i); });
d3.tsv("sample.tsv", function(error, data) {
xScale.domain([d3.min(data, function(d) { return d["txStart"]; }),
d3.max(data, function(d) { return d["txEnd"]; })])
yScale.domain(d3.range(data.length))
var paths = svg.selectAll("path")
.data(data.map(function(d,i) {
return [
{ tx: d.txStart, i: i },
{ tx: d.txEnd, i: i }
]
}))
.enter()
.append("path")
.attr("d", line)
/*
.attr("transform", function(d, i) {
return "translate(0," + yScale(i) + ")";
});
*/
});
</script>
#name chrom strand txStart txEnd
uc001aaa.3 chr1 + 11873 14409
uc010nxr.1 chr1 + 11873 14409
uc010nxq.1 chr1 + 11873 14409
uc009vis.3 chr1 - 14361 16765
uc009vit.3 chr1 - 14361 19759
uc009viu.3 chr1 - 14361 19759
uc001aae.4 chr1 - 14361 19759
uc001aah.4 chr1 - 14361 29370
uc009vir.3 chr1 - 14361 29370
uc009viq.3 chr1 - 14361 29370
uc001aac.4 chr1 - 14361 29370
uc009viv.2 chr1 - 14406 29370
uc009viw.2 chr1 - 14406 29370
uc009vix.2 chr1 - 15602 29370
uc009vjd.2 chr1 - 15795 18061
uc009viy.2 chr1 - 16606 29370
uc009viz.2 chr1 - 16606 29370
uc009vjc.1 chr1 - 16857 17751
uc001aai.1 chr1 - 16857 19759
uc010nxs.1 chr1 - 16857 29370
uc009vjb.1 chr1 - 16857 29961
uc009vje.2 chr1 - 17232 29370
uc009vjf.2 chr1 - 17605 29370