hGraph V2.0

Developed with the same premise as hGraph V1.0 but implemented through React. For more information on the hGraph project, please go to hGraph V1.0. Since, hGraph V1.0 was implemented in Javascript and Node.js, updates to hGraph required the whole application to refresh. Through React, updates to the graph are automatic and do not require refreshing the page. hGraph V2.0 also has more transition animations, is modified for mobile, and can show multiple graphs through overlays. hGraph V2.0 prompts the user for various datapoints and is slowly progressing to a conversational application.

The Interface

Here is a closer look at the hGraph interface tracking user data.

Alexa Skill

An accompanying Alexa skill is also in the works. Future work is to connect the skill to interact with the hGraph web interface and send a resulting email at the conclusion of the encounter.

Conversation Design

Designs of actual conversations is a very important aspect of developing a good interaction experience. Here are some of the conversation dialogues I have produced in the process of working on this project.

For further updates, follow the Github Repository.