d3 v7 is packaged as ESM only. That made it difficult to use in the Node.js REPL. From this StackOverflow thread, I found a solution.
let d3;
import("d3").then((module) => {
d3 = module;
});
// Then you can use d3 anywhere once the promise is resolved.
Keeping a dev journal, book recommendations, how computers reduce efficiency, introduction to jhanas, some podcast notes about AI companies, and how do dogs see color.
An explainer for Retrieval-Augmented Generation (RAG). Breaking down what it is and how people are implementing it.
Extremely esoteric bug. I’ve had an open issue for the past three months related to this other issue. I couldn’t figure out why npm’s registry would pull an older version of d3-scale-chromatic when I upgraded the @observable/plot library. As a future note for myself, if I run into this issue again, I’ll have to go into the package-lock.json file and update d3-scale-chromatic to v3.1.0.
A change in format for weekly notes. Local rumblings like H5N1, international splashes with China's Internet disappearing, could AI solve science, the smart web could use our support, and engineering the slow internet from a user from Antarctica.
From this ACM paper, On the Dangers of Stochastic Parrots, the hypothesis is maybe these LLMs are parroting back what we already know and aren’t learning. We can probably, maybe, safely say that is no longer the case.
Bye bye, corporate open source, spaced repetition explained as a in cartoon, cyberattacks on healthcare, AI Developer marketing ploy?, and a bunch of lay-offs and obits.
From The Progressive: Students Have the Right to Protest Apartheid. My lovely fiancé wrote a piece about the student protests for Palestine.
While the Republican-led Congress has used its power to condemn any protests on behalf of Palestinians, where was the same outrage and zealousness when white nationalists came to college campuses?
Just start. You know enough to get started. Don't stray away from the path you set out.
Neopets revival, TikTok ban, how Dave Pescoe stays young, scenes of pro-Palestine protests, and phantom islands.
I forked a small demo from Wes Bos and ran in on my own sandbox. It seems much cleaner than using a script tag per each dependency, and works on all major browsers.
In my little demo app, I placed the importmap in the head of the document. I’m using react as well as my own utils file to test out the functionality.
<script type="importmap">
{
"imports": {
"react-dom": "https://esm.sh/react-dom",
"react": "https://esm.sh/react",
"utils": "./utils.js"
}
}
</script>
Read more about importmap on MDN
From there, I imported these libraries in a script module.
<body>
<div id="app"></div>
<script type="module">
/* eslint-disable */
import { useState } from "react";
import { createRoot } from "react-dom";
import { formatMoney } from "utils";
createRoot(document.querySelector(`#app`)).render(formatMoney(100.2365));
</script>
</body>
I had a hiccup with [plugin:vite
] as I found countless others have, so I wrote a custom bun server to host this project. Hopefully there’s a better setup I can find with Vite using importmap in the future.I'm currently leading application development at Clear Labs.
I write essays on eclectic topics, from programming, cooking, and strange habit of collecting obituaries.
I have put back together my newsletter after years of absense! These are primarily updates on my blog, "Craft By Zen", and maybe some highlights to the new articles I've written. There might be some life updates as well. I'm doing away with the old format of weekly longform essays, and trying some new things with my newsletter.