Krang
A charting library built on Prototype (http://prototypejs.org) and Raphaël (http://raphaeljs.com)
Install / Use
/learn @savetheclocktower/KrangREADME
Krang
(A charting library built on Prototype and Raphaël)
About
Krang wraps around the excellent Raphaël library (a JavaScript vector drawing library using SVG/VML) and handles the ugly details of drawing charts. Supply a dataset, pick a chart type, and you're good to go.
Krang differs from other drawing libraries in a few important ways:
-
Unlike
canvassolutions, Krang draws vectors. The individual regions of an SVG/VML graph can respond to events in ways thatcanvascannot. Your charts can be interactive. -
Unlike Flash solutions, Krang draws charts that can be viewed on the iPhone.
-
Unlike g.raphaël and ico, Krang is built upon Prototype, and therefore is architected in a way that will be familiar to users of the library.
Status
Krang is in late-alpha, early-beta stage. It has been used on a couple different public-facing web sites without issue. I don't yet consider it feature-complete, so if there's something you want it to do, please let me know.
Documentation
The beginnings of PDoc documentation exist in the source files, and I've tried my best to add comments where the code itself is not self-explanatory. Also, look in test/functional for demonstrations of different chart types.
License
Just like its dependencies — Prototype and Raphaël — Krang carries the MIT License.
Related Skills
node-connect
347.0kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
107.8kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
347.0kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
347.0kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
