Ask a Question


Charts is a sample app that lets users build online charts using metrics that they provide. For example, you could provide this app with data from an e-commerce site and use it to track site statistics such as the number of page views and revenue. This app demonstrates how to use React hooks with Apollo client to add and read related data. The repo for this app can be found on GitHub at


  • Create multiple metrics
  • Data entry collection
  • Plot metrics on line charts with controllable time period


  • React (3.4.1)—a JavaScript library for building user interfaces.
  • Apollo Client (3.0+)—a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL.
  • Material-UI—a user interface framework for faster and easier web development.
  • React Google Charts—a declarative API to make rendering charts fun and easy.