Skip to content
Go to file

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

hGraph: Your health in one picture.

An open source javascript-based web application for visualizing health data.



hGraph Demo:

hGraph React Component:

hGraph + Spider chart library demo:

with the Github repo:

hMixer Repo:

About the REPO

The hGraph is an open source project that is being developed and designed to provide an industry standard of presenting health care information to professionals and average citizens alike.


The HGraph class relies on d3.js, which is a popular javascript library for manipulating SVG, specficically for graphs and data plotting.

Once you have downloaded the latest version, you will need to include it in your html above the HealthGraph source code:

    <script src="/path/to/your/d3.js" type="text/javascript"></script>
    <script src="/path/to/your/HealthGraph.js" type="text/javascript"></script>


During a window.onload or similar entry point, the health graph is constructed and intialized by:

    var graph;
    window.onload = function(){

            graph = new HGraph({
                    container : document.getElementById("graph_container"),
                    userdata  : {
                                                    overallScore : 90,
                                                    factors      :
                                                                    label : 'Family History',
                                                                    score : 80,
                                                                    label : 'Caloric Intake',
                                                                    score : 100



Want to Contribute? Here is how you can help

For designers and engineers:

  • What's version 2 of hGraph?
  • Repo evolves from a demo into a production-ready component others can integrate with minimal effort
  • CSS refinement of hGraph (making it beautiful)
  • JS help to make hGraph an easy to use, plug n’ play JS library for visualizing data
  • Scales beautifully for both desktop and mobile
  • hGraph uses Standard Health Record as the data model for patient health data
  • Provide multi-level view and connection of health data
    • Determinants of Health (ex. Holistic view of all data, missing data)
    • hGraph main, high-level view
    • hGraph secondary detailed view
    • Design the population hGraph for your neighborhood, city, clinic, nation.

For clinicians and researchers:

  • Make a hScore. Evolve the scoring algorithm
  • What are the top metrics to show (at the "global" hGraph level)? What are the correct groupings and sub metric groupings?
  • What are the chronic disease patterns (the outlines on hGraph) and how do we arrange the metrics to better see those conditions?
  • What are we missing from the everyday diagnostic tool clinicians use? How do we improve hGraph to rock your in-patient encounter experience? Population diagnostic experience?

Core Contributors

Founders/Designers: GoInvo,


hGraph is Apache 2.0 licensed.

For guidance integrating hGraph into your product or service, contact us at

You can’t perform that action at this time.