– Janis Kondrats, CTO at Anatomy Next
Widget for displaying cryptocurrency market dynamics
The challenge was to develop a widget for displaying cryptocurrency market dynamics. The widget was created using the ReactJS framework as a Single page application. Redux was used to store the state of the widget and market data. The visual part is implemented using the Highchart library.
Data collection from third-party sources is organized through the REST API.
Users of the application can be identified by the GET parameter. For each client, the latest widget settings are stored in the browser’s local Storage.
The parameters of the graph are set by a direct link / type_graphics: additional: parameters.
Using React Router, this template determines the display of the graph.
In the current widget version there are 3 types of graphs:
- Market share — the percentage share of the cryptocurrency market;
- Total market cap — total capitalization of the cryptocurrency market;
- The dependency graph of the cryptocurrency from the US dollar and Bitcoin.
Graphs can be configured by time frame, currency to be compared and display of the schedule average.