chart.xkcd

In plain words

Chart.xkcd is a chart library that creates plots with a sketchy, cartoony, or hand-drawn visual style. It is designed for developers who want to generate charts with an xkcd-inspired aesthetic. The library stands out by offering an alternative to traditional formal charting tools, allowing users to present data in a more casual and visually distinctive way.

written from the facts on this page · September 2026

From the sources

Chart.xkcd is a chart library plots “sketchy”, “cartoony” or “hand-drawn” styled charts.

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. See the Pen chart.xkcd example by timqian ( @timqian ) on CodePen . 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. See the Pen chart.xkcd example by timqian ( @timqian ) on CodePen . XY chart is used to plot points by specifying their XY coordinates. See the Pen chart.xkcd XY by timqian ( @timqian ) on…from timqian.com

• 
  Chart.xkcd – Xkcd-styled chart library2019 · github.com · ▲435

  xkcd styled chart lib. Contribute to timqian/chart.xkcd development by creating an account on GitHub.

• AW
  a web-based xkcd-style comix editor2013 · cmx.io · ▲586
• 
  Charts2019 · charts.graphics · ▲348

  The most comprehensive collection of charts for Sketch

• 
  XKCD Graphs2014 · xkcdgraphs.com · ▲94

  Create your own XKCD-style graphs!

• 
  Graphy for Data Storytelling2024 · graphy.app · ▲759

  Create pro-level graphs that drive actions

• 
  Rough Charts2019 · github.com · ▲145

  A responsive react charting library with a hand-drawn style.

• 
  /dev/null▲472

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  Startup Decks▲708

  View 100s of startup pitch decks or submit your own.

  Growth · 2019 · startupdecks.co

• 
  Dashblock▲696

  Turn any website into an API

  Dev tools · 2019

• 
  CLI tool for saving web pages as a single file▲640

  ⬛️ CLI tool and library for saving complete web pages as a single HTML file - Y2Z/monolith

  Dev tools · 2019 · github.com

• 
  Get waves▲602

  A simple web app to generate svg waves, unique every time

  Dev tools · 2019 · getwaves.io

• 
  Spider Pro▲574

  The easiest way to scrape the internet.

  Dev tools · 2019

• 
  Marketing Examples▲560

  A gallery of real world marketing examples

  Growth · 2019 · marketingexamples.com