/JsonToChart

Sample data from JSON to draw a chart using Angular6

Primary LanguageTypeScript

JsonToChart

Draw a chart from given a JSON file.

Getting Started

(Verify that you are running at least node 8.9.x and npm 5.x.x by running node -v and npm -v in a terminal/console window. Older versions produce errors, but newer versions are fine.)

  • Go to project folder and install dependencie : npm install
  • Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files

Screenshots

For all the 3 sample data

alt text

If we check sample_1_3

alt text

If we check sample_1_3 and sample_1_2

alt text

Technology used:

  • Angular 6
  • Angular Material
  • Bootstrap
  • HTML5
  • CSS3