<commit_before><!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.css"/>
    
    <!-- Necessary includes for LocusZoom.js -->
    <script src="locuszoom.vendor.min.js" type="text/javascript"></script>
    <script src="locuszoom.app.js" type="text/javascript"></script>
    <link rel="stylesheet" href="locuszoom.css" type="text/css"/>
    
    <title>LocusZoom.js</title>

    <style>
      body {
        background-color: #FAFAFA;
        margin: 0px 20px;
      }
      img {
        max-width: 100%;
        box-sizing: border-box;
      }
      div.example > a > h6 {
        margin-bottom: 0.5em;
      }
      div.example > a > img {
        border: 1px solid #8A8A8A;
        margin-bottom: 1.4em;
      }
    </style>

  </head>

  <body>
    <div class="container">

      <h1 style="margin-top: 1em;"><strong>LocusZoom.js</strong></h1>
      <h5 style="color: #777">A Javascript/d3 embeddable plugin for interactively visualizing and navigating statistical genetic data from customizable sources.</h5>
      
      <hr>

      <a name="try_it"></a>
      <h3>Try LocusZoom.js</h3>
      <p>Shown here is a standard interactive LocusZoom plot, depicting GWAS association data with gene tracks loaded from a University of Michigan API. Change the region of the genome in view by <b>scrolling to zoom</b> or <b>dragging to pan</b>, or use some of the links below to jump to top hits for this study by gene. Click around and experiment... LocusZoom.js can do a lot.</p>
      <div class="row">
        <div class="two columns">
          <h4>Top Hits</h4>
          <style>ul.top_hits li { margin-bottom: 0rem; }</style>
          <ul class="top_hits" style="padding-left: 0.2rem; min-width: 110px;"></ul>
        </div>
        <div class="ten columns">
          <div id="plot" data-region="10:114550452-115067678"></div>
        </div>
      </div>
      <p>To see other forms of LocusZoom.js in action take a look at <a href="http://locuszoom.org/locuszoomjs.php">locuszoom.org</a> or the <a href="#examples">examples</a> on this page.</p>

      <hr>

      <a name="get_it"></a>
      <h3>Get LocusZoom.js</h3>
      
      <h5><strong>Current stable release: <a href="https://github.com/statgen/locuszoom/releases/tag/v0.5.6">v0.5.6</a></strong></h5>
      <p>To use LocusZoom.js in your application you will need <i>both</i> LocusZoom's compiled Javascript and CSS <i>and</i> two third-party Javascript libraries (available here in a single vendor bundle).</p>
      
      <div class="row">
        <div class="three columns">
          <h6><strong>Javascript</strong></h6>
        </div>
        <div class="nine columns">
          <tt><a href="https://statgen.github.io/locuszoom/versions/0.5.6/locuszoom.app.js">https://statgen.github.io/locuszoom/versions/0.5.6/locuszoom.app.js</a></tt>
          <br>
          <small><i>minified:</i> <tt><a href="https://statgen.github.io/locuszoom/versions/0.5.6/locuszoom.app.min.js">locuszoom.app.min.js</a></tt></small>
        </div>
      </div>
      
      <br>
      
      <div class="row">
        <div class="three columns">
          <h6><strong>CSS</strong></h6>
        </div>
        <div class="nine columns">
          <tt><a href="https://statgen.github.io/locuszoom/versions/0.5.6/locuszoom.css">https://statgen.github.io/locuszoom/versions/0.5.6/locuszoom.css</a></tt>
          <br>
          <small><i>All CSS classes are namespaced to avoid collisions</i></small>
        </div>
      </div>

      <br>
      
      <div class="row">
        <div class="three columns">
          <h6><strong>Dependencies</strong></h6>
        </div>
        <div class="nine columns">
          <tt><a href="https://statgen.github.io/locuszoom/locuszoom.vendor.min.js">https://statgen.github.io/locuszoom/locuszoom.vendor.min.js</a></tt>
          <br>
          <small><i>Contains <a href="https://github.com/d3/d3">d3</a> v3.5.6 and <a href="https://github.com/kriskowal/Q">Q</a> (any version)</i></small>
        </div>
      </div>

      <br>
      
      <p>To download or link to past builds of LocusZoom.js use the URL structure above and the version number of your choice. A complete list of past releases can be seen <a href="https://github.com/statgen/locuszoom/releases">here</a>.</p>

      <h5>Download Full Source (Latest Version)</h5>
      <div>
        <a class="button lz-dashboard-button-yellow" href="https://github.com/statgen/locuszoom/zipball/master">Download .zip</a>
        <a class="button lz-dashboard-button-yellow" href="https://github.com/statgen/locuszoom/tarball/master">Download .tar.gz</a>
        <a class="button lz-dashboard-button-green" href="https://github.com/statgen/locuszoom" id="view-on-github">View on GitHub</a>
      </div>        

      <hr>

      <a name="docs_and_support"></a>
      <h3>Documentation and Support</h3>
      
      <a class="button lz-dashboard-button-blue" href="https://github.com/statgen/locuszoom/wiki">Complete LocusZoom.js API Documentation</a>
      <br>
      <a class="button lz-dashboard-button-purple" href="https://groups.google.com/forum/#!forum/locuszoom">LocusZoom Message Board</a>
      
      <hr>

      <a name="examples"></a>
      <h3>Example Plots</h3>

      <p>LocusZoom.js is customizable, extensible, and highly flexible. It can work with a wide variety of different types of data. Below are some examples to show some of LocusZoom.js's variability.</p>

      <div class="row">
        <div class="four columns example">
          <a href="examples/interval_annotations.html">
            <h6><strong>Interval Annotations</strong></h6>
            <img src="examples/interval_annotations.png" alt="Interval Annotations">
          </a>
        </div>
        <div class="four columns example">
          <a href="examples/phewas_scatter.html">
            <h6><strong>PheWAS (Scatter)</strong></h6>
            <img src="examples/phewas_scatter.png" alt="PheWAS (Scatter)">
          </a>
        </div>
        <div class="four columns example">
          <a href="examples/phewas_forest.html">
            <h6><strong>PheWAS (Forest)</strong></h6>
            <img src="examples/phewas_forest.png" alt="PheWAS (Forest)">
          </a>
        </div>
      </div>

      <div class="row">
        <div class="four columns example">
          <a href="examples/multiple_phenotypes_layered.html">
            <h6><strong>Multiple Phenotypes (Layered)</strong></h6>
            <img src="examples/multiple_phenotypes_layered.png" alt="Multiple Phenotypes (Layered)">
          </a>
        </div>
        <div class="four columns example">
          <a href="examples/covariates_model.html">
            <h6><strong>Covariates Model</strong></h6>
            <img src="examples/covariates_model.png" alt="Covariates Model">
          </a>
        </div>
      </div>

      <hr>

      <div class="row">
        <footer style="text-align: center;">
          &copy; Copyright 2016 <a href="https://github.com/statgen">The University of Michigan Center for Statistical Genetics</a><br>
        </footer>
      </div>

    </div>

    <script type="text/javascript">

    // Determine if we're online
    var online = !(typeof navigator != "undefined" && !navigator.onLine);
    if (window.location.search.indexOf("offline") != -1){ online = false; }
      
    // Define LocusZoom Data Sources object differently depending on online status
    var apiBase, data_sources;
    if (online){
      apiBase = "https://portaldev.sph.umich.edu/api/v1/";
      data_sources = new LocusZoom.DataSources()
        .add("assoc", ["AssociationLZ", {url: apiBase + "statistic/single/", params: {analysis: 3, id_field: "variant"}}])
        .add("ld", ["LDLZ" ,apiBase + "pair/LD/"])
        .add("gene", ["GeneLZ", { url: apiBase + "annotation/genes/", params: {source: 2} }])
        .add("recomb", ["RecombLZ", { url: apiBase + "annotation/recomb/results/", params: {source: 15} }])
        .add("constraint", ["GeneConstraintLZ", { url: "http://exac.broadinstitute.org/api/constraint" }]);
    } else {
      apiBase = window.location.origin + window.location.pathname.substr(0, window.location.pathname.length - "index.html".length) + "staticdata/";
      data_sources = new LocusZoom.DataSources()
        .add("assoc", ["AssociationLZ", {url: apiBase + "assoc_10_114550452-115067678.json?", params: {analysis: 3, id_field: "variant"}}])
        .add("ld", ["LDLZ", { url: apiBase + "ld_10_114550452-115067678.json?" }])
        .add("gene", ["GeneLZ", { url: apiBase + "genes_10_114550452-115067678.json?" }])
        .add("recomb", ["RecombLZ", { url: apiBase + "recomb_10_114550452-115067678.json?" }])
        .add("constraint", ["GeneConstraintLZ", {  url: apiBase + "constraint_10_114550452-115067678.json?" }]);
    }

    // Get the standard assocation plot layout from LocusZoom's built-in layouts
    layout = LocusZoom.Layouts.get("plot", "standard_association");
    layout.dashboard = LocusZoom.Layouts.get("dashboard", "region_nav_plot");

    // Add a button to show the study abstract the layout
    var abstract = "<h4 style=\"margin-top: 0px;\"><a href=\"https://www.ncbi.nlm.nih.gov/pubmed/?term=22885922\" target=\"_new\">Type 2 diabetes meta-analysis</a></h4>1. Nat Genet. 2012 Sep;44(9):981-90. doi: 10.1038/ng.2383. Epub 2012 Aug 12.<br><br>Large-scale association analysis provides insights into the genetic architecture <br>and pathophysiology of type 2 diabetes.<br><br>Morris AP, Voight BF, Teslovich TM, Ferreira T, Segrè AV, Steinthorsdottir V,<br>Strawbridge RJ, Khan H, Grallert H, Mahajan A, Prokopenko I, Kang HM, Dina C,<br>Esko T, Fraser RM, Kanoni S, Kumar A, Lagou V, Langenberg C, Luan J, Lindgren CM,<br>Müller-Nurasyid M, Pechlivanis S, Rayner NW, Scott LJ, Wiltshire S, Yengo L,<br>Kinnunen L, <NAME>, Raychaudhuri S, Johnson AD, Dimas AS, Loos RJ, Vedantam S,<br>Chen H, Florez JC, Fox C, Liu CT, Rybin D, Couper DJ, Kao WH, Li M, Cornelis MC, <br>Kraft P, <NAME>, <NAME> RM, Stringham HM, Chines PS, <NAME>, Fontanillas P,<br>Holmen OL, Hunt SE, <NAME>U, Kong A, <NAME>, Meyer J, Perry JR, Platou CG,<br>Potter S, Rehnberg E, <NAME>, Sivapalaratnam S, Stančáková A, Stirrups K,<br>Thorleifsson G, Tikkanen E, Wood AR, Almgren P, Atalay M, Benediktsson R,<br>Bonnycastle LL, Burtt N, Carey J, Charpentier G, Crenshaw AT, Doney AS, Dorkhan<br>M, Edkins S, Emilsson V, <NAME>, <NAME>, <NAME>, <NAME>, Grant GB, Groves <br>CJ, Guiducci C, <NAME>, Hreidarsson AB, <NAME>, <NAME>, <NAME>, <NAME>, <br>Klo<NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, Lobbens S,<br>Männistö S, <NAME>, Mühleisen TW, <NAME>, <NAME>, Rallidis L, Saramies J,<br>Sennblad B, Shah S, <NAME>, <NAME>, <NAME>, <NAME>, Trakalo J, <br><NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>,<br>Uitterlinden AG, <NAME>, <NAME>, Abecasis GR, Owen KR, Zeggini E, Trip MD,<br>Forouhi NG, Syvänen AC, <NAME>, <NAME>, <NAME>, <NAME>, Palmer CN, <br><NAME>, <NAME>, <NAME>, <NAME>, Qi L; Wellcome Trust Case Control<br>Consortium; Meta-Analyses of Glucose and Insulin-related traits Consortium<br>(MAGIC) Investigators; Genetic Investigation of ANthropometric Traits (GIANT)<br>Consortium; Asian Genetic Epidemiology Network–Type 2 Diabetes (AGEN-T2D)<br>Consortium; South Asian Type 2 Diabetes (SAT2D) Consortium, Shuldiner AR, Roden<br>M, <NAME>, <NAME>, <NAME>, <NAME>, Price JF, <NAME>, <NAME>, <br>Lakka TA, <NAME>, <NAME>, <NAME>, Pedersen NL, Khaw KT, Wareham NJ,<br>Keinanen-Kiukaanniemi SM, Saaristo TE, Korpi-Hyövälti E, Saltevo J, Laakso M,<br>Kuusisto J, Metspalu A, Collins FS, Mohlke KL, <NAME>, <NAME>, Boehm<br>BO, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, Humphries<br>SE, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <br><NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>J,<br>Frayling TM, Hattersley AT, Boerwinkle E, <NAME>, <NAME>, Nilsson PM,<br><NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, Dupuis<br>J, <NAME>, <NAME>, <NAME>, <NAME>; DIAbetes Genetics Replication<br>And Meta-analysis (DIAGRAM) Consortium.<br><br>To extend understanding of the genetic architecture and molecular basis of type 2<br>diabetes (T2D), we conducted a meta-analysis of genetic variants on the<br>Metabochip, including 34,840 cases and 114,981 controls, overwhelmingly of<br>European descent. We identified ten previously unreported T2D susceptibility<br>loci, including two showing sex-differentiated association. Genome-wide analyses <br>of these data are consistent with a long tail of additional common variant loci<br>explaining much of the variation in susceptibility to T2D. Exploration of the<br>enlarged set of susceptibility loci implicates several processes, including<br>CREBBP-related transcription, adipocytokine signaling and cell cycle regulation, <br>in diabetes pathogenesis.<br><br>DOI: 10.1038/ng.2383 <br>PMCID: PMC3442244<br>PMID: 22885922  [PubMed - indexed for MEDLINE]</div>";
    layout.panels[0].dashboard.components.push({
        type: "menu",
        color: "yellow",
        position: "right",
        button_html: "Study Abstract",
        menu_html: abstract
    });

    // Generate the LocusZoom plot
    var plot = LocusZoom.populate("#plot", data_sources, layout);

    // Add a basic loader to each panel (one that shows when data is requested and hides when one rendering)
    plot.layout.panels.forEach(function(panel){
      plot.panels[panel.id].addBasicLoader();
    });
