Visual Fraction Adder – Online Slice & Combine Pies
Drag pie slices to represent fractions and see them added together. Great for visual learners.
UD5 Toolkit
A4 (210 × 297 mm) is slightly narrower and taller than Letter (215.9 × 279.4 mm). A4 is about 5.9 mm narrower in width but 17.6 mm taller in height. A4 has an aspect ratio of 1:√2 (≈1:1.414), while Letter has an aspect ratio of approximately 1:1.294. The A4 sheet has about 3.4% more surface area than Letter.
The ISO 216 standard (A-series: A4, A3, etc.) is used in most countries worldwide. North America uses its own standards (Letter, Legal, Tabloid) based on historical imperial measurements. The A-series was designed with a mathematically elegant √2 aspect ratio, allowing perfect scaling when folded in half. The North American sizes evolved from traditional papermaking practices and were formalized by ANSI in the 20th century.
Yes, but with some adjustments. Since A4 is taller and narrower than Letter, printing an A4 document on Letter paper typically requires scaling down to about 94-97% to fit the width, which may leave extra space at the top and bottom. Most modern printers and software (like Adobe Acrobat or Microsoft Word) offer "Fit to Page" or "Scale to Fit" options that handle this automatically.
Legal paper measures 215.9 × 355.6 mm (8.5 × 14 inches). It shares the same width as Letter but is significantly taller—by 76.2 mm (3 inches). Compared to A4, Legal is 5.9 mm wider and 58.6 mm taller. Legal size is commonly used for contracts, legal documents, and real estate paperwork in the United States and Canada.
The A-series follows a simple rule: each size is half of the previous one when folded parallel to the shorter side. A3 (297 × 420 mm) folded in half becomes A4 (210 × 297 mm), which folded becomes A5 (148 × 210 mm), and so on. The aspect ratio of 1:√2 is preserved at every step, making scaling between sizes seamless without distortion.
A4 has slightly more total surface area (623.7 cm² vs 603.2 cm² for Letter), making it about 3.4% larger overall. However, Letter is wider (215.9 mm vs 210 mm), while A4 is taller (297 mm vs 279.4 mm). So neither is strictly "larger" in all dimensions—it depends on whether you prioritize width or height.
Globally, A4 is the most widely used office paper size, standard in over 190 countries. Other common ISO sizes include A3 (posters, diagrams), A5 (notebooks, booklets), B4 (envelopes for A4), and B5 (books, journals). In North America, Letter is the standard for everyday use, with Legal used for formal documents and Tabloid (11 × 17 in) for newspapers and large-format printing.
When converting between A4 and Letter, maintain margins proportionally. Most design software (InDesign, Canva, Word) allows you to change page size and adjust content automatically. For precise work, note that scaling A4 to Letter width requires ~97.3% scaling, while scaling Letter to A4 width requires ~97.3% as well (since widths differ by only 2.7%). Always check your printer settings for "Scale to Fit" options to avoid content being cut off.
Drag pie slices to represent fractions and see them added together. Great for visual learners.
Load images or use colors and apply all 15 CSS blend modes. Visual tester for creative effects.
Build a cron expression using plain English toggles and see its visual timeline. No memorization needed.
Virtual rooms where you can place images representing items to remember. Practice the method of loci.
Enter product size and price for two items to see true cost per unit (oz, lb, ml, etc.). Always find the better deal. Quick local math.
Animated circle guides your breathing: breathe in, hold, breathe out. Customizable ratios (e.g., 4-7-8). Soothing colors, optional bell sound. Purely local.
Enter a decimal number and see a visual breakdown of bits, place values, and bitwise operations. Learn binary easily.
Upload one image and see it encoded in AVIF, WebP, and JPEG XL side‑by‑side. Compare quality and file size in your browser.
Compare your image as JPEG, PNG, and WebP side by side at different quality levels. See the size savings visually.
Upload an image and see a slider comparison of different JPEG quality levels. Find the optimal file size vs. quality trade‑off.
Add multiple CSS filters (grayscale, blur, hue‑rotate) to an image. See the combined effect. Copy the CSS filter value.
See how grid-auto-flow: row vs column changes item placement. Add and remove items to understand the algorithm. Visual.
Build the same layout with both Grid and Flexbox side by side. See the code differences and visual results.
Drag items into grid cells and see the resulting grid‑area or line‑based placement code. Learn how auto‑placement and spanning work.
Add rows and columns, merge cells, and set gaps visually. Get the grid‑template CSS and HTML. Fast layout prototyping.
Choose a property, duration, and bezier curve. Trigger the transition and see the animation. Copy the complete CSS rule.
Connect oscillators, gain nodes, and filters with a visual graph. Hear the result in real time. Learn Web Audio interactively.
Enter text and see each character's 8‑bit binary laid out in a black‑and‑white grid. Beautiful data art. Local.
Enter a CSS selector and see its specificity broken down into A,B,C columns with a visual weight comparison. Learn specificity.
Enter products with different prices and weights/volumes. The tool ranks them by best value per unit. Save money effortlessly.
Enter two tire sizes and see a side‑by‑side comparison of diameter, width, and speedometer error. Local math.
Compare options two at a time and get a final ranking. Systematic way to choose a vacation spot or project.
Build a simple decision tree by adding yes/no nodes. Flowchart style. Export as text outline.
Enter a number and see its Collatz sequence graphed. Watch the steps until it reaches 1. Mesmerizing math.
Press any key and see it light up on a standard QWERTY layout. Check functionality or demonstrate shortcuts.
Set a cron expression and see a calendar of the next 1,000 execution times. Never miss a schedule again.
An animated hourglass that you can set for any time. Watch the sand flow. Beautiful and calming timer.
Build a GraphQL query by selecting fields and nesting visually. Copy the built query string. For learning and fast prototyping.
Create simple 2‑ or 3‑set Venn diagrams by entering comma‑separated lists. Shareable via URL fragment. No account.
Enter a number and see an animated factor tree breaking it down to primes. Perfect for teaching factorization.