PC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 11Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minuteThe reliable pattern is a two-stage pipeline: request price, market-capitalization or volume data from CoinGecko, convert the JSON into labels and datasets, then send a Chart.js configuration to an image-rendering API such as QuickChart. The renderer returns a PNG, WebP, JPEG, SVG or PDF that you can save or embed without running JavaScript in the destination.
This guide builds that pipeline, explains historical and live-data choices, shows cURL, Python and Node.js implementations, and covers limits, security, failures and caching. It also shows when a website screenshot API such as ScreenshotNeo is a better fit than chart rendering.
What the architecture looks like
CoinGecko and QuickChart solve different problems. CoinGecko is the data source: its REST API returns current market snapshots and historical series. QuickChart is the rendering stage: it accepts a Chart.js configuration and produces an image. Keep those stages separate so you can test data quality independently from visual output.
- Select a metric and interval. Decide whether the chart shows price, market capitalization or trading volume, and choose a quote currency, time range and timezone.
- Fetch JSON from CoinGecko. Use a current-market endpoint for a snapshot or a historical market-chart endpoint for a time series. Historical availability depends on the coin, period and subscription plan; CoinGecko advertises access to as much as 12 years and, on qualifying plans and data, five-minute granularity.
- Normalize the response. Convert millisecond timestamps to readable labels and retain numeric values in the same order. State the quote currency and timezone in the chart title or surrounding text.
- Render with an image API. Send a Chart.js configuration to QuickChart. Use POST when the configuration or label list is large.
- Store or embed the result. Save the returned bytes with the correct extension, or serve the image from your own backend.
Can I get both live and historical crypto prices with CoinGecko API?
Yes, but “live” and “historical” are different delivery patterns. A REST request gives you a point-in-time response suitable for a report or a periodically refreshed image. CoinGecko also documents WebSocket and Webhook delivery for applications that need persistent or event-driven updates. An image must still be regenerated whenever the underlying data changes; it is not interactive or self-updating after delivery.
Current market snapshot
For a snapshot, request the coins you need and specify the quote currency. The example below uses Bitcoin in USD. Keep your API key on the server, not in browser code.
curl -G "https://api.coingecko.com/api/v3/simple/price"
-H "x-cg-demo-api-key: YOUR_COINGECKO_KEY"
--data-urlencode "ids=bitcoin"
--data-urlencode "vs_currencies=usd"Historical market chart
A historical market-chart response contains timestamped arrays for prices, market capitalization and volume. Request only the range and metric you intend to display; downloading years of minute-level data for a small chart wastes quota and can exceed renderer limits.
curl -G "https://api.coingecko.com/api/v3/coins/bitcoin/market_chart"
-H "x-cg-demo-api-key: YOUR_COINGECKO_KEY"
--data-urlencode "vs_currency=usd"
--data-urlencode "days=30"Shape CoinGecko data for Chart.js
CoinGecko timestamps are milliseconds since Unix epoch. Convert them before placing them in data.labels. The values array must remain aligned with the labels array. For a daily chart, aggregate or sample points yourself; do not imply daily precision when the source contains irregular intervals.
const labels = prices.map(([ts]) => new Date(ts).toISOString().slice(0, 10));
const values = prices.map(([, value]) => value);
const config = {
type: 'line',
data: {
labels,
datasets: [{
label: 'Bitcoin price (USD)',
data: values,
borderColor: '#f7931a',
backgroundColor: 'rgba(247,147,26,0.15)',
fill: true,
pointRadius: 0,
tension: 0.2
}]
},
options: {
plugins: { legend: { display: true } },
scales: {
x: { title: { display: true, text: 'UTC date' } },
y: { title: { display: true, text: 'USD' }, beginAtZero: false }
}
}
};Label units explicitly. A market-cap chart should say “USD market capitalization,” and a volume chart should identify the interval represented by each point. If you combine multiple coins, normalize currencies and units before rendering.
Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Repair Windows errors before they cause bigger problemsFix Now →Render a chart image with QuickChart
QuickChart’s service takes a Chart.js configuration and renders it as an image. Its basic endpoint supports GET and POST. GET is convenient for a short configuration; URL-encode the configuration. POST is safer for long labels, custom scripts or multiple datasets because JSON stays in the request body.
Small chart with cURL
curl -X POST "https://quickchart.io/chart"
-H "Content-Type: application/json"
-d '{
"width": 1200,
"height": 675,
"format": "webp",
"version": "4",
"chart": {
"type": "line",
"data": {
"labels": ["Jun 1", "Jun 8", "Jun 15", "Jun 22"],
"datasets": [{
"label": "BTC price (USD)",
"data": [68000, 69500, 67200, 71000],
"borderColor": "#f7931a",
"fill": false,
"pointRadius": 0
}]
},
"options": {"scales": {"y": {"beginAtZero": false}}}
}
}' -o bitcoin.webpQuickChart documents PNG, WebP, JPEG, SVG, PDF and base64 output. Set dimensions and format for the consuming channel rather than relying on defaults. Email and reports generally need a static raster image; SVG is useful where vector output is accepted.
Python: fetch, transform and render
import requests
CG_KEY = "YOUR_COINGECKO_KEY"
coin = requests.get(
"https://api.coingecko.com/api/v3/coins/bitcoin/market_chart",
headers={"x-cg-demo-api-key": CG_KEY},
params={"vs_currency": "usd", "days": "30"},
timeout=30,
)
coin.raise_for_status()
prices = coin.json()["prices"]
labels = [__import__("datetime").datetime.fromtimestamp(ts / 1000, tz=__import__("datetime").timezone.utc).strftime("%Y-%m-%d") for ts, _ in prices]
values = [value for _, value in prices]
chart = {
"type": "line",
"data": {"labels": labels, "datasets": [{
"label": "Bitcoin price (USD)", "data": values,
"borderColor": "#f7931a", "pointRadius": 0, "fill": False
}]},
"options": {"scales": {"y": {"beginAtZero": False}}}
}
r = requests.post(
"https://quickchart.io/chart",
json={"version": "4", "width": 1200, "height": 675, "format": "png", "chart": chart},
timeout=60,
)
r.raise_for_status()
open("bitcoin.png", "wb").write(r.content)Node.js: fetch, transform and render
const cg = await fetch(
'https://api.coingecko.com/api/v3/coins/bitcoin/market_chart?vs_currency=usd&days=30',
{ headers: { 'x-cg-demo-api-key': process.env.COINGECKO_KEY } }
);
if (!cg.ok) throw new Error(`CoinGecko ${cg.status}`);
const { prices } = await cg.json();
const labels = prices.map(([ts]) => new Date(ts).toISOString().slice(0, 10));
const values = prices.map(([, value]) => value);
const chart = {
type: 'line',
data: { labels, datasets: [{ label: 'Bitcoin price (USD)', data: values, borderColor: '#f7931a', pointRadius: 0, fill: false }] },
options: { scales: { y: { beginAtZero: false } } }
};
const rendered = await fetch('https://quickchart.io/chart', {
method: 'POST',
headers: { 'content-type': 'application/json' },
body: JSON.stringify({ version: '4', width: 1200, height: 675, format: 'png', chart })
});
if (!rendered.ok) throw new Error(`QuickChart ${rendered.status}`);
const fs = await import('node:fs/promises');
await fs.writeFile('bitcoin.png', Buffer.from(await rendered.arrayBuffer()));Chart.js versions, request limits and sizing
QuickChart documents Chart.js 2.9.4 as its default while allowing a major version such as 4. Pin the version parameter and write configuration syntax for that version; scale and plugin options differ between major releases.
Free requests limit configuration strings to 200,000 characters and data.labels to 250 entries. Authenticated requests allow up to 1,500 labels, according to the parameters documentation. If a 30-day series exceeds the label limit, aggregate points, shorten the period, authenticate, or use a different visualization. Large images also increase transfer time, so choose dimensions that match the final display.
Rate limits, credentials and responsible reuse
CoinGecko’s advertised Demo plan (accessed September 29, 2026) has a stable limit of 100 calls per minute and 10,000 calls per month. Its advertised paid plans start at $35 per month with 300 calls per minute and 100,000 calls per month. These are vendor-published figures and can change; verify the current plan before deploying.
Cache CoinGecko responses and rendered images when the chart does not need second-by-second freshness. Add exponential backoff for 429 responses, and never retry a malformed request indefinitely. Keep both CoinGecko and QuickChart credentials in environment variables or a server-side secret store. QuickChart specifically warns against exposing API keys to untrusted clients and supports signed requests for public use. Review current CoinGecko terms and attribution requirements before publishing data to a public site.
Interactive chart or static image?
| Requirement | Browser chart | Rendered image |
|---|---|---|
| Hover, zoom and filtering | Best choice; JavaScript runs in the destination. | Not available after rendering. |
| Email, PDF or chat delivery | Often unsupported or stripped. | Works as a normal image. |
| Refresh behavior | Can request new data in the browser. | Regenerate and replace the image. |
| Credential exposure | Requires careful backend design. | Generate server-side and serve the result. |
| Large datasets | Can stream or paginate. | Constrained by request size and label limits. |
Troubleshooting common failures
401 or 403 from CoinGecko
Check that the key header matches your plan, the key is active and the request is sent from your backend. Do not paste a secret into client-side JavaScript.
429 rate-limit response
Reduce polling, cache responses, batch symbols where the endpoint permits it, and retry with exponential backoff. Confirm your per-minute and monthly allowance.
Free tools Windows power users keep installed
One-click scans. No signup required.
Empty or jagged chart
Inspect the JSON for missing values, duplicate timestamps or mismatched label and dataset lengths. Convert milliseconds correctly and keep all points in one timezone.
QuickChart rejects the request
Use POST for large configurations, send valid JSON, URL-encode GET requests, and pin a Chart.js version compatible with your options. Remove unsupported plugins or script expressions when the renderer cannot execute them.
Image is blurry or too large
Increase width and height together, select WebP or PNG as appropriate, and avoid sending a massive canvas to a channel that will downscale it. Generate once, then cache the bytes.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Or skip the browser setup
If your goal is a clean screenshot of a rendered cryptocurrency dashboard rather than a chart image generated from data, ScreenshotNeo provides a one-request website screenshot API and MCP server. It accepts cookie and consent banners before capture and removes more than 60 known consent platforms, newsletter popups and chat widgets; each step can be disabled. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads and cache hits are not billed, and the response identifies the page verdict and billing status in X-Page-Verdict and X-Billed headers. Its MCP tools—take_screenshot, get_page_info and capture_pdf—work with Claude, Cursor and other MCP clients.
The Tool Desk
Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →Outbyte PC Repair FREERepair Windows errors before they cause bigger problemsFix Now →curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpSee the ScreenshotNeo API documentation for the 63 capture options, including full-page and CSS-selector captures, device presets, dark mode, custom CSS and JavaScript, waits, request blocking, cookies and headers, PDF settings, caching TTLs, signed image links, asynchronous webhooks and bulk capture. The free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000. Create a free ScreenshotNeo account.
FAQ
How often should a crypto image be regenerated?
Match regeneration to the decision the image supports. A daily report needs one scheduled render; a monitoring board may need frequent refreshes, subject to CoinGecko and renderer quotas.
Can I publish CoinGecko data commercially?
Check the current CoinGecko terms and attribution guidance for your plan and use case. The fact that an endpoint is reachable does not establish blanket permission for every publication.
Is PDF output the same as an interactive report?
No. A PDF or image preserves the rendered state at generation time. Interactivity, live updates and hover details require a browser-based chart or a separate application.
Frequently Asked Questions
Which metric is easiest to explain to readers?
A price line in one quote currency is the simplest starting point; market capitalization and volume need explicit units and interval labels.
When should I choose POST instead of GET with QuickChart?
Use POST whenever the Chart.js configuration or labels are large, because JSON in the request body avoids URL-length and encoding problems.
The Bottom Line
Use CoinGecko for the numbers and an image API for the pixels. Select the endpoint and interval carefully, label units and timezone, pin the Chart.js version, cache predictable renders, and keep credentials server-side.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
