Data Visualization using JavaScript and Google Visualization JS API
I used Google Visualization API, jQuery, Underscore.js and Twitter Bootstrap to develop my web application.
Input : Array of arrays in the format of [ flower:xyz, date:mm/dd/yyyy, quantity-sold: a, quantity-unsold: b ]
Output: Visualization of input data with column chart and filtering options on flower and date.
- Column Chart is used for visualizing the data.
- Bootstrap's Toggle buttons are used to filter the data
- Tabs are used to view only the necessary charts. The three main tabs are - General, Flower and Date.
- Flower and date are drop-down menus. Using these drop-down menus, the user can navigate to only the required chart.