31:T81c,graph = html``32:[] 2f:{"title":"Reddit contributions per week graph","cells":[{"id":0,"value":"md`# Reddit contributions per week graph`","pinned":false,"hidden":false,"mode":"ojs"},{"id":393,"value":"md`A reddit weekly activity visualisation (comments + submissions), inspired by https://github.com/vinnyoodles/reddit-heatmap\n\nIf you're interested in the same visualisation for your blog posts: https://accountableblogging.com/post-frequency/\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"viewof user = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":116,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":354,"value":"function makeRedditUrl(user, type = 'submitted') {\n // type is either `submitted` of `comments`\n return `https://www.reddit.com/user/${user}/${type}.json?limit=100`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"postUrl = makeRedditUrl(user, 'submitted')","pinned":false,"hidden":false,"mode":"ojs"},{"id":285,"value":"commentUrl = makeRedditUrl(user, 'comments')","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"postResp = fetch(postUrl).then(data => data.json())","pinned":false,"hidden":false,"mode":"ojs"},{"id":284,"value":"commentResp = fetch(commentUrl).then(r => r.json())","pinned":false,"hidden":false,"mode":"ojs"},{"id":291,"value":"comments = commentResp.data.children.map(({data}) => data).map(({ created }) => ({created: created * 1000}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"posts = postResp.data.children.map(({data}) => data).map(({ created, title }) => ({created: created * 1000, title}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":303,"value":"entries = [...comments, ...posts]","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"today = new Date()","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"earliestDate = new Date(Math.min(...entries.map(({ created }) => created)))","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"firstWeek = getWeekNumber(earliestDate)","pinned":false,"hidden":false,"mode":"ojs"},{"id":98,"value":"lastWeek = getWeekNumber(today)","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"yearRange = Array.from(\n { length: today.getFullYear() - earliestDate.getFullYear() + 1 },\n (_, i) => earliestDate.getFullYear() + i\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":258,"value":"entriesByYear = yearRange.reduce((acc, year) => {\n const yearEntries = entries.filter(({ created }) => new Date(created).getFullYear() === year);\n acc[year] = yearEntries;\n return acc;\n}, {})","pinned":false,"hidden":false,"mode":"ojs"},{"id":114,"value":"weeksInYears = yearRange.map(year => year === today.getFullYear() ? getWeekNumber(today)[1] : getWeeksForYear(year))","pinned":false,"hidden":false,"mode":"ojs"},{"id":100,"value":"function getWeeksForYear(year) {\n var yearStart = new Date(Date.UTC(year, 0, 1));\n var yearEnd = new Date(year, 11, 31)\n return Math.ceil(( ( (yearEnd - yearStart) / 86400000) + 1)/7);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"function getWeekNumber(d) {\n // Copy date so don't modify original\n const date = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));\n // Set to nearest Thursday: current date + 4 - current day number\n // Make Sunday's day number 7\n date.setUTCDate(d.getUTCDate() + 4 - (d.getUTCDay()||7));\n // Get first day of year\n var yearStart = new Date(Date.UTC(date.getUTCFullYear(),0,1));\n // Calculate full weeks to nearest Thursday\n var weekNo = Math.ceil(( ( (date - yearStart) / 86400000) + 1)/7);\n // Return array of year and week number\n return [d.getUTCFullYear(), weekNo];\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}