Analyze coffee grind consistency with our free particle size distribution visualizer. Compare conical and flat burr grinders for optimal espresso extraction.
AI Generation Prompt
Technical Specification: Coffee Burr Grinder Particle Size Distribution Visualizer
1. Overview
A browser-based, high-performance visualization utility that allows coffee enthusiasts and professionals to plot and analyze particle size distribution (PSD) data. It transforms raw micron/percentage data into an interactive, professional-grade chart to visualize "fines," "boulders," and overall grind uniformity.
2. Core Features
- Live PSD Graphing: Interactive charting library (using SVG or Canvas) to plot distribution curves.
- Preset Profiles: Selection menu for common burr types (e.g., "Standard Conical," "High-Uniformity Flat," "Traditional Espresso") to provide baselines.
- Manual & CSV Input: A dedicated section for users to paste raw data or use manual input fields to add data points.
- Comparison Mode: Capability to toggle between two datasets (e.g., "Before vs. After" calibration) on a single chart with different line colors.
- Statistical Summary: Automatically calculated metrics including Mean, Median, and Mode particle size, plus estimated "fines" (particles < 100 microns) percentage.
3. UI Layout
- Header: Clean, minimalist header with the app title and a "Clear/Reset" button.
- Control Sidebar: Fixed-width left-hand pane for data entry, preset selection, and configuration settings. Uses clean input groups and labels.
- Main Visualization Area: Large, responsive central pane containing the interactive chart. It should occupy 70-80% of the screen width on desktop.
- Metric Tiles: A grid of cards below the chart showing key statistical values (Mean, Standard Deviation, Fines ratio).
4. Design & Aesthetics
- Color Palette: A professional "Coffee Lab" aesthetic. Soft off-white backgrounds (#F9F7F2), primary accent colors in deep roasted bean brown (#4B3621) and clean, vibrant teal (#20B2AA) for data lines.
- Animations: Subtle fade-ins for UI elements; smooth chart transition animations when data changes; no jarring movements.
- Typography: Modern, legible sans-serif fonts (e.g., Inter or Geist).
- Constraint Compliance: Strict light-mode styling. No dark mode options.
5. Technical Requirements & Sandbox Constraints
- Single File: All HTML, CSS, and JS (including chart library CDNs) contained in one file.
- Memory Only: NO localStorage, sessionStorage, cookies, or IndexedDB. All state must exist in JavaScript variables.
- Performance: Use standard math libraries for curve fitting (if necessary) to ensure the UI remains responsive without stuttering.
- Responsive Design: Stack sidebar and main content vertically on mobile devices. Ensure the chart scales proportionally.
- No External Popups: Use CSS-based modals for information or error messages if required.
- Security: Ensure all external links have
rel="noopener noreferrer". The application must operate fully within a null-origin iframe.
Spread the word
Files being used
Frequently Asked Questions
Everything you need to know about using this application.
How does particle size affect espresso extraction?
Particle size distribution directly impacts the surface area available for water interaction during extraction. If the distribution is too wide, small fines can over-extract, causing bitterness, while large boulders under-extract, causing sourness, leading to an imbalanced cup of coffee. Achieving a controlled distribution is essential for clarity and sweetness. Our visualizer helps you model these curves to predict how grind adjustments influence the extraction yield and overall flavor profile of your espresso shots.
Can I use this tool to compare flat and conical burr grinders?
Yes, our visualizer allows you to input specific data points or select common profile presets representing typical flat and conical burr geometries. By overlaying these curves, you can clearly see the differences in fines production and boulder ratios often associated with these different grinding technologies. This comparison is useful for dialing in your espresso setup, as flat burrs often produce a more uniform distribution ideal for high-clarity modern shots, while conical burrs might create a broader distribution that can lend more body and complexity to the coffee.
Is it possible to save my distribution data?
Due to our commitment to privacy and a secure, sandboxed application architecture, we do not store your data. All calculations and visualizations are performed entirely in your browser's memory, ensuring your grind profiles remain confidential and accessible only to you during the current session. Since we do not use cookies or local storage, your data will not persist if you refresh the page. We recommend exporting your final analysis or taking a screenshot of the generated distribution charts to keep a record of your grinding parameters and experimentation results.
What input formats are supported for grind distribution data?
You can input data manually using the intuitive interface fields, or paste CSV-formatted data into the text area. The tool expects pairs of (Micron Size, Weight Percentage), which allows for flexible modeling based on laser diffraction analysis or sieve test results obtained from coffee research. Once you input the data, the tool instantly updates the interactive distribution graph. You can adjust the granularity of your inputs to represent anything from a coarse French press setting to a fine Turkish coffee grind, giving you a complete overview of your grinder's performance.
