Group 37
Overview Requirements Development Prototype Testing Logs Meta
Overview:
Overview
Our Project
Version Control
Requirements:
Requirements
MoSCoW
Use Cases
Development:
Background Research
Technical Research
Architecture Research
Developing Solution
User Interface
Prototype:
Design Guide
Form Renderer
Dashboard
Visual Report
Testing
Logs:
Design Guide
Form Renderer
Dashboard
Visual Report
Meta:
Project Management
Bi-weekly Reports
Plans for Term 2
Updated: 21/11/2016

Technical Research: ChartJS

ChartJS is a JavaScript Charting Library. It is canvas based and renders charts through HTML5. ChartJS is fundamentally different to our main choice of D3.js as D3.js is a comprehensive data visualisation library while ChartJS is a fairly minimalistic charting tool that only comes with six basic graph archetypes.


Key Features

  • Javascript Charting Library
  • Renders charts through HTML5
  • Device responsive by default


    • Usage

    ChartJS is yet another Javascript charting library that can be used to create the data visualisations on the front-end.


    Advantages

  • Open Source
  • Elegant and simplistic design
  • Lightweight and fast
  • 11Kb gzipped
  • Supports older browsers IE7/8
  • Device responsive by default
  • Very easy to learn
    • [2]


    Disadvantages

  • Limited 6 basic graph types
  • Lacks the customizability


    • Alternatives

    Below are some popular alternative javascript charting libraries. Some of which will also be explored in our research.

  • Google Charts
  • D3.js
  • N3-charts


    • References

    [1] Chartjs.org. (2016). Cite a Website - Cite This For Me. [online] Available at: http://www.chartjs.org/ [Accessed 22 Nov. 2016].
    [2] Charts, C., Charts, S. and UI, S. (2016). Slant - D3.js vs Chart.js. [online] Slant. Available at: https://www.slant.co/versus/10577/10578/~d3-js_vs_chart-js [Accessed 22 Nov. 2016].