Code Monkey home page Code Monkey logo

data-explorer-graphql's Introduction

Data Explorer app based on GraphQL data API - https://github.com/datopian/data-api.

deploy code style: prettier

Live demo: demo

Features

  • Table preview of the data + pagination
  • Filter data by any of the fields
  • Preview the filtered data
  • Download data in various formats
  • Download filtered data in various formats

Development

Make sure that you have Data API service available locally. To set it up, please, follow instructions in https://github.com/datopian/data-api.

By default, Data Explorer app would expect GraphQL engine to be available at http://localhost:3333/v1/graphql. You can change it by editing data-api attribute in /public/index.html.

Install dependencies and start the app:

yarn && yarn start

Deployment

  1. Build the app:
yarn build
  1. Move the bundles to your site. Make sure you have div elment with id root in the HTML. That element should provide following attributes:
  • data-api - your GraphQL API endpoint, e.g., https://data-api.com/v1/.
  • data-dataset - dataset name which should be a table/view name that we can query using GraphQL API.
  • data-schema - tableschema for the dataset.

License

This project is licensed under the MIT License - see the LICENSE file for details.

data-explorer-graphql's People

Contributors

anuveyatsu avatar cotts avatar risenw avatar steveoni avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.