') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); })(); Download the readout as a PDF report and an XLSX workbook by aivanchenk · Pull Request #85 · EarthyScience/EarthPrints · GitHub
Skip to content

Download the readout as a PDF report and an XLSX workbook - #85

Draft
aivanchenk wants to merge 2 commits into
mainfrom
feat/download-plots
Draft

Download the readout as a PDF report and an XLSX workbook#85
aivanchenk wants to merge 2 commits into
mainfrom
feat/download-plots

Conversation

@aivanchenk

@aivanchenkaivanchenk commented Aug 26, 2026•
edited
Loading

Copy link
Copy Markdown
Collaborator

Closes#69.

Guide

Open the map, click any pixel, wait for the time series to finish loadin and click download. The button is disabled until the series is loaded, shows Preparing… while the export runs, and surfaces a short message underneath if it fails.

image

One click gives you two files, named off the same stem so they sort next to each other:

FileWhat it is
..._2025-12-31.pdfA one page A4 report: title, selection facts, map preview, both plots, colour legend, basemap attribution. The thing you send a colleague or paste into notes.
…_2025-12-31.xlsxThe raw hourly numbers for that pixel, plus a provenance sheet. The thing you replot in Python, R or Excel.
imageimage

Known limitations

  • The fingerprint in the PDF renders in its default state, full window with day on the x axis. Mirroring the panel's transpose and year toggles means lifting state out of FingerprintPlot, deferred as an easy follow-up.
  • Plots are rasterised into the PDF, not embedded as vectors. svg2pdf.js would do it, deliberately out of scope here.
  • The export covers the selected pixel, not the surrounding 40x40 patch.

Anastasiia Ivanchenko added 2 commits August 26, 2026 22:16
Anastasiia Ivanchenko
Add PDF export functionality to EarthMap component
9d50949
Anastasiia Ivanchenko
Render the report map offscreen and ship one download action
731d8b1
The PDF's map preview was read back off the live canvas, which printed
whatever the user happened to be looking at: a dark globe tilted off its
axis lands in an A4 report as a black sphere on a white page. Render a
dedicated offscreen map instead, always plan view, always the light
basemap, always framed on the selected cell, at a fixed pixel ratio so
the print resolution does not depend on the display.
Collapse the PDF/CSV/XLSX menu into a single Download button. The two
files answer different questions and are wanted together, so choosing
between them was a step with no decision in it. CSV goes: the workbook
carries the same rows with real date cells and provenance on its own
sheet.
Also:
- Give both plots a height prop so the export stage renders them taller
than the 220px sidebar, filling the page's content width.
- Retry transient chunk fetches. One coordinate fans out into many
requests and a single flaky one failed the whole series.
- Move the facts block above the history slider and chart.
@github-actions

github-actionsBot commented Aug 26, 2026

Copy link
Copy Markdown

🚀 Vercel preview deployed

Preview URL: https://earth-prints-5a3txtu99-anastasiia-s-projects10.vercel.app

@aivanchenk

aivanchenk commented Aug 26, 2026

Copy link
Copy Markdown
CollaboratorAuthor

@lazarusA need your feedback on pdf and excel files. How do scientists from your department will use it and what format do they prefer? Would you be able to share some examples?

@lazarusA

lazarusA commented Aug 26, 2026•
edited
Loading

Copy link
Copy Markdown
Member

in addition to excel files, it would be good also to provide

  • a csv file
  • individual images png (jpeg maybe also, pdf if possible [not sure about this one]) of
    • fingerprints
    • timeseries (optional).

@aivanchenk

aivanchenk commented Aug 26, 2026

Copy link
Copy Markdown
CollaboratorAuthor

@lazarusA should we give an option for users to choose how they'd like to download, or provide a single zip archive for all items? In my opinion zip would be better

@lazarusA

lazarusA commented Aug 26, 2026

Copy link
Copy Markdown
Member

indeed, let's not give many options, probably for now doing zip will be fine. We adapt later if feedback is not very positive.

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@lazarusAlazarusAAwaiting requested review from lazarusA

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

add options to save / download plots

2 participants

@aivanchenk@lazarusA