Interactive Visualizations in a Markdown Blog

One of my requirements for this site was the ability to showcase data visualizations — not screenshots, but live, interactive charts. Since this blog renders Markdown with raw HTML allowed, embedding a chart is as easy as pasting a <script> block into the post.

Example 1: Efficient frontier (Plotly)

A nod to my Towards Data Science article on portfolio optimization — here's a simulated efficient frontier, fully interactive (hover, zoom, pan):

Example 2: Traffic attribution mix (Chart.js)

A typical growth-marketing view — sessions by acquisition channel over a quarter:

Note the AEO line — AI engines are quickly becoming a channel every growth team needs to measure. More on how to attribute that traffic (referrer headers, user-agents, and the messy bits in between) in a future post.

How to reuse this

Copy either <script> block into any .md post, swap in your data, upload the file. Done.