flutter_fortune_wheel
graphic
flutter_fortune_wheel | graphic | |
---|---|---|
2 | 13 | |
99 | 1,495 | |
- | - | |
6.9 | 4.6 | |
3 months ago | 3 months ago | |
Dart | Dart | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
flutter_fortune_wheel
-
How to build advanced layouts in Flutter
We want to position the child widget on the line, which cuts a given slice in half. To achieve that, we start of with a vector that points to the center of the top edge of our bounding box starting from its top left. This ensures that the vector's length is half the circle's radius. To actually point to the center of our slice, we need to rotate this vector by half the slice's angle, which gives us the blue vector in above illustration.. If you are interested in how the rotateVector works, you can find its implementation in this package's Github repository. With the slice's center at hand, the child's offset can be retrieved by adjusting the center to the child's size. If you believe there is a simpler way to achieve the same result, I encourage you to send me a message or comment with your ideas about this problem; I am always glad to learn of new features and tricks.
-
Making-of: Flutter Fortune Wheel
Great! We are now able to draw a circle composed of any number of individually customizable slices. In my next article we will implement a MultiChildLayoutDelegate to correctly position child widgets within the slices. In the meantime, if you don't want to wait for the next article, you can find the package's code on Github.
graphic
- graphic: A grammar of data visualization and Flutter charting library.
- Show HN: Graphic – A grammar of data visualization and Flutter charting library
-
How to Build Interactive Charts in Flutter
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.
-
To Build Interactive Charts in Flutter
Interactions are always important in data visualization. The Flutter charting library Graphic has a well-designed interaction system for various interactive charts:
- What's your favorite package to show data on charts?
-
This week inFlutter #42
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.
-
The Grammar of Graphics in Flutter Charts
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:
What are some alternatives?
flutter-fortune-wheel - Flutter Fortune Wheel
fl_chart - FL Chart is a highly customizable Flutter chart library that supports Line Chart, Bar Chart, Pie Chart, Scatter Chart, and Radar Chart.
awesome-flutter - An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.
ux-charts - Simple, responsive, modern Charts with zero dependencies
bloc - A predictable state management library that helps implement the BLoC design pattern
flutter_sliding_tutorial - User onboarding library with smooth animation of objects and background colors
flutter_architecture_samples - TodoMVC for Flutter
getwidget - Most popular and easy to use open source UI library with 1000+ Widgets to build flutter app.
flutter-go - flutter 开发者帮助 APP,包含 flutter 常用 140+ 组件的demo 演示与中文文档
bottom_bar_with_sheet - :rocket: Flutter custom BottomBar Navigation Widget
amcharts4 - The most advanced amCharts charting library for JavaScript and TypeScript apps.
flutter_deer - 🦌 Flutter 练习项目(包括集成测试、可访问性测试)。内含完整UI设计图,更贴近真实项目的练习。Flutter practice project (including integration testing and accessibility testing). Contains complete UI design drawings for a more realistic practice project.