GARRI ready
GarriField report / 04

A browser-native PDF stress test

The report your users thought needed another Chromium.

A real, searchable PDF assembled from live HTML: embedded scripts, vector charts, raster media, page furniture, repeating tables and fillable fields—without sending the document to a server.

GeneratedInside this browser
OutputNative PDF objects
SourceOne ordinary DOM subtree

A dashboard that remains a document

The numbers, labels and chart annotations below stay selectable. The graph is emitted as vector paths and native PDF gradients—not flattened into a page-sized screenshot.

Responses
24,806
↑ 18.4% quarter on quarter
Completion
87.2%
2.8 points above target
Markets
18
4 writing systems sampled
Median time
3m 42s
↓ 31 seconds
Responses / last 12 months
3,0002,0001,0000SEPDECMARJUNAUG
ResponsesMilestone
Channel mix
24.8kTOTAL
Web 50%
Mobile 30%
Embedded 20%
“Export PDF” sounds like one button. What users really mean is: preserve the report I am already looking at.

Images without turning every page into one

Original PNG and JPEG bytes pass through. Browser-native formats can be losslessly converted, while fitting, positioning, rounded overflow and clipping stay faithful to the DOM.

Abstract PNG composition
PNG / cover / shifted focal point
Abstract JPEG composition
JPEG / contain / rounded overflow
Abstract WebP composition
WebP / re-encoded / polygon clip
Background images count too.Positioned and sized CSS backgrounds are embedded and clipped behind real text.
Canvas / response density by weekday
A canvas is inherently pixels, so only this chart is rasterised—not its surrounding page.

One report, several writing systems

Garri discovers the page’s @font-face rules, embeds the fonts, and positions text from browser measurements. Arabic and Hebrew remain right-to-left; Devanagari shaping is preserved.

Yorùbá / Latin

Àwọn oníbàárà fẹ́ kí ìròyìn náà rọrùn láti kà, láti ṣàwárí, àti láti pín pẹ̀lú ẹgbẹ́ wọn.

Arabic / right-to-left

يريد المستخدمون تقريراً واضحاً يمكن البحث فيه ونسخ نصه ومشاركته مع فريقهم.

Hebrew / right-to-left

המשתמשים רוצים דוח ברור שאפשר לחפש בו, להעתיק ממנו ולשתף עם הצוות.

Hindi / Devanagari

उपयोगकर्ता ऐसी रिपोर्ट चाहते हैं जिसमें खोज सकें, पाठ चुन सकें और अपनी टीम के साथ साझा कर सकें।

النتيجة: 18 سوقاً، 24,806 إجابات، ونمو بنسبة 18.4% — August 2026
These are text objects, not outlines. Search the generated PDF, select a sentence, and paste it somewhere else.

Vector marks, paint and compositing

Inline SVG geometry maps to PDF paths. CSS colors, gradients, opacity, clipping, blend modes and borders become native drawing operations wherever the format allows.

Inline SVG / geometry, transforms, gradient and reuse
solid fillaxial gradientradial gradientrasterised shadow
soliddasheddotted + radiusindependent sides

A table that behaves across pages

The ledger intentionally crosses page boundaries. Its header and footer repeat, rows keep their visual rhythm, and the extracted text remains structured enough to search and copy.

RefMarketChannelStatusResponsesCompletion
Q3 sample total24,80687.2%

Links, generated content and approval

A useful report is not merely visual. Links become PDF annotations, CSS counters become real text, and ordinary HTML controls can become fillable AcroForm fields.

  1. Read the Garri source and support matrix.
  2. Generate this report locally and inspect the returned diagnostics.
  3. Select text, follow the link, fill the fields, and zoom into the vector chart.
Reviewer signature
Date

This demo intentionally includes a WebP conversion and a canvas rasterisation so the diagnostics and emitted-object counts are meaningful. The page itself is not rasterised. Garri reports unsupported or degraded output instead of silently omitting it.