Skip to content
Open source charting library written in Elm
Elm JavaScript CSS Other
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
css Switched from DOMinate to shaven, use bower for frontend package mana… May 24, 2014
images Rename directory "img" to "images", add screenshot of stacked bar chart Sep 27, 2017
source Restructure modules according to best practices, export missing ones Oct 20, 2017
tests Implement stacked bar charts Sep 10, 2017
.gitignore Rename directory "img" to "images", add screenshot of stacked bar chart Sep 27, 2017
makefile Added stylus, reworked file structure, updated README, added makefile… Mar 14, 2013
package.json 1.0.0 Sep 27, 2017
webpack.config.js Reenable examples, use webpack for bundeling Aug 13, 2017


A simple to use charting library. It visualizes data and helps you to understand it.

Attention: This software is still a alpha version. It might not work as expected and the API may change at any time.

Good Looking

Display beautiful charts and customise them to fit perfectly to your needs.


Pie chart

The most ubiquitous chart with an amazing fan out animation. You can also explode certain sectors to highlight them.

Pie Chart

Bar chart

The right tool to display few data clearly arranged but still appealing

Bar Chart


Bar Chart Stacked

Line chart

Watch your stocks reaching new heights. You can also hover the chart to get detailed Information.

Line Chart

Tag cloud

Need a short overview on whats hot or not? Then you might like the awesome tag cloud feature.

Tag Cloud


Is my video more popular in Asia or in Europe? It's never been easier to display the answer.


There is nothing more convenient than a simple table to display exact values. Customise it to show just the relevant information.


You want to integrate the pretty charts in your e-mails, presentations or e-books? No problem! Export them as svg images!


  1. Load vectual.css in the head tag of your website

  2. Include Shaven

  3. Include vectual.js (or vectual.min.js) after DOMinate and before your code to draw the graphs

To draw a vectual graph with the default configuration (in vectual.js) simply invoke it like this:


Alternative visualizations are:

  • .barChart()
  • .lineChart()
  • .tagCloud()
  • .scatterChart()
  • .map()
  • .table()
You can’t perform that action at this time.