Golden Ratio Calculator

WHAT IT DOES

Golden Ratio Calculator is a floating panel that computes the golden ratio relationships for any number. Enter a single value and choose whether it represents the smaller part (A), the larger part (B), or the total (A+B)—the panel instantly calculates the other two values using the golden ratio constant φ ≈ 1.618034. The panel also displays the golden ratio constant itself, generates the Fibonacci sequence up to a user‑defined number of terms, and provides a visual golden rectangle with spiral overlay to help you see the proportions. You can insert any calculated value (smaller part, larger part, total, or φ) directly into any editable field on the page (input, textarea, or contenteditable) with one click, or copy all results to your clipboard. Perfect for designers working with golden proportions, artists composing harmonious layouts, students studying mathematical constants, or anyone exploring the beauty of the golden ratio.

WHERE IT RUNS

The panel overlays any website that loads the BotGentz extension—whether you're on a design tool, a CAD program, a note‑taking app, a spreadsheet, or any other web page. It works on all modern Chromium‑based browsers (Chrome, Edge, Brave, Arc) and Firefox. The script injects a self‑contained UI element that does not interfere with the host page's layout, styles, or JavaScript execution. It runs client‑side only, with no external API calls or cloud dependencies.

HOW TO USE

After installing the free BotGentz extension, visit any page and click the extension icon to activate the panel. The first time you use Golden Ratio Calculator, it will appear as a draggable widget near the bottom‑right corner of your viewport. To calculate golden ratio values:

- Select the input mode from the dropdown: "Enter smaller part (A)", "Enter larger part (B)", or "Enter total (A+B)".

- Enter a positive number in the "Value" field.

- The panel instantly displays the smaller part, larger part, total, and the golden ratio constant.

- The Fibonacci sequence is generated up to the number of terms equal to the integer part of your entered value (capped at 50 for performance).

- A visual golden rectangle with spiral approximation is displayed below the results.

To use the results:

- Click "Insert Smaller Part (A)" to paste the smaller part value into the focused editable field.

- Click "Insert Larger Part (B)" to paste the larger part value into the focused field.

- Click "Insert φ (Golden Ratio)" to paste the golden ratio constant into the focused field.

- Click "Copy All Results" to copy the smaller part, larger part, total, φ, ratio, and Fibonacci sequence to your clipboard.

The panel remembers your last entered value and input mode across sessions.

PRECISION GOLDEN RATIO ENGINE WITH DUAL‑MODE INPUT AND VISUALIZATION

Unlike simple calculators that only compute one direction, this panel uses a precision golden ratio engine with three input modes that solve the golden proportion equations. Given φ = (1 + √5)/2 ≈ 1.618034, the relationships are: B = A × φ and total = A + B. When the user enters the smaller part (A), the engine multiplies by φ to get B and sums for total. When the user enters the larger part (B), the engine multiplies by 1/φ to get A and sums for total. When the user enters the total (A+B), the engine solves A = total / (φ + 1) and B = A × φ. All calculations are performed in double‑precision floating point and displayed with four decimal places. The Fibonacci sequence generator uses the classic iterative algorithm (F₀=0, F₁=1, Fₙ=Fₙ₋₁+Fₙ₋₂) and caps at 50 terms to prevent performance issues. The visual representation is rendered as an inline SVG showing a golden rectangle with vertical and horizontal division lines at golden ratio proportions, plus a spiral approximation using quarter‑circle arcs, providing an intuitive understanding of the geometric significance of the golden ratio.

THE PANEL

- Drag: Click and hold the panel's header bar to move it anywhere on the screen.

- Per‑site position: The panel stores its last position separately for each domain (e.g., different positions for Figma vs. Photoshop Express) using the browser's localStorage, keyed by hostname.

- Snap: When dragged near any edge of the viewport, the panel snaps to that edge with a 16px margin for a clean, docked feel.

- Collapse: Click the "−" button in the header to collapse the panel to a compact title bar, preserving all current values. Click "+" to expand it back.

- Resize: Drag the bottom‑right corner handle to resize the panel from 280px to 600px wide and 200px to 500px tall; the layout adapts responsively.

- Escape: Press the Escape key while the panel is focused to close it entirely (you can reopen it from the extension toolbar).

PLEASE NOTE

This script requires the free BotGentz extension to run—it is not a standalone bookmarklet or user script. Websites frequently update their DOM structures and security policies; while we strive to keep the panel functional across thousands of sites, occasional updates may be needed. The calculator performs all operations entirely in your browser—no data is sent to any server, and no cookies or tracking identifiers are used. Your entered values and calculated results remain private to your local session and are persisted only via GM_setValue (the extension's local storage) for convenience, not shared across devices or sessions. The visual rectangle and spiral are approximations and should be used as design guides, not as precise geometric proofs. For critical applications, verify results with dedicated design software or mathematical tools.