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
MongoDB Atlas runs apps anywhere Icon
MongoDB Atlas runs apps anywhere

Deploy in 115+ regions with the modern database for every enterprise.

MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
Start 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