graphic_representation 1.0.1

easy graphic representation, using classes likes DiscreteGraphic for example. You can easily adapt your graphic with your android or ios device screen.

graphic_representation

Easy graphic representation This package will allow you to make graphic representations very quickly with Flutter

Installation

In the dependencies: section of your `pubspec.yaml, add the following line:

dependencies:
    graphic_representation: ^1.0.1

Usage

Import this class :

import 'package:graphic_representation/graphic_representation.dart';

Example

Class DiscreteGraphic

Build a StatelessWidget : Container of defined size containing the graphic
The graphic can contain different elements :

• Points if colorPoint is defined.
• Lines if colorLine is defined.
• Verticals bars if colorBox is defined.

DiscreteGraphic(
            size: Size(MediaQuery.of(context).size.width,
                MediaQuery.of(context).size.height * 0.35),
            nums: [1, 2, 5, 3, 7, 13, 7],
            listGradX: [
              "Lun",
              "Mar",
              "Mer",
              "Jeu",
              "Ven",
              "Sam",
              "Dim",
            ],
            colorAxes: Colors.black,
            colorLine: Colors.blue,
            strokeLine : 2.0,
            colorPoint: Colors.blue,
            radiusPoint: 3.0,
            nbGradY: 9,
            minY: 0,
            maxY: 16,
          )

Class FunctionGraphic

Build a StatelessWidget : Container of defined size containing the graphic
The graph represents the function associated with the property f

FunctionGraphic(
            size: Size(MediaQuery.of(context).size.width,
                MediaQuery.of(context).size.height * 0.35),
            f : (x) => sin(x)/x,
            colorAxes: Colors.black,
            colorLine: Colors.purple,
            nbGradX: 11,
            minX: -20,
            maxX: 20,
            minY: -0.3,
            maxY: 1,
            strokeLine: 3.0,
          )

Class CircularGraphic

Build a StatelessWidget : Container of defined size containing the circular graphic
The graph represents data in the List nums

CircularGraphic(
            context: context,
            nums: [204, 180, 243, 231, 378, 798],
            titles: [
              "Lundi",
              "Mardi",
              "Mercredi",
              "Jeudi",
              "Vendredi",
              "Samedi"
            ],
            colors: [
              Colors.blue,
              Colors.purple,
              Colors.yellow,
              Colors.green,
              Colors.red,
              Colors.brown
            ],
            showPourcentage: true,
            colorsInfo: Colors.white,
          )

Class CircularGraphic

/// Build a StatelessWidget : Container of defined size containing the ECC-ECD graphic /// /// The graph represents data in the List numsX and numsY

EccEcdGraphic(
          size: Size(MediaQuery.of(context).size.width,
              MediaQuery.of(context).size.height * 0.6),
          numsX: [0, 30, 15, 40, 50, 70, 130],
          numsY: [0, 23, 117, 27, 18, 39, 350],
          pourcentageMode: true,
          nbGradX: 14,
          nbGradY: 21,
          showECC: true,
          showECD: true,
          colorECC: Colors.purple,
          colorECD: Colors.brown,
          strokeLine: 2.0,
          showMedian: true,
          colorMedian: Colors.black,
        )

Buy me a coffee