Skip to content

React Demo Client

Github Issues Github Stars Github Forks Github Licence

GitHub repository

Online Demo


Best Health Solution 2020 - Health Tech Awards

Winner Best Health Tech Solution HTN Health Teach Awards 2020

Winner Best Solution for Clinicians HTN Health Teach Awards 2024


This client, written in the React framework, demonstrates the React Chart Component library interoperating with the dGC API. These two are all you need to integrate our RCPCH Digital Growth Charts platform in your EPR.

We have built the best of growth chart theory and practice into the React client, including guidance given to us by the RCPCH Digital Growth Charts Project Board, and accepted best practice from the days of paper growth charts.

Notes regarding the React client

Colours for the charts have been updated

It was felt that representing boys' charts with blue lines and girls' charts with pink lines did not necessarily fit with 21st Century sensibilities of sex and gender. A Project Board decision was made to make the default chart colour monochrome black/grey.

'Traditional' pink and blue colours are available as an option, and we have created some other colour options named after James Tanner who pioneered the study of childrens' growth. The charts can be themed with any colours you like, we would recommend discussion with your clinicians for guidance on what is appropriate and clinically safe.

Other documentation

If you spot errors or inconsistencies in any documentation, please do point them out to us either by creating an Issue in the relevant repository, or by making a pull request with a fix. We will acknowledge all contributors.