<commit_msg>better local path resolution for index offline example<commit_after><!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.css"/>
    
    <!-- Necessary includes for LocusZoom.js -->
    <script src="locuszoom.vendor.min.js" type="text/javascript"></script>
    <script src="locuszoom.app.js" type="text/javascript"></script>
    <link rel="stylesheet" href="locuszoom.css" type="text/css"/>
    
    <title>LocusZoom.js</title>

    <style>
      body {
        background-color: #FAFAFA;
        margin: 0px 20px;
      }
      img {
        max-width: 100%;
        box-sizing: border-box;
      }
      div.example > a > h6 {
        margin-bottom: 0.5em;
      }
      div.example > a > img {
        border: 1px solid #8A8A8A;
        margin-bottom: 1.4em;
      }
    </style>

  </head>

  <body>
    <div class="container">

      <h1 style="margin-top: 1em;"><strong>LocusZoom.js</strong></h1>
      <h5 style="color: #777">A Javascript/d3 embeddable plugin for interactively visualizing and navigating statistical genetic data from customizable sources.</h5>
      
      <hr>

      <a name="try_it"></a>
      <h3>Try LocusZoom.js</h3>
      <p>Shown here is a standard interactive LocusZoom plot, depicting GWAS association data with gene tracks loaded from a University of Michigan API. Change the region of the genome in view by <b>scrolling to zoom</b> or <b>dragging to pan</b>, or use some of the links below to jump to top hits for this study by gene. Click around and experiment... LocusZoom.js can do a lot.</p>
      <div class="row">
        <div class="two columns">
          <h4>Top Hits</h4>
          <style>ul.top_hits li { margin-bottom: 0rem; }</style>
          <ul class="top_hits" style="padding-left: 0.2rem; min-width: 110px;"></ul>
        </div>
        <div class="ten columns">
          <div id="plot" data-region="10:114550452-115067678"></div>
        </div>
      </div>
      <p>To see other forms of LocusZoom.js in action take a look at <a href="http://locuszoom.org/locuszoomjs.php">locuszoom.org</a> or the <a href="#examples">examples</a> on this page.</p>

      <hr>

      <a name="get_it"></a>
      <h3>Get LocusZoom.js</h3>
      
      <h5><strong>Current stable release: <a href="https://github.com/statgen/locuszoom/releases/tag/v0.5.6">v0.5.6</a></strong></h5>
      <p>To use LocusZoom.js in your application you will need <i>both</i> LocusZoom's compiled Javascript and CSS <i>and</i> two third-party Javascript libraries (available here in a single vendor bundle).</p>
      
      <div class="row">
        <div class="three columns">
          <h6><strong>Javascript</strong></h6>
        </div>
        <div class="nine columns">
          <tt><a href="https://statgen.github.io/locuszoom/versions/0.5.6/locuszoom.app.js">https://statgen.github.io/locuszoom/versions/0.5.6/locuszoom.app.js</a></tt>
          <br>
          <small><i>minified:</i> <tt><a href="https://statgen.github.io/locuszoom/versions/0.5.6/locuszoom.app.min.js">locuszoom.app.min.js</a></tt></small>
        </div>
      </div>
      
      <br>
      
      <div class="row">
        <div class="three columns">
          <h6><strong>CSS</strong></h6>
        </div>
        <div class="nine columns">
          <tt><a href="https://statgen.github.io/locuszoom/versions/0.5.6/locuszoom.css">https://statgen.github.io/locuszoom/versions/0.5.6/locuszoom.css</a></tt>
          <br>
          <small><i>All CSS classes are namespaced to avoid collisions</i></small>
        </div>
      </div>

      <br>
      
      <div class="row">
        <div class="three columns">
          <h6><strong>Dependencies</strong></h6>
        </div>
        <div class="nine columns">
          <tt><a href="https://statgen.github.io/locuszoom/locuszoom.vendor.min.js">https://statgen.github.io/locuszoom/locuszoom.vendor.min.js</a></tt>
          <br>
          <small><i>Contains <a href="https://github.com/d3/d3">d3</a> v3.5.6 and <a href="https://github.com/kriskowal/Q">Q</a> (any version)</i></small>
        </div>
      </div>

      <br>
      
      <p>To download or link to past builds of LocusZoom.js use the URL structure above and the version number of your choice. A complete list of past releases can be seen <a href="https://github.com/statgen/locuszoom/releases">here</a>.</p>

      <h5>Download Full Source (Latest Version)</h5>
      <div>
        <a class="button lz-dashboard-button-yellow" href="https://github.com/statgen/locuszoom/zipball/master">Download .zip</a>
        <a class="button lz-dashboard-button-yellow" href="https://github.com/statgen/locuszoom/tarball/master">Download .tar.gz</a>
        <a class="button lz-dashboard-button-green" href="https://github.com/statgen/locuszoom" id="view-on-github">View on GitHub</a>
      </div>        

      <hr>

      <a name="docs_and_support"></a>
      <h3>Documentation and Support</h3>
      
      <a class="button lz-dashboard-button-blue" href="https://github.com/statgen/locuszoom/wiki">Complete LocusZoom.js API Documentation</a>
      <br>
      <a class="button lz-dashboard-button-purple" href="https://groups.google.com/forum/#!forum/locuszoom">LocusZoom Message Board</a>
      
      <hr>

      <a name="examples"></a>
      <h3>Example Plots</h3>

      <p>LocusZoom.js is customizable, extensible, and highly flexible. It can work with a wide variety of different types of data. Below are some examples to show some of LocusZoom.js's variability.</p>

      <div class="row">
        <div class="four columns example">
          <a href="examples/interval_annotations.html">
            <h6><strong>Interval Annotations</strong></h6>
            <img src="examples/interval_annotations.png" alt="Interval Annotations">
          </a>
        </div>
        <div class="four columns example">
          <a href="examples/phewas_scatter.html">
            <h6><strong>PheWAS (Scatter)</strong></h6>
            <img src="examples/phewas_scatter.png" alt="PheWAS (Scatter)">
          </a>
        </div>
        <div class="four columns example">
          <a href="examples/phewas_forest.html">
            <h6><strong>PheWAS (Forest)</strong></h6>
            <img src="examples/phewas_forest.png" alt="PheWAS (Forest)">
          </a>
        </div>
      </div>

      <div class="row">
        <div class="four columns example">
          <a href="examples/multiple_phenotypes_layered.html">
            <h6><strong>Multiple Phenotypes (Layered)</strong></h6>
            <img src="examples/multiple_phenotypes_layered.png" alt="Multiple Phenotypes (Layered)">
          </a>
        </div>
        <div class="four columns example">
          <a href="examples/covariates_model.html">
            <h6><strong>Covariates Model</strong></h6>
            <img src="examples/covariates_model.png" alt="Covariates Model">
          </a>
        </div>
      </div>

      <hr>

      <div class="row">
        <footer style="text-align: center;">
          &copy; Copyright 2016 <a href="https://github.com/statgen">The University of Michigan Center for Statistical Genetics</a><br>
        </footer>
      </div>

    </div>

    <script type="text/javascript">

    // Determine if we're online
    var online = !(typeof navigator != "undefined" && !navigator.onLine);
    if (window.location.search.indexOf("offline") != -1){ online = false; }
      
    // Define LocusZoom Data Sources object differently depending on online status
    var apiBase, data_sources;
    if (online){
      apiBase = "https://portaldev.sph.umich.edu/api/v1/";
      data_sources = new LocusZoom.DataSources()
        .add("assoc", ["AssociationLZ", {url: apiBase + "statistic/single/", params: {analysis: 3, id_field: "variant"}}])
        .add("ld", ["LDLZ" ,apiBase + "pair/LD/"])
        .add("gene", ["GeneLZ", { url: apiBase + "annotation/genes/", params: {source: 2} }])
        .add("recomb", ["RecombLZ", { url: apiBase + "annotation/recomb/results/", params: {source: 15} }])
        .add("constraint", ["GeneConstraintLZ", { url: "http://exac.broadinstitute.org/api/constraint" }]);
    } else {
      apiBase = window.location.origin + window.location.pathname.substr(0, window.location.pathname.lastIndexOf("/") + 1) + "staticdata/";
      data_sources = new LocusZoom.DataSources()
        .add("assoc", ["AssociationLZ", {url: apiBase + "assoc_10_114550452-115067678.json?", params: {analysis: 3, id_field: "variant"}}])
        .add("ld", ["LDLZ", { url: apiBase + "ld_10_114550452-115067678.json?" }])
        .add("gene", ["GeneLZ", { url: apiBase + "genes_10_114550452-115067678.json?" }])
        .add("recomb", ["RecombLZ", { url: apiBase + "recomb_10_114550452-115067678.json?" }])
        .add("constraint", ["GeneConstraintLZ", {  url: apiBase + "constraint_10_114550452-115067678.json?" }]);
    }

    // Get the standard assocation plot layout from LocusZoom's built-in layouts
    layout = LocusZoom.Layouts.get("plot", "standard_association");
    layout.dashboard = LocusZoom.Layouts.get("dashboard", "region_nav_plot");

    // Add a button to show the study abstract the layout
    var abstract = "<h4 style=\"margin-top: 0px;\"><a href=\"https://www.ncbi.nlm.nih.gov/pubmed/?term=22885922\" target=\"_new\">Type 2 diabetes meta-analysis</a></h4>1. Nat Genet. 2012 Sep;44(9):981-90. doi: 10.1038/ng.2383. Epub 2012 Aug 12.<br><br>Large-scale association analysis provides insights into the genetic architecture <br>and pathophysiology of type 2 diabetes.<br><br>Morris AP, Voight BF, Teslovich TM, <NAME>, Segrè AV, Steinthorsdottir V,<br>Strawbridge RJ, <NAME>, <NAME>, <NAME>, <NAME>, Kang HM, Dina C,<br>Esko T, Fraser RM, <NAME>, <NAME>, Lagou V, <NAME>, Luan J, Lindgren CM,<br>Müller-Nurasyid M, <NAME>, Rayner NW, <NAME>J, Wiltshire S, Yengo L,<br>Kinnunen L, <NAME>, <NAME>, Johnson AD, Dimas AS, Loos RJ, Vedantam S,<br>Chen H, Florez JC, Fox C, Liu CT, Rybin D, Couper DJ, Kao WH, Li M, Cornelis MC, <br>Kraft P, Sun Q, van Dam RM, Stringham HM, Chines PS, Fischer K, Fontanillas P,<br>Holmen OL, Hunt SE, Jackson AU, <NAME>, <NAME>, <NAME>, Perry JR, Platou CG,<br><NAME>, <NAME>, <NAME>, <NAME>, <NAME>, Stir<NAME>,<br>Thorleifsson G, Tikkanen E, Wood AR, Almgren P, Atalay M, <NAME>,<br>Bonnycastle LL, Burtt N, Carey J, Charpentier G, Crenshaw AT, Doney AS, Dorkhan<br>M, Edkins S, Emilsson V, <NAME>, <NAME>, <NAME>, Gigante B, Grant GB, Groves <br>CJ, Guiducci C, <NAME>, Hreidarsson AB, Hui J, <NAME>, <NAME>, Rathmann W, <br>Klopp N, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, Lobbens S,<br><NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>,<br><NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <br><NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>,<br>Uitterlinden AG, <NAME>, <NAME>, Abecasis GR, Owen KR, Zeggini E, Trip MD,<br>Forouhi NG, Syvänen AC, <NAME>G, Peltonen L, Nöthen MM, Balkau B, Palmer CN, <br>Lyssenko V, Tuomi T, Isomaa B, <NAME>, Qi L; Wellcome Trust Case Control<br>Consortium; Meta-Analyses of Glucose and Insulin-related traits Consortium<br>(MAGIC) Investigators; Genetic Investigation of ANthropometric Traits (GIANT)<br>Consortium; Asian Genetic Epidemiology Network–Type 2 Diabetes (AGEN-T2D)<br>Consortium; South Asian Type 2 Diabetes (SAT2D) Consortium, Shuldiner AR, Roden<br>M, <NAME>, <NAME>, <NAME>, <NAME>, Price JF, <NAME>F, Rauramaa R, <br>Lakka TA, Lind L, <NAME>, Njølstad I, Pedersen NL, Khaw KT, Wareham NJ,<br>Keinanen-Kiukaanniemi SM, Saaristo TE, Korpi-Hyövälti E, Saltevo J, Laakso M,<br>Kuusisto J, Metspalu A, Collins FS, Mohlke KL, Bergman RN, Tuomilehto J, Boehm<br>BO, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, Tremoli E, Humphries<br>SE, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, Erbel R, Jöckel KH, <br><NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, Donnelly PJ,<br>Frayling TM, Hattersley AT, Boerwinkle E, <NAME>, <NAME>, Nilsson PM,<br>Deloukas P, Thorsteinsdottir U, Groop LC, <NAME>, <NAME>, <NAME>, Dupuis<br>J, Meigs JB, Altshuler D, Boehnke M, McCarthy MI; DIAbetes Genetics Replication<br>And Meta-analysis (DIAGRAM) Consortium.<br><br>To extend understanding of the genetic architecture and molecular basis of type 2<br>diabetes (T2D), we conducted a meta-analysis of genetic variants on the<br>Metabochip, including 34,840 cases and 114,981 controls, overwhelmingly of<br>European descent. We identified ten previously unreported T2D susceptibility<br>loci, including two showing sex-differentiated association. Genome-wide analyses <br>of these data are consistent with a long tail of additional common variant loci<br>explaining much of the variation in susceptibility to T2D. Exploration of the<br>enlarged set of susceptibility loci implicates several processes, including<br>CREBBP-related transcription, adipocytokine signaling and cell cycle regulation, <br>in diabetes pathogenesis.<br><br>DOI: 10.1038/ng.2383 <br>PMCID: PMC3442244<br>PMID: 22885922  [PubMed - indexed for MEDLINE]</div>";
    layout.panels[0].dashboard.components.push({
        type: "menu",
        color: "yellow",
        position: "right",
        button_html: "Study Abstract",
        menu_html: abstract
    });

    // Generate the LocusZoom plot
    var plot = LocusZoom.populate("#plot", data_sources, layout);

    // Add a basic loader to each panel (one that shows when data is requested and hides when one rendering)
    plot.layout.panels.forEach(function(panel){
      plot.panels[panel.id].addBasicLoader();
    });

{'fraction_non_alphanumeric': 0.1612291765392046, 'fraction_numerical': 0.023366019028177743, 'mean_word_length': 3.333965244865719, 'pattern_counts': {'":': 0, '<': 757, '<?xml version=': 0, '>': 765, 'https://': 40, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1811660', 'n_tokens_mistral': 9907, 'n_tokens_neox': 9176, 'n_words': 2331}