TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: JavaScript Graphing Library Comparison

328 点作者 MayMuncher将近 10 年前

41 条评论

aw3c2将近 10 年前
This should really include <a href="http:&#x2F;&#x2F;ecomfe.github.io&#x2F;echarts&#x2F;index-en.html" rel="nofollow">http:&#x2F;&#x2F;ecomfe.github.io&#x2F;echarts&#x2F;index-en.html</a>
评论 #9585092 未加载
评论 #9585182 未加载
评论 #9586828 未加载
评论 #9584961 未加载
h1fra将近 10 年前
I always rely on Highcharts, probably the biggest library presented here.<p>Fit all the case (except map maybe) and flexible enough to let you change everything if you or your designer want something very specific !
评论 #9585473 未加载
评论 #9587166 未加载
评论 #9586445 未加载
评论 #9585582 未加载
kodablah将近 10 年前
I think <a href="http:&#x2F;&#x2F;nvd3.org&#x2F;" rel="nofollow">http:&#x2F;&#x2F;nvd3.org&#x2F;</a> should be added. It is the only free&#x2F;OSS that was able to do the complex combined graphs I needed for a recent project.
评论 #9585432 未加载
评论 #9585185 未加载
probdist将近 10 年前
I find it wildly perplexing that there are so many frameworks and libraries for javascript graphics and data visualization.<p>Wikipedia has a comparison matrix of <i>37</i> different libraries. <a href="http:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Comparison_of_JavaScript_charting_frameworks" rel="nofollow">http:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Comparison_of_JavaScript_charti...</a><p>Here is a list describing briefly at least 50 libraries: <a href="http:&#x2F;&#x2F;techslides.com&#x2F;50-javascript-charting-and-graphics-libraries" rel="nofollow">http:&#x2F;&#x2F;techslides.com&#x2F;50-javascript-charting-and-graphics-li...</a>
评论 #9586871 未加载
评论 #9585661 未加载
评论 #9585521 未加载
rayshan将近 10 年前
Missing Plottable.js by Palantir, a solid modular charting library based on d3: <a href="https:&#x2F;&#x2F;github.com&#x2F;palantir&#x2F;plottable" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;palantir&#x2F;plottable</a>
ohitsdom将近 10 年前
Good stuff! What about D3?<p><a href="http:&#x2F;&#x2F;d3js.org&#x2F;" rel="nofollow">http:&#x2F;&#x2F;d3js.org&#x2F;</a>
评论 #9584759 未加载
welder将近 10 年前
Great list! I personally use <a href="http:&#x2F;&#x2F;c3js.org" rel="nofollow">http:&#x2F;&#x2F;c3js.org</a> for all charts on <a href="https:&#x2F;&#x2F;wakatime.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;wakatime.com&#x2F;</a> because it&#x27;s easy to use like highcharts, but comes with an open license. It&#x27;s basically a wrapper around d3.js for all the common reusable charts, which makes it very easy to style and customize.
评论 #9586296 未加载
AaronNewcomer将近 10 年前
FusionCharts would be a good one to add. But then you will have to add like 40 more graph types as well<p><a href="http:&#x2F;&#x2F;www.fusioncharts.com&#x2F;charts&#x2F;" rel="nofollow">http:&#x2F;&#x2F;www.fusioncharts.com&#x2F;charts&#x2F;</a>
评论 #9586607 未加载
gschrader将近 10 年前
I see none of them have the option &quot;Large Data Set&quot;, I would think dc.js supports that with it&#x27;s crossfilter support.
评论 #9585105 未加载
评论 #9584966 未加载
评论 #9584905 未加载
edem将近 10 年前
You might want to rephrase it to &quot;Graph drawing&quot; because there is the graph data structure and I thought that this link was about graphs. It might be just me but I can imagine people getting confused by the title.
评论 #9586631 未加载
评论 #9585537 未加载
评论 #9586490 未加载
buovjaga将近 10 年前
Seems to be missing <a href="http:&#x2F;&#x2F;metricsgraphicsjs.org&#x2F;" rel="nofollow">http:&#x2F;&#x2F;metricsgraphicsjs.org&#x2F;</a>
tylerpachal将近 10 年前
Can you add a `None` filter in the Dependancies section? After a quick look it seems like there a few that would fall into this option.
评论 #9586303 未加载
nirkalimi将近 10 年前
Interestingly enough, I had a problem with ChartJS that no one seemed to be able to remedy. It was quite bizarre and at first seemed to be a cross browser issue, but after further investigation it seemed to just be some type of strange cross-machine issue. See it here <a href="http:&#x2F;&#x2F;stackoverflow.com&#x2F;questions&#x2F;30063762&#x2F;side-effects-from-chartjs-for-only-some-clients" rel="nofollow">http:&#x2F;&#x2F;stackoverflow.com&#x2F;questions&#x2F;30063762&#x2F;side-effects-fro...</a><p>Given that, I had to do some hacky stuff upon every refresh. Instead of using destroy() on the canvas, I had to remove the Canvas DOM object itself, building it back up, and inserting it again. Because of this I am a bit skeptical about using ChartJS again, which is unfortunate because I do love their Charts. I feel like maybe SVG might be the better way to go for analytics.
评论 #9585739 未加载
thoman23将近 10 年前
Very nicely done! I am just about to choose a charting library and this will be a great help.<p>Have you considered adding some sort of user rating system? I find myself kind of just wanting to know which one is most popular or highest rated (i.e. take some of the work out of choosing between 30+ libraries myself).
评论 #9586619 未加载
评论 #9587132 未加载
vengaishiva将近 10 年前
Non-developers on HN might find tools mentioned in this article useful:<p><a href="http:&#x2F;&#x2F;thenextweb.com&#x2F;dd&#x2F;2015&#x2F;04&#x2F;21&#x2F;the-14-best-data-visualization-tools&#x2F;" rel="nofollow">http:&#x2F;&#x2F;thenextweb.com&#x2F;dd&#x2F;2015&#x2F;04&#x2F;21&#x2F;the-14-best-data-visuali...</a>
rcarmo将近 10 年前
Neat. I&#x27;ve been maintaining a list of my own here: <a href="http:&#x2F;&#x2F;taoofmac.com&#x2F;space&#x2F;infoviz" rel="nofollow">http:&#x2F;&#x2F;taoofmac.com&#x2F;space&#x2F;infoviz</a> (no fancy graphics, but a fair amount of notes)
Demiurge将近 10 年前
I&#x27;ve been looking for a chart library to display timeseries graphs and integrate well with react. The best one I found so far is react-d3. Unfortunately, it&#x27;s still somewhat awkward.
评论 #9585083 未加载
评论 #9585891 未加载
mtmacdonald将近 10 年前
Peek - <a href="http:&#x2F;&#x2F;mtmacdonald.github.io&#x2F;peek&#x2F;index.html" rel="nofollow">http:&#x2F;&#x2F;mtmacdonald.github.io&#x2F;peek&#x2F;index.html</a> is also based on D3.
sergiotapia将近 10 年前
Awesome site! I would love to see which ones are for Android, JS, of iOS. For example, I&#x27;m actually looking for a charting library for iOS but can&#x27;t seem to filter for that. Here&#x27;s another site I use to sort of see a lay-of-the-land view of charting libraries:<p><a href="http:&#x2F;&#x2F;stackshare.io&#x2F;charting-libraries" rel="nofollow">http:&#x2F;&#x2F;stackshare.io&#x2F;charting-libraries</a>
ne8il将近 10 年前
<a href="http:&#x2F;&#x2F;dimplejs.org&#x2F;" rel="nofollow">http:&#x2F;&#x2F;dimplejs.org&#x2F;</a> is another D3 based charting library.
评论 #9584785 未加载
lalwanivikas将近 10 年前
You&#x27;ll find this article helpful if you are wondering what all factors to consider while choosing a JavaScript charting library:<p><a href="http:&#x2F;&#x2F;davidwalsh.name&#x2F;13-factors-choosing-javascript-charting-library" rel="nofollow">http:&#x2F;&#x2F;davidwalsh.name&#x2F;13-factors-choosing-javascript-charti...</a>
nitrogen将近 10 年前
It would be fantastic if this comparison included average render times for graphs of various dimensions and number of data points, and&#x2F;or maximum number of data points that can maintain a render time faster than 1&#x2F;60s. Especially on Firefox for Linux, which doesn&#x27;t have Direct2D available.
hiamnew将近 10 年前
It would be great if you split into free of cost and free software, at least out-of-control vs self-hosted.
sycamorex将近 10 年前
While we&#x27;re on the topic, I&#x27;m beginning with js with a goal to create some materials for maths classes. Which library would let me do, for example, graphs of quadratic, cubic functions AND possibly drag&#x2F;move the line to see how the equation translates? Thank you
评论 #9585067 未加载
评论 #9584889 未加载
评论 #9584846 未加载
评论 #9590048 未加载
jonahx将近 10 年前
This is a fantastic idea. I&#x27;ve done these comparisons myself and it&#x27;s overwhelming and time-consuming.<p>Btw, I <i>love</i> the animations for the filtering, the way the items contract and rearrange themselves. What did you use for this?
declnz将近 10 年前
Great work!<p>Just what I needed (a while ago, but again soon I&#x27;m sure). There are so many options with JS graphing now, it can be a bit overwhelming just assessing the options and their capabilities.
评论 #9587189 未加载
m_mueller将近 10 年前
Very nice work. How about a graph type &quot;arrow diagram&quot; as a subtype of &quot;drawing&quot;? One thing I&#x27;m missing a bit in the list is GraphViz style diagrams.
评论 #9588185 未加载
评论 #9587276 未加载
distantsounds将近 10 年前
Are any of these charting solutions being actively used in a cacti-like application? I feel like with how old the RRD technology is, something would have replaced it by now.
评论 #9586653 未加载
andrepd将近 10 年前
Nothing beats the power and flexibility of GNUPLOT. Still going strong after almost 30 years, with excellent documentation and loads of support on the web, too.
fiatjaf将近 10 年前
Or, if you don&#x27;t want to integrate any of them, <a href="http:&#x2F;&#x2F;chartspree.io&#x2F;" rel="nofollow">http:&#x2F;&#x2F;chartspree.io&#x2F;</a>
castell将近 10 年前
What are the advantages of SVG or Canvas in that use case? Which one (SVG, Canvas) is principle faster on current browser with thousands of data points?
评论 #9587061 未加载
评论 #9586927 未加载
rubiquity将近 10 年前
Thanks! It would also be nice if the license types of each library were included as well. Graphing libraries for the web can be surprisingly restrictive!
评论 #9586302 未加载
marxdeveloper将近 10 年前
What would be the most lightweight library if I only need a line graph compatible with most desktop and mobile browsers without any dependencies?
评论 #9585159 未加载
评论 #9584831 未加载
评论 #9584747 未加载
thom将近 10 年前
Does anyone have any recommendations for nice boxes-and-lines JS library? Drag-drop, constraints, force-directed layout, that sort of thing?
评论 #9585306 未加载
vitaut将近 10 年前
It would be great if it was specified whether each library works offline for comparison. For example, Google Charts don&#x27;t work offline.
vegabook将近 10 年前
31 libraries, zero for &quot;Large Data Set&quot;.<p>That tells you everything you need to know about Javascript&#x2F;browser graphics for data science. A. The DOM cannot handle as many nodes as are needed for large datasets and&#x2F;or B. even with Canvas&#x2F;webgl etc the browser platform itself chokes on dataset sizes much bigger than 1&#x2F;2 gig (ie, &quot;small&quot; data). So Javascript is fantastic for explanatory graphics, but forget about exploration.
评论 #9585789 未加载
评论 #9585109 未加载
FanaHOVA将近 10 年前
I was just about to start looking for a graphing library for a dashboard I&#x27;m building, thank you!
ppoint将近 10 年前
Great stuff! Would be great if similar comparison existed for data grids (tables).
评论 #9586759 未加载
zemanel将近 10 年前
as someone that soon enough hopes to need evaluating graphing libraries for a side project (implement the types of charts cachegrind [and similar] provide) this post came at a great time.
评论 #9585824 未加载
rco8786将近 10 年前
Sure wish there were some performance comparisons
gt565k将近 10 年前
you&#x27;ve got a typo in the title for one of them :)<p>XChats -&gt; XCharts