Create components charts in Ionic3 Project -- 2

Looking for an Ionic developer to give me a hand creating a dashboard with widgets, charts and tables. Need the flexibility to work in fixed budget at the beginning and then hour-based. ## Requirements ## * All charts and widgets will be created as an angular **Component** to be inserted in the dashboard view. * All these components will have the property `data` as input: `<my-chart [data]="data">` as shown in the image: [[login to view URL]]([login to view URL]) * Theming: Headers and lables in each component must be created using the tags and classes indicated in the picture: [[login to view URL]]([login to view URL]) * Responsiveness: * On desktop: display as in the mockup * On Mobile landscape: all chars and widgets will be displayed on a single column and will be scaled down to **fit width**. * On Mobile portrait: all chars and widgets will be displayed on a single column and will be scaled down to fit **half of the screen's height**, each will have its own **horizontal scroll**. * Components will be delivered through a **pull request to the git repository**. * The parent tag for every component must be `<ion-card>`. Title/header must be in the `<ion-card-header>` section. * When hovering mouse over the **(i)** button (in the widget's header) a shor *lorem ipsum* paragraph must be displayed as a tooltip. ## Data Provider ## I've created `[login to view URL]` to generate random data for the charts. Insert it in `[login to view URL]` and pass the date to the charts: **[login to view URL]:** ``` constructor(public navCtrl: NavController, private dataProvider: DataProvider) { this.data= [login to view URL](); } ``` **[login to view URL]:** ``` <chart-sector [data]="data"></chart-sector> ``` ### Data Format ### The data input to the widgets will be an array of objects implementing this format: ``` [ { date: Date, businessPhase: string, RMDAverage: number, }, { date: Date, businessPhase: string, RMDAverage: number, }, ... ] ```