8 excellent open source data visualization tools

No readers like this yet.
wavegraph

Opensource.com

Data visualization is the mechanism of taking tabular or spatial data and conveying it in a human-friendly and visual way. There are several open source tools that can help you create useful, informative graphs. In this post we will take a look at eight open source, data visualization tools.

Datawrapper

Datawrapper

Datawrapper was created by journalism organizations from Europe, designed to make data visualization easy for news institutes. Based on a web based GUI (graphics user interface), it promises to let you create a graph in just four steps.

To create a graph, click on the "New Chart" link on the top menu bar. You can then paste your data in the text area; then, the tool analyzes it and shows you the preview. If everything is fine, you can publish it. Datawrapper is fully open source, and you can download it from their GitHub page and host it yourself. It is also available as a cloud hosted, paid service on their website.

Image provided by Nitish Tiwari. Source.

Chart JS

Chart JS

Chart JS is a clean charting library. Before you can create a chart, you'll need to include the library in your frontend code. Once done, you can use the API from the library to add charts and assign values. More technical details are available here. This is a good option for people who need precise control over look and feel of their charts, but if you don't want to get your hands dirty with the code, this is probably not the best option for you.

Charted

Charted

Created by the product science team at Medium, this is one of most minimal charting tools available online. You can just paste a link of a Google spreadsheet or a .csv file (input data) and tool create a chart with the data. Charted fetches the data every 30 minutes, making sure the chart is up-to-date. Although available freely online, you can host your own version by using the code.

Image provided by Nitish Tiwari. Source.

D3

D3 stands for data driven documents. This is a JavaScript library to help you bind random data to the DOM (document object model) and apply data-driven transformations to the document. As many of you may be aware, DOM is a programming API that allows programmers to access documents as objects, and these objects closely represent the document structure they model. D3 provides APIs that can be applied to DOM elements and transform the resulting HTML, SVG, or CSS documents. But again, this method may appeal to programmers more than average users because it involves writing code to create graphs.

Image provided by Nitish Tiwari. Source.

Dygraphs

Dygraphs

Dygraphs is a flexible, JavaScript-based charting library. The main attraction of Dygraphs is that it can handle huge data sets and produce output that is interactive for the end-users. It requires some level of web programming background to get started with a chart, but it is easier to use than the previous libraries mentioned in this article. Take a look at the example gallery to learn more about its capabilities.

Image provided by Nitish Tiwari. Source.

Raw

Raw is a web-based tool that allows you to simply paste your data and create graphs in few simple steps. Built on the D3.js library, it is extremely easy to use and packs all the goodness of D3 into a format that is ready to be used by non-programmers. You can choose to use the free web hosted tool, or fork the project on GitHub and host it behind your firewall.

Timeline

Timeline

Every once in a while, you face a situation that requires you to display events as sequential timelines. This tool, Timeline, helps you achieve this. To create timelines, all you need to do is format your data, like in this example template. Once you have the data formatted in a Google spreadsheet, use Timeline's generator to publish it. That's it! You have the embed code available now and can use it to embed the timeline in web pages. Here is a video tutorial to make it even easier.

Leaflet

Leaflet

Mobile readiness is the key to high traffic and good conversion rates. Leaflet is a lightweight, mobile friendly JavaScript library to help you create interactive maps. Leaflet is designed with simplicity, performance, and usability in mind. It works across all major desktop and mobile platforms out of the box, taking advantage of HTML5 and CSS3 on modern browsers while still being accessible on older ones. It can be extended with a huge number of plugins, has a beautiful, easy to use, and well-documented API and a simple, readable source code that is a joy to contribute to.

I hope this list helps you find the solution best suited for your needs. If you are interested in more data visualization tools, take a look at this list of more than 50 tools.

Do you have a favorite tool that should have made the list? We would love to hear from you—let us know your thoughts in the comments below.

User profile image.
Nitish is interested at the intersection of open source, system software and startups. He loves to read and explore anything open source. In his free time, he likes to read motivational books. He is currently working on building Parseable - an open source object storage, log storage, management and observability platform.

10 Comments

Weave (Web-based Analysis and Visualization Environment) is also an open source analysis and visualization platform in large use. See iWeave.org

but unfortunately it's in Flash. And Flash is outdated. Personally I wouldn't use anything else than pure HTML, CSS and JS these days.

In reply to by Georges Grinstein (not verified)

One more, www.quadrigram.com

Check out this gem from Baidu. It has an amazing palette of views, it handle huge data efficiently and the API is clean and comprehensive. Keep surprising me with small extras, not only does it support interaction, but the interaction is animated and silky smooth:

Project page: http://echarts.baidu.com/index-en.html
Source code: https://github.com/ecomfe/echarts
License: MIT

ChartDirector

http://www.advsofteng.com/

Another one easy to use without coding - datamatic.co

Hi all,
I look for a 3d tool or solution to present dossiers (file plan) and the relation btween them.
For exmple with bubbles - a bubble is bigger, if contents more documents. The most interesting bubble is in foreground and I see the relation to anotre bububbles on the background...

Du you know a similar solution or editor?
Thx in advice!
Rumen

Creative Commons LicenseThis work is licensed under a Creative Commons Attribution-Share Alike 4.0 International License.