4e:I[132969,["$2"],"IconMark"] 44:["$","title",null,{"children":"Trello Actions Heatmap | Matt Cowan | Observable"}] 4c:T737,chart = { const years = d3.nest() .key(d => d.date.getFullYear()) .entries(boardActions) .reverse(); const svg = d3.select(DOM.svg(width, height * years.length)) .style("font", "10px sans-serif") .style("width", "100%") .style("height", "auto"); const year = svg.selectAll("g") .data(years) .enter() .append("g") .attr("transform", (d, i) => `translate(40,${height * i + cellSize * 1.5})`); year.append("text") .attr("x", -5) .attr("y", -5) .attr("font-weight", "bold") .attr("text-anchor", "end") .text(d => d.key); year.append("g") .attr("text-anchor", "end") .selectAll("text") .data((weekday === "weekday" ? d3.range(1, 6) : d3.range(7)).map(i => new Date(2011, 0, i))) .enter() .append("text") .attr("x", -5) .attr("y", d => (countDay(d) + 0.5) * cellSize) .attr("dy", "0.31em") .text(formatDay); year.append("g") .selectAll("rect") .data(d => d.values) .enter() .append("rect") .attr("width", cellSize - 1) .attr("height", cellSize - 1) .attr("x", d => timeWeek.count(d3.timeYear(d.date), d.date) * cellSize + 0.5) .attr("y", d => countDay(d.date) * cellSize + 0.5) .attr("fill", d => color(d.value)) .append("title") .text(d => `${formatDate(d.date)}: ${d.value}`); const month = year.append("g") .selectAll("g") .data(d => d3.timeMonths(d3.timeMonth(d.values[0].date), d.values[d.values.length - 1].date)) .enter() .append("g"); month.filter((d, i) => i) .append("path") .attr("fill", "none") .attr("stroke", "#fff") .attr("stroke-width", 3) .attr("d", pathMonth); month.append("text") .attr("x", d => timeWeek.count(d3.timeYear(d), timeWeek.ceil(d)) * cellSize + 2) .attr("y", -5) .text(formatMonth); return svg.node(); }4d:[] 48:{"id":"a2b6c6113a221593","slug":"trello-actions-heatmap","title":"Trello Actions Heatmap","thumbnail":"fcab0a46ba0c5d257e844b3118ac0da7df29454b11e9dda437baaa261e3d27f7","access_level":"public","create_time":"$D2018-12-02T22:21:07.290Z","update_time":"$D2020-05-02T02:41:29.379Z","view_time":null,"first_public_time":"$D2018-12-03T13:14:53.133Z","has_unpublished_edits":null,"fork":{"id":"35ba7e5ebbf04804","slug":"calendar","title":"Calendar","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":1,"starred":false,"owner":{"type":"team","id":"150d072324233635","login":"mpcowan","name":"Matt Cowan","avatar_url":"https://avatars-next.observableusercontent.com/e2099947d874f59a033405d9b14644227c3f8d11863e2bc35ca7b69242c72fd5","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":378,"publish_version":378,"role":null,"authored":false,"authors":[{"type":"individual","id":"0d1ab105ae1b9374","login":"mpcowan","name":"Matt Cowan","avatar_url":"https://avatars-next.observableusercontent.com/e2099947d874f59a033405d9b14644227c3f8d11863e2bc35ca7b69242c72fd5","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"0d1ab105ae1b9374","login":"mpcowan","name":"Matt Cowan","avatar_url":"https://avatars-next.observableusercontent.com/e2099947d874f59a033405d9b14644227c3f8d11863e2bc35ca7b69242c72fd5","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"af617897068213c4","slug":"trello","title":"Trello","owner":{"id":"150d072324233635","login":"mpcowan","name":"Matt Cowan"}},"type":"notebook","body":{"titling":"auto","title":"Trello Actions Heatmap","cells":[{"id":0,"value":"md`# Trello Actions Heatmap\n\nThis notebook plots a heatmap of actions taken on a Trello board by day. You can switch between all actions, or just card creation actions.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"viewof weekday = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":348,"value":"viewof actionType = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"$4c","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"cellSize = 17","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":214,"value":"width = 964","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"height = cellSize * (weekday === \"weekday\" ? 7 : 9)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"timeWeek = weekday === \"sunday\" ? d3.timeSunday : d3.timeMonday","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"countDay = weekday === \"sunday\" ? d => d.getDay() : d => (d.getDay() + 6) % 7","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"function pathMonth(t) {\n const n = weekday === \"weekday\" ? 5 : 7;\n const d = Math.max(0, Math.min(n, countDay(t)));\n const w = timeWeek.count(d3.timeYear(t), t);\n return `${d === 0 ? `M${w * cellSize},0`\n : d === n ? `M${(w + 1) * cellSize},0`\n : `M${(w + 1) * cellSize},0V${d * cellSize}H${w * cellSize}`}V${n * cellSize}`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"formatDate = d3.timeFormat(\"%x\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"formatDay = d => \"SMTWTFS\"[d.getDay()]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"formatMonth = d3.timeFormat(\"%b\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"color = {\n const maxCount = d3.max(boardActions, a => a.value);\n return d3.scaleSequential(d3.interpolateGreens).domain([0, maxCount])\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"idTrelloBoard = '5abbe4b7ddc1b351ef961414'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":321,"value":"boardActions = {\n const filter = actionType === 'all' ? 'all' : 'createCard,copyCard,emailCard';\n return fetch(`https://api.trello.com/1/boards/${idTrelloBoard}/actions?limit=1000&fields=type,date&filter=${filter}`)\n .then(resp => resp.json())\n .then(actions => {\n return actions.map(action => {\n return {\n type: action.type,\n date: action.date.substring(0, action.date.indexOf('T')),\n memberCreator: action.memberCreator,\n }\n })\n })\n .then(actions => {\n return d3.nest()\n .key(function(a) { return a.date; })\n .rollup(function(v) { return v.length; })\n .entries(actions)\n .map(i => ({ date: new Date(i.key), value: i.value }))\n .reverse();\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 24:null 3c:[["$","title","0",{"children":"Trello Actions Heatmap | Matt Cowan | Observable"}],["$","meta","1",{"property":"og:title","content":"Trello Actions Heatmap"}],["$","meta","2",{"property":"og:description","content":"An Observable notebook by Matt Cowan"}],["$","meta","3",{"property":"og:url","content":"https://observablehq.com/@mpcowan/trello-actions-heatmap"}],["$","meta","4",{"property":"og:site_name","content":"Observable"}],["$","meta","5",{"property":"og:image","content":"https://images.observableusercontent.com/thumbnail/fcab0a46ba0c5d257e844b3118ac0da7df29454b11e9dda437baaa261e3d27f7.jpg"}],["$","meta","6",{"property":"og:image:width","content":"640"}],["$","meta","7",{"property":"og:image:height","content":"400"}],["$","meta","8",{"property":"og:type","content":"article"}],["$","meta","9",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","10",{"name":"twitter:title","content":"Trello Actions Heatmap"}],["$","meta","11",{"name":"twitter:description","content":"An Observable notebook by Matt Cowan"}],["$","meta","12",{"name":"twitter:image","content":"https://images.observableusercontent.com/thumbnail/fcab0a46ba0c5d257e844b3118ac0da7df29454b11e9dda437baaa261e3d27f7.jpg"}],["$","meta","13",{"name":"twitter:image:width","content":"640"}],["$","meta","14",{"name":"twitter:image:height","content":"400"}],["$","link","15",{"rel":"icon","href":"/favicon.ico?favicon.2hqc0rwsy9zm6.ico","sizes":"96x96","type":"image/x-icon"}],["$","link","16",{"rel":"icon","href":"/icon.png?icon.1mhghqfpotdlb.png","sizes":"512x512","type":"image/png"}],["$","$L4e","17",{}]] 4b:null