文档章节

[转]Popular open source JavaScript frameworks for data visualisation

thomaslwq
 thomaslwq
发布于 2018/01/11 15:03
字数 862
阅读 13
收藏 0

Popular open source JavaScript frameworks for data visualisation

Today’s enterprises collect more data than ever, but before they can be leveraged, these large data sets must be properly visualised and translated into meaningful and actionable insights. As JavaScript is becoming more and more popular in the area of data visualisation, we’ve compiled a list below of a few popular open source frameworks that can be useful.

D3.js

D3.js is probably the most popular library in the field. The powerful visualization framework helps to produce dynamic, interactive data visualisations of all kinds using the power of HTML5, SVG, and CSS3. D3 is a bit more of a lower-level library compared to other strictly charting solutions, so it requires more boilerplate code to get similar results. In turn it provides greater control over the final result. It’s also become the de facto standard language for data visualisation. Many charting libraries are built atop D3.

Github: https://github.com/d3/d3
Homepage: http://d3js.org

Leaflet

Leaflet is a great library for creating mobile-friendly interactive maps. Developers value leaflet for its simplicity, performance (weighs only 33 kB) and lots of plugins that are available.

Github: https://github.com/Leaflet/Leaflet
Homepage: http://leafletjs.com

Dygraphs.js

Dygraphs is a charting library that produces interactive, zoomable charts of time series. It allows users to explore and interpret dense data sets making it an excellent choice for financial data visualization.

Github: https://github.com/danvk/dygraphs
Homepage: http://dygraphs.com

Processing.js

Processing.js it’s not a visualisation library in a traditional sense. It’s a library that ports Processing visualization language to JavaScript, allowing code written in Processing language to be run by any HTML5 compatible browser.

Github: https://github.com/processing-js/processing-js/
Homepage: http://processingjs.org

Raphael.js

Raphael is a lightweight library created to simplify working with vector graphics on the web. What’s cool about Raphael is that it uses the SVG and VML as a base for creating graphics which means that every graphical object created is also a DOM object.

Github: https://github.com/DmitryBaranovskiy/raphael/
Homepage: http://dmitrybaranovskiy.github.io/raphael

VEGA

Vega it’s a framework for creating, saving, and sharing interactive visualization designs. Vega allows you to describe the visual appearance and interactive behavior of a visualization in a JSON format, and generate views using HTML5 Canvas or SVG.

Github: https://github.com/vega/vega
Homepage: http://vega.github.io/vega

InfoVis

InfoVis Toolkit provides tools for creating Interactive Data Visualizations. InfoVis offers many advanced features including graph manipulation and editing, tree animations and others.
Github: https://github.com/philogb/jit
Homepage: http://philogb.github.io/jit/

Springy.js

Springy.js is a library that relies on an algorithm to create force-directed graphs, resulting in nodes reacting in a spring-like manner on the web page. In other words it allows for graph manipulation and calculates a graph’s layout to display it optimally on the page.
Github: https://github.com/dhotson/springy/
Homepage: http://getspringy.com

Polymaps.js

Polymaps is a library for making dynamic, interactive maps. It utilizes SVG to produce large-scale data overlays on interactive maps.

Github: https://github.com/simplegeo/polymaps
Homepage: http://polymaps.org

Sigma.js

Sigma is a library designed to help developers build highly advanced line graphs. Since it’s dedicated to graph drawing, sigma is a great tool for tasks such as network visualizations and dynamic network exploration.
Github: https://github.com/jacomyal/sigma.js
Homepage: http://sigmajs.org

jqPlot

jqPlot is a plotting and charting plugin for the jQuery. It was designed from the ground up to support plugins and most functionality of jqPlot is handled through plugins.

Github: https://github.com/jqPlot/jqPlot/
Homepage: http://www.jqplot.com

Flot

Flot is a plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

Github: https://github.com/flot/flot
Homepage: http://www.flotcharts.org

DC.js

It’s charting library allowing highly efficient exploration on large multi-dimensional dataset. Charts rendered using dc.js are highly interactive therefore providing instant feedback on user’s interaction.

Github: https://github.com/shutterstock/rickshaw
Homepage: https://dc-js.github.io/dc.js

Rickshaw

Rickshaw is a toolkit for creating interactive time series graphs. It provides all of the elements to create interactive graphs: renderers, legends, hovers, range selectors, etc.

