2e:null 2f:["$","title",null,{"children":"Intro to ObservableHQ | Benoît Grélard | Observable"}] 34:[] 32:{"id":"403e645ab81deb74","slug":"intro-to-observablehq","title":"Intro to ObservableHQ","thumbnail":"f03ed82d6b677d2195985838b7266fc9d0e796af1a27760e79bf3fa5b0dbba91","access_level":"public","create_time":"$D2018-10-18T13:01:17.953Z","update_time":"$D2018-10-18T13:44:20.715Z","view_time":null,"first_public_time":"$D2018-10-18T13:01:25.080Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"445fc6d73a316a02","login":"benoitgrelard","name":"Benoît Grélard","avatar_url":"https://avatars-next.observableusercontent.com/f45526c53cdcfcac9bdae73b5a83fda55609e5415b381b8a6b928386cc0c1b1e","tier":"starter_2024"},"version":143,"publish_version":143,"role":null,"authored":false,"authors":[{"type":"individual","id":"5926830cb533896b","login":"benoitgrelard","name":"Benoît Grélard","avatar_url":"https://avatars-next.observableusercontent.com/f45526c53cdcfcac9bdae73b5a83fda55609e5415b381b8a6b928386cc0c1b1e","tier":null}],"members":[{"type":"individual","id":"5926830cb533896b","login":"benoitgrelard","name":"Benoît Grélard","avatar_url":"https://avatars-next.observableusercontent.com/f45526c53cdcfcac9bdae73b5a83fda55609e5415b381b8a6b928386cc0c1b1e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Intro to ObservableHQ","cells":[{"id":0,"value":"md`# Intro to ObservableHQ`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"md`\nFor the API request to work you will need to provide your own token below 👇 with these scopes:\n\n- \\`read:org\\`\n- \\`read:user\\`\n- \\`repo\\`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"token = \"YOUR_PERSONAL_GITHUB_TOKEN_HERE\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"viewof dataPoint = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"viewof showLabels = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"viewof GAP = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"viewof min = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"viewof BAR_SIZE = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"{\n const extent = d3.extent(filteredMembers, d => d[dataPoint]);\n const wRange = [0, WIDTH - MARGIN.left - MARGIN.right];\n const wSCale = d3.scaleLinear().domain(extent).range(wRange);\n const color = { numPrs: prColor, numIssues: issueColor, numComments: commentColor }[dataPoint];\n \n return html`\n \n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"viewof prColor = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"viewof issueColor = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"viewof commentColor = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"HEIGHT = MARGIN.top + filteredMembers.length * (BAR_SIZE + GAP) - GAP + MARGIN.bottom","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"WIDTH = width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"MARGIN = ({ top: 50, right: 50, bottom: 50, left: showLabels ? 200 : 50 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"filteredMembers = sortedMembers.filter(m => m[dataPoint] >= min)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"sortedMembers = members.sort((a, b) => b[dataPoint] - a[dataPoint])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"members = getFathomMembers()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"function getFathomMembers() {\n return fetch('https://api.github.com/graphql', {\n method: 'POST',\n headers: {\n Authorization: `bearer ${token}`\n },\n body: JSON.stringify({\n query: `\nquery {\n organization(login: \"fathomlondon\") {\n members(first: 30) {\n nodes {\n login\n pullRequests {\n totalCount\n }\n issues {\n totalCount\n }\n issueComments {\n totalCount\n }\n }\n }\n }\n}\n`\n })\n })\n .then(r => r.json())\n .then(json => json.data.organization.members.nodes.map(m => ({\n login: m.login,\n numPrs: m.pullRequests.totalCount,\n numIssues: m.issues.totalCount,\n numComments: m.issueComments.totalCount\n })))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"