simpleRoughVizDemo
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
main.tsx
https://dcm31--a6c3f0d0278311f0b46e569c3dd06744.web.val.run
A lightweight playground for exploring the roughViz library, focusing on a single bar chart with key styling controls.
-
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
- Use the controls to adjust chart styling
- Click "Apply Settings" to update the chart
- 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.