Hand-Drawn Data Diagrams in JavaScript
Kevin Ngo
@kevin_t_ngo · 23.6K followersA radar chart rendered in a vintage hand-drawn illustration style — wind speed and air temperature across six times of day in a fictional English valley, complete with a windmill, kite, rolling hills, and ink-sketch clouds. Built with JavaScript on top of @kepano's Pele library, the result looks like a page torn from a 19th-century naturalist's almanac. The typography is all serif and italic, the color palette is parchment and watercolor blue-gold, and every data point gets a poetic caption instead of a number.
- Radar chart wrapped in a full illustrated scene — windmill, village, kite, mountains — making the data feel like a story
- Built on @kepano's Pele JS library, showing how a diagramming tool can produce editorial-quality art
- Typography and annotation style mimic hand-lettered Victorian infographics, not a single pixel of generic chart chrome
“Diagrams drawn in JavaScript, built on @kepano's Pele library Made with Claude Opus 5.5”
Similar builds
FireTrace — Wildfire Forensic Analysis Tool
@claudeai
♥ 34.9K · 2.2M views
AI Time Horizon — Animated Data Explainer
@donaldjewkes
♥ 10.2K · 3.5M views
Code-Built 3D Animal Cell, Organelle by Organelle
@claudeai
♥ 14.7K · 944.4K views
Life-Size LEGO Microduck — 1,113 Parts, 237 Steps
@victormustar
♥ 8.7K · 1.4M views
What Do You Love? — Hand-Drawn JS Animation
@kevin_t_ngo
♥ 6.1K · 638.8K views
Claude Opus 5.5 Paints Like the Masters
@jkeatn
♥ 5K · 816.5K views
C-HD: AI-Discovered Shortest-Path Algorithm
@ValsAI
♥ 3.4K · 1.4M views
FireTrace — 3D Wildfire Forensics Dashboard
@DilumSanjaya
♥ 2.3K · 1.7M views