Chart.xkcd is a chart library plots “sketchy”, “cartoony” or “hand-drawn” styled charts. It’s easy to get started with chart.xkcd. All that’s required is the script included in your page along with a single <svg> node to render the chart. You can install chart.xkcd via script tag in HTML or via npm. Line chart displays series of data points in the form of lines. It can be used to show trend data, or comparison of different data sets. XY chart is used to plot points by specifying their XY coordinates. A bar chart provides a way of showing data values represented as vertical bars. A stacked bar chart provides a way of showing data values represented as vertical bars. Display labels near every line (default false). Customize tick numbers you want to see on the main line. You can change size of the dots if you want.

Features

  • Customize chart by defining options
  • Customize XY chart by defining options
  • Customize tick numbers you want to see on the y axis
  • Array of colors for different datasets
  • Customize font family used in the chart
  • Enable or disable xkcd effects

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow Chart.xkcd

Chart.xkcd Web Site

Other Useful Business Software
Go From AI Idea to AI App Fast Icon
Go From AI Idea to AI App Fast

One platform to build, fine-tune, and deploy ML models. No MLOps team required.

Access Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
Try Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Chart.xkcd!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Graphics Software, JavaScript Charting Libraries

Registered

2021-08-19