ideogram/examples/annotations_colored_arms.html

Chromosome visualization with D3.js

<!DOCTYPE html>
<html>
<head>
  <title>Annotations, colored arms | Ideogram</title>
  <style>body {font: 12px Arial; line-height: 19.6px;}</style>
  <script type="text/javascript" src="../dist/js/ideogram.min.js"></script>
  <script type="text/javascript" src="../data/bands/native/ideogram_9606_GCF_000001305.14_850_V1.js"></script>
</head>
<body>
  <h1>Annotations, colored arms | Ideogram</h1>
  <a href=".">Back to overview</a>

  <script type="text/javascript">

    var config = {
      organism: "human",
      orientation: "vertical",
      armColors: ["#D00", "#CCC"]
    };

    var ideogram = new Ideogram(config);

  </script>
</body>
</html>