Reading from Json file to create graph javascript

Question

I need your help. I want to change this graph: http://bl.ocks.org/mbostock/3885211 to read from a json file instead of tsv. That is the format of my Json file.

{
  "name":"chrome" ,

  "values": [   
      { "time" : 1232323 , "value:" :  12}, 
      { "time" : 12323323 , "value:" : 19   
   ]},

{   
  "counter":"Mozilla" ,

  "values": [   
    { "time" : 1232sd3 , "value:" : 18}, 
    { "time" : 11232323 , "value:" : 20}   
  ]},

{    
  "name":"IE" ,

  "values": [   
    {"time" : 12387823 ,"value:" :  100},
    {"time" : 12323 ,"value:" : 123123}
  ]}

]

I have tried a lot but it does not work with Json file.

Really appreciate your help :(

Call JSON.parse() and it will turn the JSON into a Javascript object, then you can do whatever you like with it. — Barmar
– Barmar, Commented Jul 4, 2013 at 4:41
maybe this ? github.com/mbostock/d3/wiki/Requests#wiki-d3_json — akonsu
– akonsu, Commented Jul 4, 2013 at 4:42
Your JSON is also incorrect. it's missing a [ at the beginning and the time value for Mozilla 1232sd3 is incorrect. It'll raise a parse error. Otherwise, try using JSON.parse(). Look into javascript libraries and frameworks like YUI and jQuery if you need more tools. — tr33hous
– tr33hous, Commented Jul 4, 2013 at 4:45

tr33hous · Accepted Answer · 2013-07-04 05:28:29Z

1

OK. So I decided to spend some time and help you solve the problem. The conversion to JSON was poorly done (for the code that is written on the page).

A quick way to get json from the data would be to use vim to retab the data file before running it through a script like this one https://github.com/turian/common-scripts/blob/master/tsv-to-json.py

I created had to manually reformat the data (since I was just trying to set up an example) but you might want to change the code so that it writes into an array first before producing json (you may also need to change the common.json to json).

The complete example is hosted here http://jsfiddle.net/dvqFj/1/

Good luck

answered Jul 4, 2013 at 5:28

tr33hous

1,6521 gold badge15 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

tr33hous Over a year ago

I have 3 data points in the json and decoupled the function. Check jsfiddle.net/dvqFj/3 for comments

Collectives™ on Stack Overflow

Reading from Json file to create graph javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related