Improving Usability of Data Charts in Multimodal Documents for Low Vision Users

Recommended

---

IDE Setup

Recommended IDE: Visual Studio Code

Essential Plugins for Visual Studio Code:

• Better Comments: Enhances comment visibility and organization.
• Error Lens: Immediate inline display of code errors.
• Pubspec Assist: Easily add dependencies to your project.
• Color Highlight: Marks CSS/web colors in your code.

Configuration Tips:

• Set the Dart Line Length as shown below for optimal readability:

• Dart Line Length Configuration

---

Linting

All linting options need to be added to analysis_options.yaml. This is present in the root directory of the project

floatingbubble/
|- analysis_options.yaml

Getting Started

Step 1:

Download or clone this repo by using the link below:

https://github.com/anonymous281107/ChartSync2024.git

Step 2:

Go to project root and execute the following commands in console to get the required dependencies:

flutter pub get
flutter pub upgrade

Building a release APK

Go to project root and execute the following commands in console to clean build the release APK:

flutter clean
flutter build appbundle --target-platform android-arm,android-arm64

Code Commit Guidelines

• Ensure all code is well-commented with clear, meaningful variable names.
• Avoid unnecessary overheads and redundant code.
• Use the Dart formatter provided by the IDE for consistent code formatting.
• Import order: Flutter core libraries, external libraries, then local files.

Branch Management

• Creating a New Branch: Create branches for new features with descriptive names, e.g., floatingbubble-customtheme.
• When to Merge a Branch:

Key Libraries & Tools

• In-App Webview
• Multi-select Flutter
• HTTP
• Crypto
• FL Chart
• Firebase Core
• Firebase Analytics
• Dropdown Button2
• Provider
• Syncfusion Flutter Charts