The Magic Behind the Art

Dowsing Chart Maker is more than just a tool; it's a high-performance engine built on modern web technology to help you understand how to make a pendulum chart with a seamless, creative experience right in your browser.

The Core Engines

Our studio operates on three powerful, interconnected JavaScript engines. This client-side architecture means your work is fast, private, and happens entirely on your device.

The State Engine

This is the application's memory. It meticulously tracks every change you make—from adding a layer to changing a color. This enables essential features like Undo/Redo and automatically saves your progress to your browser's localStorage, so you can Resume Your Work at any time.

The Rendering Engine

This is the artist. Using an HTML5 Canvas, it draws your chart in real-time. Its intelligence includes a binary search font-fitting algorithm for readability and advanced geometry for Spiral Mode, which calculates Golden Ratio paths for labels.

The Interaction Engine

This is the bridge between you and your creation. It enables Click-to-Edit and Drag-and-Drop reordering. It also powers the Fullscreen Dowsing Mode, providing a distraction-free, zoomable interface for active practitioners.

From Idea to Chart: The Workflow

Understanding the flow helps you master the tool.

1 Your Vision (Input)

You provide the creative direction: add layers, type labels, or import them via Excel (.xlsx) or CSV using the Bulk Engine. Every input is immediately captured by the State Engine.

2 Instant Visualization (Rendering)

The moment the state changes, the Rendering Engine redraws the canvas. This instant feedback loop allows you to see the effect of your changes immediately, whether you're adding a label or changing a theme.

3 Refinement & Style (Interaction)

You fine-tune the design. Click a label on the canvas to change its color. Adjust the global font. Choose a new theme. Each interaction updates the state, triggering another instantaneous render.

4 High-Resolution Export (Output)

When you're ready, the exporter uses an offscreen canvas to render your chart at a much higher resolution (up to 5000px). This ensures your exported PDF, PNG, or JPEG is crystal-clear and ready for professional printing.

Server Interaction: Lightweight & Smart

Your Privacy is Paramount: The chart creation process is 100% client-side. Your chart data is never sent to our server unless you voluntarily export, which helps us gather anonymous usage statistics to improve the tool.

Our server plays a small but important role in supporting the community and ensuring a great user experience. It is not involved in the chart-making process itself. Its job is to handle things like:

  • Gathering anonymous analytics on feature usage (e.g., which themes are popular) to help us improve the tool.
  • Displaying user testimonials and reviews that have been shared with the community.
  • Ensuring the overall health and status of the web application.