Data and data visualization - Caitlin Morris · Exercise • Find a data set that’s interesting to you and identify its structure and key properties • Create a graph visualization

Data and data visualization

Data formats• Data can come packaged in many structures and

formats!

• Some of the most common:

• CSV (Comma Separated Values)

• JSON (JavaScript Object Notation)

• XML (eXtensible Markup Language)

CSV (Comma Separated Values)

• Commonly exported from spreadsheets and table-type documents

• Treated as a table

XML

JSON

• “JavaScript Object Notation”

• Friendly to work with in JavaScript because the structure uses standard JS object and array formatting for access

JSON Structure

JSON Structure

JSON Structure

JSON Structure

Loading JSON data

Accessing object properties

Using object properties

Loading from URL

Steps for working with data

• Find a data source! Here’s a good resource, there are many options: https://github.com/toddmotto/public-apis

• Format the data and understand its structure

• Look through the data and find the most relevant information: name, format, organization

Exercise

• Find a data set that’s interesting to you and identify its structure and key properties

• Create a graph visualization using data from that set. This can be either a static graph (bar, line, circle), or something dynamic and animated.