Home
Welcome to the participant-visit-listing wiki! 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.
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.