graphic VS bottom_bar_with_sheet

The widely used widget that handles gestures in Flutter is the GestureDetector. It defines all the gesture types in its callback properties (like onTap), and developers are familiar with them. So Graphic inherits this taxonomy. The GestureTypes of Graphic have same names (without the on prefix) and meanings to their corresponding callback properties in GestureDetector, such as GestureType.tap to GestureDetector.onTap. This keeps Graphic consistent with the Flutter gesture system and friendly to developers.

Interactions are always important in data visualization. The Flutter charting library Graphic has a well-designed interaction system for various interactive charts:

Graphic is a flutter package that implements Leland Wilkinson's book The Grammar of Graphics, which defines data visualization in terms of scales and layers. In this tutorial, LIN Chen shows us how to use it.

We need to assign category and transformed percent to the domain dimension and the measure dimension respectively. Benefited form the operator overriding of Dart, Graphic implements all graphics algebra by the Varset class. So we define position as:

bottom_bar_with_sheet is a normal bottom bar, but it provides a very useful functionality. Sometimes you want to have more space on your screen, but how do you do it? Well, quite simple: with this nav bar you can pull up a "second screen"/sheet and by doing so you get much more space. Here is a small example how it could look like:

😳Custom bottom Sheet under Bottom Navigation Bar😳 😩Sounds sucks? 😉First of all look at screens in repository!