Sample Apps

Charts

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. Deploying this app on Slash GraphQL deploys both the back-end database service and a front-end React app in a single click, no credit card required. The repo for this app can be found on GitHub at dgraph-io/graphql-sample-apps/charting.

Features

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

Front-end

  • 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.

Back-end

Deploy on Slash GraphQL
Deploy on Slash GraphQL