Setting up a Node ServerWeek 12 - Interaction and Animation: D3 Transitions, Behaviors, and BrushingWeek 11 - Intro to D3.js: Mapping Data with D3Week 10 - Intro to D3.js: Making a ChartWeek 4a - Exploring Data with Vega-LiteWeek 3 - Data Management with ZebrasWeek 2a - Introduction to Javascript Part2Week 1b - Introduction to JavascriptWeek 1a - Introduction to HTML and JavascriptWeek 0 - Introduction to Observable
Parsing API Responses
twitterResponses = "https://gist.githubusercontent.com/cesandoval/ca0310352cc98742fc846e6a86a80c04/raw/0a591c6b7c4316235601b5a809df854f939418f2/twitter_response.json"
//use d3 to load the JSON
tweets = d3.json(twitterResponses)
//use the key (statuses) to access
statuses = tweets.statuses
//access the specific element of the statuses (which is an array)
//It is important to get familiar with the object/ array format of the data of interest
//use [x] to access the element in an array
//use .x to access the element in an object based on keys
tweets.statuses[0]
tweets.statuses[0].geo
tweets.statuses[0].user.id
searchMetadata = tweets.search_metadata
statuses[0]
text = statuses[0].text
textId = statuses[0].id
userId = statuses[0].user.id
userName = statuses[0].user.name
{
let texts = []
for (let i in statuses) {
// we can easily loop through the elements in an array
let currentText = statuses[i].text
texts.push(currentText)
}
return texts
}
// get the tweets IDs as an array
{
let emptyArray = []
for (let i in statuses) {
// we can easily loop through the elements in an array
let currentArray = statuses[i]
let tweetId=statuses[i].id
emptyArray.push(tweetId)
}
return emptyArray
}
// Your code here
{
let emptyObject = {}
let emptyArray = []
for (let i in statuses) {
let currentTweetId=statuses[i].id
let currentTweetText=statuses[i].text
emptyObject[currentTweetId]=currentTweetText
}
return emptyObject
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
