Design, tech, engineering and science. Head of Design and User Research.
_.orderBy(
// BlogPosts with coverImages
_.filter(entries, ({ __typename, coverImage }) => {
return __typename === "BlogPost" && coverImage;
}),
// Sort by publication date
"publicationDate",
"desc"
// Return the URL of each BlogPost's coverImage
).map(({ coverImage }) => {
return entries[coverImage].url;
})
{
const blogPost = entriesByType.BlogPost[0]; // Some blog post
const person = entries[blogPost.authors[0]]; // First author of the blog post
const country = entries[person.countries[0]]; // First country of the first author
return country;
}
_.mapValues(entriesByType, (entries) => {
return entries.length
})
graphql(`{ blogPosts { __typename, id, publicationDate, title, coverImage { __typename, id, url } } }`)
graphql(`{ countries { __typename, id, name, persons { __typename, id, fullName } } }`)
_demoResponse = graphql(`{
blogPosts (first: 4) {
__typename
id
publicationDate
title
coverImage {
__typename
id
url
}
authors {
__typename
id
fullName
countries {
__typename
id
name
persons {
__typename
id
fullName
}
}
}
}
}`)
_demoPost = _demoResponse.blogPosts.map((id) => {
return entries[id]
})[0]
_demoPost.authors
_demoAuthor = _demoPost.authors.map((id) => {
return entries[id]
})[0]
_demoCountry = _demoAuthor.countries.map((id) => {
return entries[id]
})[0]
_demoCountry.persons.map((id) => {
return entries[id]
})[0]
entriesByType.BlogPost
request(`{ brands { __typename, id, name } }`)
entriesByType.Brand
// _graphqlRequest = require("https://bundle.run/graphql-request")
_graphqlRequest = import('https://cdn.skypack.dev/graphql-request@5.0.0?min')
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.
