Screenshot of the Isotypify web editor showing two panels: on top, a grid of interactive controls including sliders for number of rows, figures per row, cell width, cell height, and glyph size, plus color pickers and text fields for two data rows labeled "Group A" (75% highlighted) and "Group B" (45% highlighted). Below the controls, the resulting isotype chart displays two rows of small human figure glyphs — the highlighted figures in green and orange respectively, the remainder in a light beige — arranged in a grid, with row labels and percentage annotations on the left.
ISOTYPIFY Your Data — I made an easy to use function + webinterface to create an ISOTYPE chart with Observable/Quarto/D3!
Webinterface: schmoigl.github.io/isotypify/
Observable: observablehq.com/@schmoigl/is...
#dataviz #observable #isotype #d3js
