You can filter data by clicking on the buttons with filtering features.
With the help of a Rangeсhart you can select certain data range from a large amount of data by using a movable frame. You can also link Rangechart to another component, for example Chart, to put a limit on the data it displays.
Line, Spline, Bar, Area, and Scatter diagrams can be displayed along with the scales. Scales consist of X and Y axes, and by default, they are formed automatically according to the used data set. Custom scale support allows creating a template for text label of each axis. Thus, you can define which numeric values will be displayed. By default, the numeric scale is used. In the case of need, you can enable the logarithmic scale. Also, you can add titles to the axes.
There's a possibility to change the appearance of graphs. Using style presets, you can allow users to switch the styles on-the-fly.
If the used data set consists of heterogeneous data, you may want to use the grouping feature. It allows visualizing portions of data united by a specific criterion.
Webix allows you to interact with diagrams in different ways. You can add new items to the existing diagram or remove the particular ones of them.
If you want to demonstrate the change of data over time, you can use dynamic diagrams. The rendering of each item in these diagrams is animated. This task doesn't require any significant effort. If you already have a static graph, you can make it dynamic with a few lines of code.
Webix Graphs can be integrated with Angular, jQuery, React, Vue.js, Backbone frameworks.