Participant-visit-listing NPM

participant-visit-listing

The Participant Visit Listing is a JavaScript library that visualizes the schedule of events in a clinical trial for each participant. The library aids in the detection of participant and site compliance issues via a heat map, a longitudinal chart, and a tabular listing.

Click here to view an interactive demo.

Displays

The Participant Visit Listing generates three distinct displays of the schedule of events:

Visit Chart

Compact view that provides a quick overview of visit status, even when the number of visits is large.

visit_chart

Study Day Chart

Displays the exact study day for each visit and allows for the inclusion of unscheduled visits. Makes identifying out of window visit trends easy.

study_day_chart

Listing

In-depth and highly interactive, provides sorting, searching, and subsetting functionality.

listing

Usage

With a dataset that meets the default variable requirements, the renderer can be initialized with the following code:

d3.csv(
    'https://raw.githubusercontent.com/RhoInc/data-library/master/data/clinical-trials/data-cleaning/visits.csv',
    function(data) {
        participantVisitListing().init(data);
    }
);

Download the latest release or load the library directly via CDN. Import into a webpage like so:

<script type = 'text/javascript' src = 'https://d3js.org/d3.v3.js'></script>
<script type = 'text/javascript' src = 'https://cdn.jsdelivr.net/npm/webcharts/build/webcharts.js'></script>
<script type = 'text/javascript' src = 'https://cdn.jsdelivr.net/npm/participant-visit-listing/participantVisitListing.js'></script>

More information is available in the project's wiki.