Skip to content

Edit this page

Integrate the chart

Digital PEWS is a framework-neutral <npews-chart> Web Component. The runtime uses native HTML, CSS and JavaScript modules, without a build step or runtime framework dependency. Zensical builds this website, not the chart.

Start with the component contract

Read the product boundary, patient and observation data model and clinical safety file before integrating. The embedding application owns observation entry, patient identification, validation, records and operational escalation.

<script type="module" src="./chart/npews-chart.js"></script>
<npews-chart id="pews"></npews-chart>

Assign { patient, observations } to the element's .data property. Supply raw observations rather than calculated scores. Use .options for presentation settings, not clinical-profile selection. See the project overview for an example and supported options, and the minimal host example in the repository.

Current limitation: only one chart per document is supported. The demonstration pages use an iframe to isolate the component's styles, IDs and lifecycle from the documentation shell.

Interoperability and assurance