{"$schema":"https://ejfox.com/schema/page-twin@1.json","kind":"blog_post","url":"https://ejfox.com/blog/week-notes/2024-44","json_url":"https://ejfox.com/blog/week-notes/2024-44.json","generator":"ejfox.com/json-twin@1","data":{"cacheVersion":"2026-05-13-gear-cards","html":"<h2 class=\"\" id=\"2024-44\">2024-44</h2>\n<h3 class=\"\" id=\"daily-check-in--reflections\">Daily Check-In &#x26; Reflections</h3>\n<ul class=\"list-disc\">\n<li class=\"\">Monday:</li>\n<li class=\"\">Tuesday:</li>\n<li class=\"\">Wednesday:</li>\n<li class=\"\">Thursday:</li>\n<li class=\"\">Friday:</li>\n<li class=\"\">Saturday:</li>\n<li class=\"\">Sunday:</li>\n</ul>\n<h3 class=\"\" id=\"code--creations\">Code &#x26; Creations</h3>\n<figure data-rehype-pretty-code-figure=\"\" class=\"\"><pre class=\"md-pre\" style=\"background-color:#09090b;color:#cccac2\" tabindex=\"0\" data-language=\"js{viz:true}\" data-theme=\"\"><code data-language=\"js{viz:true}\" data-theme=\"\" style=\"display: grid;\" class=\"md-codeblock\"><span class=\"\" data-line=\"\"><span class=\"\">import * as d3 from 'd3';</span></span>\n<span class=\"\" data-line=\"\"> </span>\n<span class=\"\" data-line=\"\"><span class=\"\">export const main = (container) => {</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">  const width = container.clientWidth;</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">  const height = container.clientHeight;</span></span>\n<span class=\"\" data-line=\"\"> </span>\n<span class=\"\" data-line=\"\"><span class=\"\">  const svg = d3</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .select(container)</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .selectAll('svg')</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .data([null])</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .join('svg')</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .attr('width', width)</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .attr('height', height)</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .style('background', '#F0FFF4');</span></span>\n<span class=\"\" data-line=\"\"> </span>\n<span class=\"\" data-line=\"\"><span class=\"\">  const data = [</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    { x: 155, y: 382, r: 20, fill: '#D4089D' },</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    { x: 340, y: 238, r: 52, fill: '#FF0AAE' },</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    { x: 531, y: 59, r: 20, fill: '#00FF88' },</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    { x: 482, y: 275, r: 147, fill: '#7300FF' },</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    { x: 781, y: 303, r: 61, fill: '#0FFB33' },</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    { x: 668, y: 229, r: 64, fill: '#D400FF' },</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    { x: 316, y: 396, r: 85, fill: '#0FF0FF' },</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">  ];</span></span>\n<span class=\"\" data-line=\"\"> </span>\n<span class=\"\" data-line=\"\"><span class=\"\">  svg</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .selectAll('circle')</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .data(data)</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .join('circle')</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .attr('cx', (d) => d.x)</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .attr('cy', (d) => d.y)</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .attr('r', (d) => d.r)</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .attr('fill', (d) => d.fill)</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">    .attr('opacity', 708 / 1000);</span></span>\n<span class=\"\" data-line=\"\"><span class=\"\">};</span></span><button type=\"button\" title=\"Copy code\" aria-label=\"Copy code\" data=\"import * as d3 from &#x27;d3&#x27;;\n\nexport const main = (container) => {\n  const width = container.clientWidth;\n  const height = container.clientHeight;\n\n  const svg = d3\n    .select(container)\n    .selectAll(&#x27;svg&#x27;)\n    .data([null])\n    .join(&#x27;svg&#x27;)\n    .attr(&#x27;width&#x27;, width)\n    .attr(&#x27;height&#x27;, height)\n    .style(&#x27;background&#x27;, &#x27;#F0FFF4&#x27;);\n\n  const data = [\n    { x: 155, y: 382, r: 20, fill: &#x27;#D4089D&#x27; },\n    { x: 340, y: 238, r: 52, fill: &#x27;#FF0AAE&#x27; },\n    { x: 531, y: 59, r: 20, fill: &#x27;#00FF88&#x27; },\n    { x: 482, y: 275, r: 147, fill: &#x27;#7300FF&#x27; },\n    { x: 781, y: 303, r: 61, fill: &#x27;#0FFB33&#x27; },\n    { x: 668, y: 229, r: 64, fill: &#x27;#D400FF&#x27; },\n    { x: 316, y: 396, r: 85, fill: &#x27;#0FF0FF&#x27; },\n  ];\n\n  svg\n    .selectAll(&#x27;circle&#x27;)\n    .data(data)\n    .join(&#x27;circle&#x27;)\n    .attr(&#x27;cx&#x27;, (d) => d.x)\n    .attr(&#x27;cy&#x27;, (d) => d.y)\n    .attr(&#x27;r&#x27;, (d) => d.r)\n    .attr(&#x27;fill&#x27;, (d) => d.fill)\n    .attr(&#x27;opacity&#x27;, 708 / 1000);\n};\" class=\"rehype-pretty-copy\" onclick=\"navigator.clipboard.writeText(this.attributes.data.value);this.classList.add(&#x27;rehype-pretty-copied&#x27;);window.setTimeout(() => this.classList.remove(&#x27;rehype-pretty-copied&#x27;), 3000);\"><span class=\"ready\"></span><span class=\"success\"></span></button><style class=\"\">:root {--copy-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23adadad' d='M16.187 9.5H12.25a1.75 1.75 0 0 0-1.75 1.75v28.5c0 .967.784 1.75 1.75 1.75h23.5a1.75 1.75 0 0 0 1.75-1.75v-28.5a1.75 1.75 0 0 0-1.75-1.75h-3.937a4.25 4.25 0 0 1-4.063 3h-7.5a4.25 4.25 0 0 1-4.063-3M31.813 7h3.937A4.25 4.25 0 0 1 40 11.25v28.5A4.25 4.25 0 0 1 35.75 44h-23.5A4.25 4.25 0 0 1 8 39.75v-28.5A4.25 4.25 0 0 1 12.25 7h3.937a4.25 4.25 0 0 1 4.063-3h7.5a4.25 4.25 0 0 1 4.063 3M18.5 8.25c0 .966.784 1.75 1.75 1.75h7.5a1.75 1.75 0 1 0 0-3.5h-7.5a1.75 1.75 0 0 0-1.75 1.75'/%3E%3C/svg%3E\");--success-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2366ff85' d='M9 16.17L5.53 12.7a.996.996 0 1 0-1.41 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71a.996.996 0 1 0-1.41-1.41z'/%3E%3C/svg%3E\");}pre:has(code) {position: relative;}pre button.rehype-pretty-copy {right: 1px;padding: 0;width: 24px;height: 24px;display: flex;margin-top: 2px;margin-right: 8px;position: absolute;border-radius: 25%;backdrop-filter: blur(3px);& span {width: 100%;aspect-ratio: 1 / 1;}& .ready {background-image: var(--copy-icon);}& .success {display: none; background-image: var(--success-icon);}}&.rehype-pretty-copied {& .success {display: block;} & .ready {display: none;}}pre button.rehype-pretty-copy.rehype-pretty-copied {opacity: 1;& .ready { display: none; }& .success { display: block; }}</style></code></pre></figure>\n<h3 class=\"\" id=\"ideas--inspirations\">Ideas &#x26; Inspirations</h3>\n<h3 class=\"\" id=\"-health--wellness\">🏋 Health &#x26; Wellness</h3>\n<!-- Note any physical activity, mindfulness practice, or self-care -->\n<h3 class=\"\" id=\"-learning--media\">📚 Learning &#x26; Media</h3>\n<!-- Books, articles, movies, TV shows, podcasts consumed -->\n<h3 class=\"\" id=\"-connections--insights\">🔗 Connections &#x26; Insights</h3>\n<!-- Note any interesting connections between ideas or new realizations -->\n<h3 class=\"\" id=\"next-weeks-intentions\">Next Week's Intentions</h3>\n<!-- What do you want to focus on or accomplish next week? -->","title":"2024-44","metadata":{"tags":["weekly-notes","reflections","progress"],"modified":"2024-10-29T18:22:08.000Z","date":"2024-10-28T15:50:44.000Z","words":229,"images":0,"imageDetails":{"total":0,"cloudinary":0,"withDimensions":0},"links":0,"codeBlocks":1,"headers":{"h2":1},"toc":[{"text":"2024-44","slug":"2024-44","level":"h2","children":[{"text":"Daily Check-In & Reflections","slug":"daily-check-in--reflections","level":"h3","children":[]},{"text":"Code & Creations","slug":"code--creations","level":"h3","children":[]},{"text":"Ideas & Inspirations","slug":"ideas--inspirations","level":"h3","children":[]},{"text":"🏋 Health & Wellness","slug":"-health--wellness","level":"h3","children":[]},{"text":"📚 Learning & Media","slug":"-learning--media","level":"h3","children":[]},{"text":"🔗 Connections & Insights","slug":"-connections--insights","level":"h3","children":[]},{"text":"Next Week's Intentions","slug":"next-weeks-intentions","level":"h3","children":[]}]}],"type":"post"}},"_links":{"self":"https://ejfox.com/blog/week-notes/2024-44.json","html":"https://ejfox.com/blog/week-notes/2024-44","index":"/blog.json"}}