Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘Charts’ Category

Every so often it may benefit your argument to display large portions of visual data. This content might appear in any format from bar graphs, pie charts, scatter plots, venn diagrams, or even visualization webs. There are dozens of tools out there to help create graphics for data-based content. This gallery includes 16 examples of jQuery plugins which are perfect for any visual data exhibition.

Pizza Pie Charts

pizza pie charts playground open source

Read the rest of this entry »

Ember Charts is an open source and free charting library that is built with D3.js and Ember.js.

The library has support for time series, bar, pie and scatter charts where all of them can be extended with ease.

Ember Charts

It is possible to customize and add/remove legends, labels, tooltips or mouseover effects.

Also, for Ember.js fans, the same team also develops 2 other handy projects: Ember Widgets and Ember Table.

Raw is a free and open source web application for visualizing data flexibly and as easy as possible.

It actually defines itself as “the missing link between spreadsheet applications and vector graphics editors”.

Raw - D3 Data Visualizations

The application works by loading a dataset by copy-posting or drag ‘n’ dropping and allows us to customize the view/hierarchy.

Raw is based on the popular D3.js and supports lots of different chart types like bubble, treemap, circle packing and more.

Installing Raw is pretty straightforward as everything works client-side.

There are beautiful JavaScript chart libraries out there that has support for many features: interactivity, multiple chart types..

But, what if you are only looking for a solution to create line charts and don’t need the rest? The answer seems to be Aristochart.


Aristochart is a JavaScript library with no dependencies. It is only capable of creating 2D line charts which are static (uses <canvas>).

The library focuses on customization and provides lots of options for changing the design, labels and almost any other stuff.

  • Tags:
  • Filed under: Charts, Goodies, MIT License
  • FusionCharts LogoToday, almost every web application uses charts to visualize data and provide as much information as possible with a user-friendly interface.

    FusionCharts Suite XT is a professional (and paid) JavaScript chart library that enables us to create any type of charts.

    FusionCharts Splash

    It uses SVG and has support for 90+ chart types, including 3D, gantt, funnel, various gauges and even maps of world/continents/countries/states. Also, most of the charts have both 2D and 3D versions.

    They are very easy-to-create and, optionally, an official jQuery plugin exists to simplify it more. Just define the chart type, insert the data and you are almost there.

    FusionCharts Demo1

    Charts are completely customizable. The labels, fonts, colors, borders, etc. can all be changed.

    And, they are heavily interactive with tooltips, clickable legend keys, drill-down, zooming/scrolling and one-click chart export or print.

    FusionCharts Map

    Considering that the charts are rendered in SVG, they are compatible with any desktop or mobile browser including the old versions like IE6.

    When building something complicated, besides the features, the support becomes important too. FusionCharts Suite XT is very well-documented, has an active community forum and comes with pro support.

    The library has a detailed pricing structure that covers many use-cases like: commercial website, intranet, Saas app and more.

    Chartkick is a Ruby gem (also has a JavaScript API which doesn’t require Ruby) for creating good-looking charts very easily and quickly.

    It integrates with 2 charting libraries: Highcharts and Google Charts where it is possible to use the same functions for generating charts with each library.


    There is support for multiple chart types and multiple series in a single chart.

    And, like mentioned there is also Chartkick.js which brings the same functionality to the client-side, without Ruby.

  • Tags:
  • Filed under: Charts, Goodies, MIT License
  • RazorFlow is a PHP framework for easily creating dashboards that work well on all major devices and browsers.

    It works by simply inserting a single PHP file into any app, feeding it with data and choosing the output type.

    RazorFlow PHP Dashboard Framework

    The outputs can be charts (many chart types are supported), data grids or items that display a single value.

    They are all interactive, have support for filtering the data and, like mentioned, they are responsive.

    RazorFlow can connect to MySQL, PostgreSQL, or SQLite databases.

    Chart.js is an impressive JavaScript charting library that is built on top of HTML5 canvas.

    It currently supports 6 chart types (line, bar, radar, pie, column and polar area) and all this comes in a standalone, <5kb package.


    Colors, fonts, borders and their sizes can all be customized. Also, optionally, charts can be loaded with an animation.

    As the library is built with canvas, it works on a wide set of browsers, loads fast but lacks interactivity.

  • Tags:
  • Filed under: Charts, Goodies, MIT License
  • Gantt charts are an important piece of project management apps or any process with a duration.

    Teamwork Gantt is a free jQuery component, created by Teamwork (a project management service), that simplifies generating Gantt charts.

    Teamwork Gantt

    It has a wide array of features including zooming, drag ‘n’ drops, in-place-editing, resize, scroll and many more.

    There is support for exporting the data in JSON and the layout is skinnable with CSS.

    Flot is a jQuery plugin for easily creating good-looking and interactive charts.

    The library uses HTML5 canvas for drawing, JSON as the data source and can render a data array with 1000s of items.

    It is not limited to any chart type and the community has already expanded it with multiple types (bar, line, pie, gantt, etc.) and features.

    Flot jQuery Chart Library

    There is support for zooming into any selected part and charts generated can respond to events.

    Flot is very well-documented, has a powerful API and an active community

    P.S. The library has been around since 2 years but somehow it was not already shared and thought it should be in WRD so that you get another great charting option when needed.

  • Tags:
  • Filed under: Charts, Goodies
  • Uptime Robot