Conversations with 

JSON

in JavaScript!

Rachel Boyce rboyce@fas.harvard.edu

Beautiful Data II 

Meet JSON

key:

value

{object}

[array]

Workflow

text editor -----> web server ----> web browser

Other options:

• Browser developer tools
• Command line (Node.js)

it's interactive!

Sublime -----> python SimpleHTTPServer ----> Chrome

Workflow

Tasks:

• Read it in

• Take a look at the structure 

• Parse out the info you need

• Generate output

  • text file

  • DOM (HTML) elements 

JavaScript Functions

​   $.getJSON();

jQuery library:

standard JSON library:

   JSON.parse(inputJSON, callback function);

   JSON.stringify(outputJSON, callback function);

What Do

Iterate on data elements

Algorithmically select elements

Insert new elements

Export for further analysis

...and more!

Does anybody really know what time it is?

Resources

• A treatise on JSON: http://stackoverflow.com/questions/383692/what-is-json-and-why-would-i-use-it
• JSON to CSV tool: https://json-csv.com/
• More about datetime: http://javascript.info/tutorial/datetime-functions