Chromosome visualization with D3.js
More examples: http://eweitz.github.io/ideogram/
$ cd <your local web server document root>
$ git clone https://github.com/eweitz/ideogram.git
Then go to http://localhost/ideogram/examples.
<head>
<link type="text/css" rel="stylesheet" href="../src/css/ideogram.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.1.1/d3.min.js"></script>
<script type="text/javascript" src="../src/js/ideogram.js"></script>
</head>
<body>
<script type="text/javascript">
var ideogram = new Ideogram({
organism: "human",
annotations: [{
"name": "BRCA1",
"chr": "17",
"start": 43044294,
"stop": 43125482
}]
});
</script>
</body>