participant-visit-listing

participant-visit-listing

The Participant Visit Listing is a JavaScript library that visualizes the schedule of events in a clinical trial for each participant. Each participant's schedule of events displays horizontally in a matrix with one row per participant and one column per visit. The visualization makes the detection of participant and site compliance evident via color-coded visit cells:

Click here to view an interactive demo.

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/viz-library/master/data/dataCleaning/visits/dmv_Visits.csv',
    function(data) {
        participantVisitListing('body', settings).init(data);
    }
);

Download the latest release, which supports anonymous AMD, CommonJS, and vanilla environments. You can also load the library directly from jsDelivr: 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>

Participant Visit Listing is a modular library written with ECMAScript 2015 syntax (ES2015). To import Participant Visit Listing into an ES2015 application, import its only module (here, participantVisitListing):

import participantVisitListing from "participant-visit-listing";

And in Node:

var participantVisitListing = require("participant-visit-listing");

More information is available in the project's wiki.

Links

• Interactive Example
• API Reference
• Configuration
• Data Guidelines
• Technical Documentation
• Release Notes