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: Easy SVG charts for your static site, no JavaScript

129 pointsby colevscodeabout 11 years ago

16 comments

hughesabout 11 years ago
&quot;no Javascript&quot; is very misleading. There are several &lt;script&gt; tags embedded in each svg, including at least two scripts that are loaded from external sources.<p>In fact, nearly 1&#x2F;3 of the data transferred for the first graph is javascript[0].<p><a href="https://gist.github.com/hughes/c876b02aa06f897c99e2" rel="nofollow">https:&#x2F;&#x2F;gist.github.com&#x2F;hughes&#x2F;c876b02aa06f897c99e2</a>
评论 #7356100 未加载
评论 #7356334 未加载
评论 #7356766 未加载
ChuckMcMabout 11 years ago
Nice, but its a re-implementation of the Google Chartserver right? (same model, URL describes charts which are returned)<p>The issues Google ran into were as it gets popular you need a more server horse power, and the work of keeping things secure is pretty high.<p>That said I always enjoyed using chartserver :-) so I presume I would enjoy using this. But what I&#x27;d really like is a package for python or perl I could load up behind an nginx instance and make this a local feature.
评论 #7355465 未加载
评论 #7354887 未加载
h4plessabout 11 years ago
Not to nitpick or anything, but the first example on the site shows a bar chart with the example code being:<p>&lt;img src=&quot;&#x2F;&#x2F;api.chartspree.com&#x2F;bar.svg?Foo=1,1,2,3,5&quot;&gt;<p>However the actual embedded code for the example and the resultant chart is:<p>&lt;img src=&quot;&#x2F;&#x2F;api.chartspree.com&#x2F;bar.svg?Foo=1,1,2,3,6&quot;&gt;<p>My immediate reaction to seeing the wrong chart being displayed for some example code was that your system just didn&#x27;t work properly.<p>As this is the first thing anyone sees when visiting the project, it might be a good thing to change.
bichiliadabout 11 years ago
One small thing is that the responses aren&#x27;t consistent.<p>For example, sometimes this is funny, and sometimes it isn&#x27;t, depending on which label is assigned to which color (seemingly random).<p><a href="http://api.chartspree.com/pie.svg?Crips=35&amp;Bloods=20" rel="nofollow">http:&#x2F;&#x2F;api.chartspree.com&#x2F;pie.svg?Crips=35&amp;Bloods=20</a>
评论 #7355383 未加载
kaishiroabout 11 years ago
Man, this brace.io gang is really making me happy. First formspree, now this. Making Middleman (et al.) sexy.<p>Edit: I guess Middleman isn&#x27;t the <i>only</i> SSG :)
salmiakabout 11 years ago
Nice! We just built a feature in our app using the deprecated chart service that Google offers. This looks like a much nicer implementation. But I lack a few things. Here are som ideas for improvement:<p>- Let me choose the colors<p>- Let me add or remove bullets on the line charts<p>- Let me control the axes<p>- Let me add a grid<p>Love it! Keep it up.
igotwaterabout 11 years ago
+1, Great idea and execution. Wondering, do these charts work well when used in emails?
news_to_meabout 11 years ago
Oh cool, I&#x27;ll just send you all my data in the url params.
appleflaxenabout 11 years ago
The first image on the page shows a series of data 1,1,2,3,5<p>but the chart shows the last bar going to six.<p>The URL makes it apparent that it&#x27;s just a typo, but it&#x27;s the literally the first thing on the page :)<p><a href="http://api.chartspree.com/bar.svg?Foo=1,1,2,3,6&amp;_height=250px" rel="nofollow">http:&#x2F;&#x2F;api.chartspree.com&#x2F;bar.svg?Foo=1,1,2,3,6&amp;_height=250p...</a>
shortformblogabout 11 years ago
This is a good idea. One thought for the team as you&#x27;re building this: Is it possible to make an alternative version of the link that loads up the same graphic in JPG format?<p>I could see this going viral on sites like Pinterest or Tumblr, but I found that when I added this into Tumblr, it wouldn&#x27;t save the post.
capkutayabout 11 years ago
Has anyone looked at SVG frameworks like snapsvg[0]? After using d3.js for awhile, I like the idea of doing something more low level in terms of rendering and interacting with svgs.<p>0: <a href="http://snapsvg.io/" rel="nofollow">http:&#x2F;&#x2F;snapsvg.io&#x2F;</a>
评论 #7355710 未加载
fiatjafabout 11 years ago
The best tool I&#x27;ve ever seen. Thanks for providing this.
ChrisArchitectabout 11 years ago
always on the look out for a replacement for google image charts api..... which remains super useful as long they continue to support it past EOL hehe
nrooseabout 11 years ago
Why does it look like 5 = 6?
olavggabout 11 years ago
Didn&#x27;t knew about pygal, what a fantastic chart framework.
Eleutheriaabout 11 years ago
Easy is my middle name.<p>I like it.