[SOLVED] Java javascript data structure jquery Coding Challenge

Coding Challenge

Description
Given the definition of certain response (data structure is described in form of JSON schema, see response_definition.json) from server side and below RESTFul APIs,
Retrieve data entries of between and :
GET: /server_stat/ ?from= &to=
Submit a user-defined data entry to server:
POST: /server_stat

1. Design and implement one chart component to visualize the time series fields of the response.
a. The chart component should be configurable (title, markers color and axis labels)
b. The chart component should be able to visualize the data in 2 forms (Line and Bar)
c. The chart component should be able to update the visualization in real-time with new response from server side. (live charts)
2. Design and implement one component that can generate proper form UI for users to submit data entry to server side.
3. Show your working components in one page with the best look and feel that you can come up with.
4. Create a simple instruction on how to run your work.

The toolset to use is limited:
Javascript, CSS, HTML, jQuery, jQuery-mockjax, lodash, Bootstrap and D3.js

If you want to use any modern frontend framework (which is encouraged, but not required), please select one from below options:
Angular 1.x.x
React 15.x.x
Backbone 1.3.3

Instruction to Run the API Demo:
1. Make sure you have NodeJS (v4.x.x and above) installed globally on your machine. Find the detailed installation instruction from https://nodejs.org/en/
2. Open any command-line prompt you know on your machine, set the current directory to the app/ folder.
3. Run npm install
4. When the installation is finished, run npm run start and open localhost:8000 in your browser.

/docProps/thumbnail.jpeg