The Algorithm of Auto-Layout for Unit Visualization
This blog post explores the math behind auto-layout algorithm for unit visualization, a technique used to efficiently arrange and display individual data units.
Writing on software design, data science and company building.
All of my long-form thoughts on programming, leadership, product design, and more, collected in chronological order.
How to build SaaS and get $8,000 in Annual Recurring Revenue (ARR)?
The tech stack and marketing strategy I used to build a SaaS product in one week and get $8,000 in ARR.
Semantic Release for React Projects with Github Actions
This note will show you how to set up semantic-release with Github Actions for your React project which you won't publish to npm registry.
How to Apply Dark Mode for Code Blocks in Next.js with Highlight.js and Tailwind CSS
We can use highlight.js to highlight code blocks in Next.js. However, it doesn't support dark mode by default, i.e. the code blocks will not change style when we switch to dark mode. In this article, I will show you how to apply dark mode for code blocks in Next.js with Tailwind CSS.
Brief Introduction to RSA Cryptosystem
This is a note on the RSA cryptosystem which covered by the course MATH 312 at University of British Columbia.
Light, Dark and System Modes in Next.js with TailwindCSS
The complete pattern for dark mode is to allow users to choose between light, dark and system modes. System mode means that the website will automatically switch between light and dark mode based on the system settings.
The Normal Equation Proof
We have several approaches to get the global minimum of the cost function for linear regression, including normal equation and gradient descent. This article will give the proof of normal equation.
Typical Viz Mistakes That Distorting Values
In data visualization, some people distort data on purpose of misleading their audience but most people do this just because of their inexperience. This article will introduce three typical mistakes resulting in distortion.
Dual-axis Line Charts And Connected Scatterplots, How To Choose?
Both dual-axis line chart (DALC) and connected scatterplots (CS) can visualize two time series in one graph. This article will tell you which one to choose for your data and story.