JSFiddle - React, Tailwind, and code Playground

HTML

<div id="observablehq-54d86903"></div>
<p>Credit: <a href="https://observablehq.com/@jake-low/image-histogram-in-svg">Image Histogram in SVG by Jake Low</a></p>

JavaScript

import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";
import define from "https://api.observablehq.com/@jake-low/image-histogram-in-svg.js?v=3";
new Runtime().module(define, Inspector.into("#observablehq-54d86903"));