Old school D3 from simpler times

All examples By author By category About

jwildfire

Full window Github gist

Hep-explorer with PAlt Demo

<html>
  <head>
    <title>Hepatic Safety Explorer - Example 5</title>

<meta http-equiv="Content-Type" content="text/html; charset = utf-8" />

<script type="text/javascript" src="https://d3js.org/d3.v3.min.js"></script>
    <script
      type="text/javascript"
      src="https://cdn.jsdelivr.net/gh/RhoInc/Webcharts@1/build/webcharts.min.js"
    ></script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/safetygraphics/hep-explorer@palt/hepexplorer.js"></script>
    <link
      type="text/css"
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/gh/RhoInc/Webcharts@1/css/webcharts.min.css"
    />
    <link type="text/css" rel="stylesheet" href="index.css" />
  </head>

<body>
    <div id="title">Hepatic Safety Explorer</div>
    <div id="subtitle">Example 5 - Adding P<sub>ALT</sub></div>
    <div class="details">
      In this example, P<sub>ALT</sub> is shown for participants with elevated
      Alanine Aminotransferase (U/L). P<sub>ALT</sub> shows promise in
      predicting the percentage hepatocyte loss on the basis of the maximum
      value and the AUC of serum ALT observed during a DILI event. For more
      details see
      <a href="https://www.ncbi.nlm.nih.gov/pubmed/30303523"
        >A Rapid Method to Estimate Hepatocyte Loss Due to Drug-Induced Liver
        Injury</a
      >
      by Chung et al.';
    </div>

<div id="info">
      This is a demo page for the interactive Hepatic Explorer created by the
      ASA-DIA Interactive Safety Graphics working group. Code, details and
      documentation are available on
      <a href="https://github.com/SafetyGraphics/hep-explorer">github</a>.
    </div>
    <div id="container"></div>
  </body>

<script>
  const settings = {
  calculate_palt: true,
  paltFlag: {
    value_col: "PALT",
    values: ["1"]
  },
  max_width: 600,
  value_col: "AVAL",
  measure_col: "PARAM",
  visit_col: "VISIT",
  visitn_col: "VISITNUM",
  studyday_col: "ADY",
  normal_col_low: "A1LO",
  normal_col_high: "A1HI",
  id_col: "USUBJID",
  group_cols: ["TRTA", "RACE", "AGEGR1"],
  r_ratio_filter: true,
  filters: [
    {
      value_col: "TRTA",
      label: "Treatment"
    },
    {
      value_col: "ALT_ELEVATED",
      label: "ALT Elevated?"
    }
  ],
  measure_values: {
    ALT: "Alanine Aminotransferase (U/L)",
    AST: "Aspartate Aminotransferase (U/L)",
    TB: "Bilirubin (umol/L)",
    ALP: "Alkaline Phosphatase (U/L)"
  },
  baseline: {
    value_col: "AVISIT",
    values: ["Baseline"]
  }
};
const chart = hepexplorer("#container", settings);
d3.csv("palt_adlbc.csv", function(data) {
  data.forEach(function(d) {
    d.EPOCH = +d.VISITNUM > 1 ? "Analysis" : "Baseline";
  });
  chart.init(data);
});

</script>
</html>

Updated missing url https://cdn.jsdelivr.net/gh/safetyGraphics/hep-explorer@palt/hepexplorer.js to https://cdn.jsdelivr.net/gh/safetygraphics/hep-explorer@palt/hepexplorer.js

https://d3js.org/d3.v3.min.js

https://cdn.jsdelivr.net/gh/safetyGraphics/hep-explorer@palt/hepexplorer.js