The socially conscious
data visualization firm. We turn data into
interactive visual experiences for empathy and understanding.
Unlisted
Edited
May 26, 2022
// function for accessing data
async function getFacts({animal, amount}) {
let response = await fetch(
`https://cat-fact.herokuapp.com/facts/random?animal_type=${animal}&amount=${amount}`
);
return await response.json();
}
// make an array of api params
calls = [
{animal: "cat", amount: 5},
{animal: "dog", amount: 5},
{animal: "horse", amount: 5},
]
// map and flatten through array of parameters
(await Promise.all(calls.map(getFacts))).flat()
// function for accessing data
function getFactsTest(animal, amount) {
let baseUrl = `https://cat-fact.herokuapp.com/facts/random?animal_type=${animal}&amount=${amount}`
return d3.json(baseUrl)
}
// make an array of api params
callsTest = [
{animal: "cat", amount: 5},
{animal: "dog", amount: 5},
{animal: "horse", amount: 5},
]
// map through array of parameters
promisesTest = callsTest.map(d => getFactsTest(d.animal, d.amount))
// resolve promises
resultTest = Promise.all(promisesTest)
// flatten
resultTest.flat()
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.