Github: https://github.com/shutterstock/rickshaw
Homepage: http://code.shutterstock.com/rickshaw

MetricsGraphics.js

MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data.

Github: https://github.com/mozilla/metrics-graphics
Homepage: http://metricsgraphicsjs.org

Chart.js

Chart.js is a very light (minified version weighs only 11kb) charting library for creating responsive charts using HTML5 canvas element.

Github: https://github.com/chartjs/Chart.js
Homepage: http://www.chartjs.org

Ember Charts

It’s a charting library built with the Ember.js and d3.js frameworks. Although limited it includes time series, bar, pie, and scatter charts which are easy to extend and modify.

Github: https://github.com/addepar/ember-charts
Homepage: http://opensource.addepar.com/ember-charts/

Chartist.js

Chartist.js it’s a lightweight library for creating customizable responsive charts.

Github: https://github.com/gionkunz/chartist-js
Homepage: http://gionkunz.github.io/chartist-js

There are plenty more great JavaScript visualization tools and frameworks out there with new ones popping up almost every month. If you know any other open source framework hit us on twitter @SonalakeHQ

本文转载自:https://sonalake.com/latest/popular-open-source-javascript-frameworks-for-data-visualisation/

thomaslwq
粉丝 7
博文 35
码字总数 31692
作品 1
广州
高级程序员
私信 提问
What Is ElectronJS and Why Should We Use It?

By Sai Sarath Chandra, Alibaba Cloud Tech Share Author and Alibaba Cloud MVP Before we talk about ElectronJS, we need to take a step back and see how Desktop applications are ma......

Cloud Focus
2018/04/16
0
0
10+ Useful Javascript Libraries for Your New Proje

JavaScript Library is basically a pre-written scripting language that ease the development of JavaScript based applications such as AJAX and other web-centric technologies.These......

linjine
2015/05/05
69
0
JavaScript击败Ruby成为github第一语言。

A while ago, I wanted to get a little quick feedback on some data I was playing with, but the day was almost over and I wasn’t done working on it yet. I decided to tweet my rou......

Duziee
2014/05/07
3
0
Node.js的学习资源、教程和工具

这篇文章编译整理自Stack Overflow的一个如何开始学习Node.js的Wiki帖,这份资源列表在SO上面浏览接近60万次,数千个收藏和顶。特意整理发布到这里,其中添加了部分中文参考资料。 学习指南和...

90后爱国
2015/07/21
189
0
Stan/signature-wx-js-sdk

# signature-wx-js-sdk Description 微信接入js-sdk请求授权获得签名接口 Sequence diagram Installation git clone https://gitee.com/lovewestwind/signature-wx-js-sdk.git Instructions ......

Stan
05/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

怎样在磁盘上查找MySQL表的大小?这里有答案

导读 我想知道 MySQL 表在磁盘上占用多少空间,但看起来很琐碎。不应该在 INFORMATION_SCHEMA.TABLES 中提供这些信息吗?没那么简单! 我想知道 MySQL 表在磁盘上占用多少空间,但看起来很琐碎...

问题终结者
28分钟前
6
0
jQuery load() 方法实现加载远程数据

jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 语法: $(selector).load(URL,data,callback);必需的 URL 参数规定您希望加载的...

前端老手
30分钟前
5
0
Spring Boot缓存实战 Redis 设置有效时间和自动刷新缓存-2

问题 上一篇Spring Boot Cache + redis 设置有效时间和自动刷新缓存,时间支持在配置文件中配置,说了一种时间方式,直接扩展注解的Value值,如: @Override@Cacheable(value = "people#${s...

xiaolyuh
38分钟前
9
0
怎样在磁盘上查找MySQL表的大小?这里有答案

我想知道 MySQL 表在磁盘上占用多少空间,但看起来很琐碎。不应该在 INFORMATION_SCHEMA.TABLES 中提供这些信息吗?没那么简单! 我想知道 MySQL 表在磁盘上占用多少空间,但看起来很琐碎。不应...

Linux就该这么学
今天
5
0
Redis

一、Redis支持的几种数据类型:字符串、List、SET、HASH、ZSET 二、Redis的缓存技术主要是为了降低关系数据库的负载并减少网站成本 三、在Redis里面,被MULTI命令和EXEC命令包围的所有命令会...

BobwithB
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部