Simple roughViz Demo

A lightweight playground for exploring the roughViz library, focusing on a single bar chart with key styling controls.

Features

  • Interactive controls for the most essential roughViz parameters:

    • Fill Style: Choose between hachure, solid, cross-hatch, zigzag, and dots
    • Roughness: Adjust how "sketchy" the chart looks (0-15)
    • Fill Weight: Control the thickness of fill patterns (0-5)
  • Live code example that updates as you change settings

Usage

  1. Use the controls to adjust chart styling
  2. Click "Apply Settings" to update the chart
  3. See the corresponding code update in real-time

The simplicity of this demo makes it perfect for quickly understanding how roughViz's key styling parameters affect chart appearance.

Resources