Same hand-drawn/sketchy chart niche in an actively maintained standalone JS library.
xkcd styled chart lib
- 7.9k
- JavaScript
- MIT
sketchy charting
roughViz is a reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
Same hand-drawn/sketchy chart niche in an actively maintained standalone JS library.
xkcd styled chart lib
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Choose when you need a full-featured, actively maintained JS charting library without the hand-drawn aesthetic.
Apache ECharts is a powerful, interactive charting and data visualization library for browser
Choose for React apps needing composable, declarative charts; no sketchy style and requires React.
Redefined chart library built with React and D3
Choose for interactive scientific graphs with many trace types; heavy dependency and no hand-drawn style.
Open-source JavaScript charting library behind Plotly and Dash
Choose in React projects for composable, interactive charts; no sketchy look and React-specific.
A collection of composable React components for building interactive data visualizations
Choose for .NET applications needing interactive plots instead of a browser JS chart.
Interactive plotting library for .NET
Choose when you want CSS-only, no-JavaScript charts; limited to static clean styling.
Open source CSS framework for data visualization.
Choose in React apps when using G2/declarative charting with broader chart types.
Powerful data visualization library based on G2 and React.
Choose when charts are generated from a human-editable spec by AI agents, not from a direct plotting API.
๐ช Flint is a visualization language that lets AI agents reliably create expressive, good-looking charts from simple, human-editable chart specs.
Choose for modular D3-based charts in vanilla TS/JS; not sketchy and lower-level than roughViz.
:bar_chart: A library of modular chart components built on D3
Choose for React Native mobile apps; cannot use roughViz's DOM-based approach.
Beautiful charts for React Native. Line, area, bar, pie, donut, progress, and contribution heatmaps for dashboards, reports, and data-rich mobile apps.
Choose for rich cross-platform charting with many features, not for hand-drawn style.
VChart, more than just a cross-platform charting library, but also an expressive data storyteller.
Choose for Flutter apps instead of a browser SVG library.
A grammar of data visualization and Flutter charting library.
Choose for React data visualization components; no rough-drawn aesthetic.
๐ Data visualization library for React. Maintained by @goodcodeus.
Choose for a mature, feature-rich JS charting library; no hand-drawn styling.
The most advanced amCharts charting library for JavaScript and TypeScript apps.
Choose for modern interactive SVG charts with a rich API; no sketchy style.
๐ Interactive JavaScript Charts built on SVG
Choose for a broad set of chart types with a full API; weigh its commercial licensing.
AnyChart is a lightweight and robust JavaScript charting solution with great API and documentation. The chart types and unique features are numerous, the library works easily with any development stack.
Choose for animated data stories and transitions; not for static hand-drawn charts.
Library for animated data visualizations and data stories.
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
Older unmaintained React chart library; only for legacy codebases, not a new project.
Data Visualization Components
Unmaintained D3 charting components; use only if you want its specific API, not for new work.
Composable Charting Library based on reusable D3.js components.
Aged React chart library with no active maintenance; only for existing users.
:chart_with_upwards_trend: React chart component library :chart_with_downwards_trend:
These projects were analysed and named roughViz among their alternatives. The relationship is not symmetric โ how roughViz rates them is a separate judgement, made when roughViz is analysed in its own right.
calls roughViz โChoose for sketchy, hand-drawn styled charts; not a feature-rich general charting library.โ
Data Visualization Components
calls roughViz โChart library focused on hand-drawn aesthetics; choose for sketchy styled presentations.โ
Apache ECharts is a powerful, interactive charting and data visualization library for browser
calls roughViz โchoose only if you specifically need sketchy/hand-drawn styled charts; it is narrow and not a general-purpose chart libraryโ
Redefined chart library built with React and D3
calls roughViz โNarrow-purpose library for hand-drawn sketchy chart style, not a general charting solution.โ
๐ฏ visx | visualization components
calls roughViz โChoose when you want a hand-drawn/sketchy chart library with a simple JS API, but it is unmaintained.โ
xkcd styled chart lib
calls roughViz โolder standalone library for sketchy/hand-drawn charts; choose only for that specific aesthetic.โ
React components for Chart.js, the most popular charting library