data and data visualization - caitlin morris · exercise • find a data set that’s interesting...
TRANSCRIPT
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.