Clone or download
jwildfire and pburnsdata V3.3.0 dev (#129)
* Update

* update version

* don't test on every build

* use darker highlights. fix #87

* tweak 'no data found' error message. fix #96

* update chart on input instead of on change. make prev filter numeric. fix #49 #121

* fix margins for dotplot. fix #62

* made webcharts an optional dependency and added setting documentation. #77

* add support for webcharts tables in detail view. fix #77

* Add interactive variable controls. fix #120

* update documentation. #120

* update default settings to null. fix #46

* unique detail table selector

* no more yellow. fix #127

* merge in dev branch

* closes #130
Latest commit 8d40aea Sep 24, 2018

Adverse Event Explorer

alt tag


The AE Explorer is a JavaScript library that allows users to dynamically query adverse event (AE) data in real time. A typical AE Explorer looks like this:

Users can click on any row in the table to create a listing like this:

The AE Explorer is an open source project built using standard web technology and will run in any modern web browser. The displays created are all dynamically linked to coded adverse event data which allows the tool to work with data from any adverse event coding system, e.g. MedDRA. The charts are created using D3.

The AE Explorer contains all of the information available in standard listings, but we apply interactive elements common in website design to give users the ability to search the data. The default view is a single-screen display of AEs grouped by the MedDRA System Organ Class. Dot plots portray the incidence in the different treatment groups.


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

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

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

   const settings = {
            'variables': {
                'group': 'group', //overwrite default value 'ARM'
                'filters': [
                    {'value_col': 'SITEID', 'label': 'Site ID', 'type': 'participant' },
                    {'value_col': 'AESER', 'label': 'Serious?', 'type': 'event' }, 
                    {'value_col': 'AESEV', 'label': 'Severity', 'type': 'event' }, 
                    {'value_col': 'AEREL', 'label': 'Relationship','type': 'event' }, 
                    {'value_col': 'AEOUT', 'label': 'Outcome','type': 'event' }, 

        d3.csv('../data/ADAE.csv', function(data) {
            aeTable.createChart('#chartLocation', settings).init(data);


More information is available in the project's wiki: