2c:null 2d:["$","title",null,{"children":"Hello graphql.js | Radamés Ajna | Observable"}] 32:[] 30:{"id":"6893e1333473e3ca","slug":"hello-graphql-js","title":"Hello graphql.js","thumbnail":"da697e52cdb42aed5ad124bac5fa0fa25575b7c3c51587e5b1a4ee715b99e0c0","access_level":"public","create_time":"$D2020-03-10T04:56:24.110Z","update_time":"$D2022-02-19T00:27:14.893Z","view_time":null,"first_public_time":"$D2020-03-10T07:10:11.000Z","has_unpublished_edits":null,"fork":false,"stars":6,"starred":false,"owner":{"type":"team","id":"d6fb6dd3ddf05afb","login":"radames","name":"Radamés Ajna","avatar_url":"https://avatars-next.observableusercontent.com/7e61199ed2efe90aec8d897ac8b17a3fd0a129bff12a46a4048ddd0f73a2c43e","tier":"starter_2024","bio":"Engineering @huggingface 🤗. Data visualization enthusiast. Creative technologist. Open for collaborations."},"version":399,"publish_version":399,"role":null,"authored":false,"authors":[{"type":"individual","id":"06bc2aaa9d8c4a54","login":"radames","name":"Radamés Ajna","avatar_url":"https://avatars-next.observableusercontent.com/7e61199ed2efe90aec8d897ac8b17a3fd0a129bff12a46a4048ddd0f73a2c43e","tier":null,"bio":"Data visualization enthusiast. Creative technologist. Open for collaborations."}],"members":[{"type":"individual","id":"06bc2aaa9d8c4a54","login":"radames","name":"Radamés Ajna","avatar_url":"https://avatars-next.observableusercontent.com/7e61199ed2efe90aec8d897ac8b17a3fd0a129bff12a46a4048ddd0f73a2c43e","tier":null,"role":"editor"}],"comments":[{"id":"2b0ddd6bbc13c987","reply_to_id":null,"content":"I tried this out but the error handling is not so good. I think graphql-requests is a bit more polished yet still lightweight.","create_time":"$D2022-02-18T13:28:09.781Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null}},{"id":"921d97b0b517c69d","reply_to_id":"2b0ddd6bbc13c987","content":"hi Tom, thanks for the update! do you have a hello notebook so I can link it here? thanks","create_time":"$D2022-02-19T00:28:01.359Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"06bc2aaa9d8c4a54","login":"radames","name":"Radamés Ajna","avatar_url":"https://avatars-next.observableusercontent.com/7e61199ed2efe90aec8d897ac8b17a3fd0a129bff12a46a4048ddd0f73a2c43e","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":18,"collection":{"id":"e33ecf7f9c2d8757","slug":"libs","title":"Libs","owner":{"id":"d6fb6dd3ddf05afb","login":"radames","name":"Radamés Ajna"}},"type":"notebook","body":{"titling":"auto","title":"Hello graphql.js","cells":[{"id":0,"value":"md`# Hello [graphql.js](https://github.com/graphql/graphql-js)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"md`\nThanks to https://www.kiva.org/ for its open [graphql server](https://api.kivaws.org/graphql)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"graphqlServer = \"https://api.kivaws.org/graphql\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"md`\n### Connect \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"graph = graphql(graphqlServer)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":274,"value":"md`\n### Write Query \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":387,"value":"countries = [\"US\", \"BR\", \"FR\", \"UR\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"lendsQuery = graph(`\n{\n lend {\n loans (filters: {country: ${JSON.stringify(countries)}}, limit: 20) {\n totalCount\n values {\n name\n id\n loanAmount\n image {\n url(presetSize: loan_default)\n }\n activity {\n name\n }\n geocode {\n country {\n isoCode\n name\n }\n }\n lenders (limit: 0) {\n totalCount\n }\n ... on LoanPartner {\n partnerName\n }\n ... on LoanDirect {\n trusteeName\n }\n }\n }\n }\n}\n`)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"md`\n### Run query \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"data = lendsQuery()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"html`\n

Lend to

\n${data.lend.loans.values.map(e => {\n const div = document.createElement('div');\n const img = document.createElement('img');\n div.style.cssText = \"flex-basis: 33%\";\n div.appendChild(html`\n \n

${e.name}

$${e.loanAmount}

\n \n `);\n return div;\n})}\n \n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"md`\n### Imports \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"graphql = require(\"graphql.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 31:"$30:body"