ideogram/examples/ploidy_basic.html

Chromosome visualization with D3.js

<html>
<head>
  <title>Ploidy, basic | Ideogram</title>
  <style>body {font: 12px Arial; line-height: 19.6px;}</style>
  <script type="text/javascript" src="../dist/js/ideogram.min.js"></script>
</head>
<body>
  <h1>Ploidy, basic  | Ideogram</h1>
  <a href=".">Back to overview</a> |
  <a href="brush.html">Previous</a> |
  <a href="ploidy_rearrangements.html">Next</a>
  <p>
    This diploid genome shows maternal ("M") and paternal ("P") chromosomes of
    a karyotypically normal human female (46,XX).
  </p>
  <script type="text/javascript">

    var config = {
      organism: "human",
      sex: "female",
      chrHeight: 300,
      chrWidth: 8,
      ploidy: 2
    };

    var ideogram = new Ideogram(config);

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