roughViz logo

roughViz

Creates hand-drawn styled charts in the browser based on D3 version 5, roughjs, and handy.

Made by Jared Wilber

  • hand-drawn-animations

  • Javascript

  • hand-drawn

  • Javascript Libraries

  • graphics

What is roughViz?

A reusable JavaScript library, roughViz.js, empowers users to create hand-drawn styled charts within the browser, leveraging the power of D3 version 5, roughjs, and handy. This unique approach to data visualization is particularly well-suited for communicating intent or generality, rather than absolute precision, allowing for a more expressive and engaging user experience. Alternatively, one may simply choose to utilize these quirky, unconventional charts for their inherent entertainment value

Highlights

  • Variety of Chart Types: roughViz.js supports the creation of a diverse range of sketchy/hand-drawn styled charts, enabling users to select the most appropriate visualization for their data and communication needs
  • Reusable Library: The library's modular design allows for seamless integration and customization within various web-based projects, empowering developers to incorporate these distinctive charts effortlessly
  • Open-Source Solution: roughViz.js is an open-source tool, boasting a robust community with over 6.5K GitHub stars and 218 forks, ensuring ongoing support and development.

Platforms

  • Self-Hosted

Languages

  • English

Features

    • Charts