Code Monkey home page Code Monkey logo

widgets's Introduction

Blockchain Visualization Widgets

Library of visual components to build data visualization interface to the blockchain data. Universal tool across all major blockchains ( ethereum, tron, bitcoin, zcash, many more...).

TLDR; Try https://explorer.bitquery.io which is open sourced and completely built using widgets. Javascript programmers may start with JSFiddle examples.

Screen Preview

Every widget is a reusable visualization component to display the data from blockchain. Typically every widget is displaying a result set from GraphQL request.

Usage

To start with, look our wiki. You do not need programming skills to use and embed widgets, most tasks can be done by examples. To use specialized filtering and data querying you will need basic understanding of GraphQL language.

Setup

Clone this repo to your desktop and run

npm install

to install all the dependencies.

For widget developers

npm init -y
npm install webpack webpack-cli --save-dev
npm install --save graphql apollo-boost vue vue-i18n vue-google-charts vue-loader vue-template-compiler vue-template-loader lodash
npm install --save-dev sass-loader node-sass style-loader css-loader file-loader
npm install --save vis numeral
npm install --save react react-dom isomorphic-fetch graphiql
npm install --save-dev extract-text-webpack-plugin@next
npm install

run webpack

node_modules/.bin/webpack

run webpack autocompile for dev

node_modules/.bin/webpack --watch

License

You can check out the full license here

This project is licensed under the terms of the MIT license.

Credits

The project is developing with the Binance fellowship program support.

widgets's People

Contributors

stepanovit avatar astudnev avatar ivanov17andrey avatar wittyjudge avatar

Watchers

James Cloos 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.