TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Create Chart Images from a URL

204 pointsby typpoover 6 years ago

17 comments

typpoover 6 years ago
With the Google Image Charts API shutting down [1], I set out to build a replacement service that allows developers to create PNG images by encoding chart data and other options in a single URL.<p>Some might prefer an interactive Javascript charting library, but this is not possible in the case of email, SMS, Slack, and so on. This image generation solution is simpler and does not require external dependencies.<p>This project is open source and is pretty easy to run if you do not want to rely on the QuickChart.io web service: <a href="https:&#x2F;&#x2F;github.com&#x2F;typpo&#x2F;quickchart" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;typpo&#x2F;quickchart</a><p>I welcome your thoughts and feedback.<p>[1]: <a href="https:&#x2F;&#x2F;groups.google.com&#x2F;forum&#x2F;#!topic&#x2F;google-chart-api&#x2F;rZtHTyYgyXI" rel="nofollow">https:&#x2F;&#x2F;groups.google.com&#x2F;forum&#x2F;#!topic&#x2F;google-chart-api&#x2F;rZt...</a>
评论 #19321810 未加载
评论 #19320952 未加载
jkapturover 6 years ago
This is so cool. I just tested using it with the IMAGE formula in Google Sheets and it works really well:<p><pre><code> =IMAGE(&quot;https:&#x2F;&#x2F;quickchart.io&#x2F;chart?c=&quot; &amp; ENCODEURL(&quot;{type:&#x27;radar&#x27;,data:{labels:[&#x27;January&#x27;,&#x27;February&#x27;,&#x27;March&#x27;,&#x27;April&#x27;, &#x27;May&#x27;], datasets:[{label:&#x27;Dogs&#x27;,data:[50,60,70,180,190]},{label:&#x27;Cats&#x27;,data:[100,200,300,400,500]}]}}&quot;), 1)</code></pre>
whatl3yover 6 years ago
Nice! I built the following a year or two ago and it&#x27;s currently running on AWS Lambda. It uses Highcharts to generate charts.<p><a href="https:&#x2F;&#x2F;api.restcharts.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;api.restcharts.com&#x2F;</a><p><a href="https:&#x2F;&#x2F;github.com&#x2F;whatl3y&#x2F;restcharts" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;whatl3y&#x2F;restcharts</a><p>A competitor that appears to be profitable and doing well is <a href="https:&#x2F;&#x2F;charturl.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;charturl.com&#x2F;</a>.
jedbergover 6 years ago
TIL that Google Charts is shutting down. My first thought after seeing this was &quot;how is this different than Google Charts?&quot;. Then I got to the bottom about GC shutting down.<p>I didn&#x27;t use GC very much, but when I needed a quick chart it was super handy. Thanks for making this!
评论 #19327597 未加载
mherrmannover 6 years ago
Looks great :-) You should charge for it. Maybe even in the interest of your users, to keep the service alive. You could leave it open source so people can self-host, or use your server for a fee for convenience.
评论 #19325566 未加载
paulrosenzweigover 6 years ago
Great app! Here&#x27;s a similar tool that I&#x27;ve seen, but haven&#x27;t used: <a href="http:&#x2F;&#x2F;chartd.co" rel="nofollow">http:&#x2F;&#x2F;chartd.co</a>
seanlaffover 6 years ago
I’d recommend taking a look at Vega <a href="https:&#x2F;&#x2F;vega.github.io&#x2F;vega&#x2F;" rel="nofollow">https:&#x2F;&#x2F;vega.github.io&#x2F;vega&#x2F;</a> or its sibling Vega-lite. It exposes all of its configuration via declarative JSON. I could see it working well for a use case like this
arielmover 6 years ago
Looks great. There have been a few projects like this that I’ve seen but yours has a good amount of flexibility.<p>Do you intend to monetize this somehow? I imagine that throwing a few million daily requests on something that renders images (fast) isn’t exactly free to host...
andrethegiantover 6 years ago
Cool! You should multiply the width and height of each chart on your marketing site by `window.devicePixelRatio` so that the graphs look crisp on Retina&#x2F;HiDPI displays.
评论 #19324127 未加载
joering2over 6 years ago
Great stuff and free :) question - you don&#x27;t need to urlencode the paramteres in the URL? how so? Further - isnt that limited to 1024 chars per URI specs ?
评论 #19321376 未加载
评论 #19321416 未加载
oftenwrongover 6 years ago
Are the example charts supposed to have red backgrounds? It loads that way on my system in 3 different browsers.<p>edit: It is working fine now. No more red backgrounds.
评论 #19320829 未加载
fiatjafover 6 years ago
Reminds me of the late Chartspree[0].<p>[0]: <a href="http:&#x2F;&#x2F;web.archive.org&#x2F;web&#x2F;20170201170400&#x2F;http:&#x2F;&#x2F;chartspree.io&#x2F;" rel="nofollow">http:&#x2F;&#x2F;web.archive.org&#x2F;web&#x2F;20170201170400&#x2F;http:&#x2F;&#x2F;chartspree....</a>
huntermeyerover 6 years ago
<a href="https:&#x2F;&#x2F;www.image-charts.com" rel="nofollow">https:&#x2F;&#x2F;www.image-charts.com</a> is a drop-in replacement for Google Image Charts.
评论 #19327780 未加载
max23_over 6 years ago
I never thought of using any service to generate a chart and this looks like it may come in handy in the future for me.<p>Glad that it is open source so people can self host it.
ggmover 6 years ago
google visualisation api remains. its in-browser .js, heavier weight, but it works. So this is a replacement for throwing data at a central chart render engine, not a replacement for all current google charting methods. (disclaimer: I&#x27;ve built sites which depend on the google chart &amp; visualisation api)<p>This replaces the deprecated image chart methods.
FabioFleitasover 6 years ago
How do you compare to ChartURL (<a href="https:&#x2F;&#x2F;charturl.com" rel="nofollow">https:&#x2F;&#x2F;charturl.com</a>)?
评论 #19323116 未加载
评论 #19323482 未加载
评论 #19323088 未加载
masha_sbover 6 years ago
Neat Stuff! What is the max data that I can send it?