Skip to content

Histogram showing distribution of lab measures, vital signs and other measures related to safety in clinical trials.

License

Notifications You must be signed in to change notification settings

RhoInc/safety-histogram

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

94 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Saftey Histogram

alt tag

Overview

Safety Histogram is a JavaScript library, built using Webcharts (1, 2), that creates an interactive histogram showing the distribution of lab measures, vital signs, and other measures related to safety in clinical trials. A typical chart created with safety-histogram looks like this:

Example

The chart uses SDTM data standards by default, but can be customized to use any data set that contains one record per person per measure. Full details about chart configuration are here.

Users can:

  • See the histogram for a single measure of interest
  • See the number and percentage of participants displayed in the current view (updates with each user interaction)
  • Change the measure of interest, and see an updated chart
  • Display metadata when hovering over a bar
  • Click a bars in the histogram to show a linked listing of the underlying data
  • Filter the histogram for selected criteria, and see an updated chart (optional)
  • Show or hide normal ranges for the selected measure (optional)

Typical Usage

In the simplest case, using a dataset matching all default requirements, the chart can be created with a single line of code.

safetyHistogram('#chartLocation', {}).init(data);

The code to load a comma-delimited data set and initialize the customized chart, with filters and simple data mappings, looks like this:

const settings =
    {filters:
        [   {value_col: 'VISIT',    label: 'Visit'},
        ,   {value_col: 'SITEID',   label: 'Site ID'},
        ,   {value_col: 'SEX',      label: 'Sex'},
        ,   {value_col: 'RACE',     label: 'Race'}
        ]
    ,start_value: 'POTASSIUM'
    ,details: [
        {value_col: 'USUBJID'     , label: 'Subject ID'},
        {value_col: 'SITEID'      , label: 'Site ID' },
        {value_col: 'SEX'         , label: 'Sex'    },
        {value_col: 'RACE'        , label: 'Race'   },
        {value_col: 'VISIT'       , label: 'Visit'  },
        {value_col: 'DY'          , label: 'Study Day' },    
        {value_col: 'STNRLO'      , label: 'LLN' },
        {value_col: 'STRESN'      , label: 'Result'}, 
        {value_col: 'STNRHI'      , label: 'ULN' },
        {value_col: 'STRESU'      , label: 'Units' }
    };

d3.csv('../data/ADBDS.csv', function(data) {
    safetyHistogram('#safety-histogram .content', settings).init(data);
});

Click here to open an interactive example.

Links

About

Histogram showing distribution of lab measures, vital signs and other measures related to safety in clinical trials.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages