Draw graph (Javascript or html5) from JSON data

Use open-source graph drawing library in Javascript to enable client side dynamic drawing of the data on graph. Inputs: JSON styled data input needs to be parsed for valid data which is then passed to x and y axis to graph drawing library. Snippet below shows example of the data obtained: ``` { "data" : { "-KnBwZNBwdbc6S6el8OA" : { "Lead1" : 1023, "averageFilter" : 1, "measuredAt" : "1498087047951", "notchFilter" : false, "version" : "1.0" }, "-KnBwZNGAWOQf5wahO-T" : { "Lead1" : 1024, "averageFilter" : 1, "measuredAt" : "1498087047957", "notchFilter" : false, "version" : "1.0" }, "-KnBwZNLSRYdWIJ07h-0" : { "Lead1" : 1025, "averageFilter" : 1, "measuredAt" : "1498087047962", "notchFilter" : false, "version" : "1.0" }, "-KnBwZNPMV5t-UTrWEua" : { "Lead1" : 1026, "averageFilter" : 1, "measuredAt" : "1498087047965", "notchFilter" : false, "version" : "1.0" }, "-KnBwZNS5XxSELlZnxGM" : { "Lead1" : 1027, "averageFilter" : 1, "measuredAt" : "1498087047969", "notchFilter" : false, "version" : "1.0" }, "-KnBwZNWdbQn1UPJG5p8" : { "Lead1" : 1028, "averageFilter" : 1, "measuredAt" : "1498087047973", "notchFilter" : false, "version" : "1.0" } } ``` Meaning of the data: - Each data sample has unique hash representation of encapsulated data. Do not assume that data is sorted. - (*measuredAt*, *Lead1*) is data to be presented as a dot (x,y) - all other data can be discarded In reality data is obtained via Server API (Google Firebase), but file-read will be a good enough solution to test with input (file will be provided). Basic and final flowcharts are in attachments. Since I only want serious people who can do it quickly, in your quote please propose the opensource library (published on GitHub) that you would use for this task. I do not care if it needs to be amended to achieve the flow, but I do not want custom solution.