Elm JavaScript CSS Other
Switch branches/tags
Latest commit 38a1ab4 Oct 20, 2017 @adius adius 2.0.0



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()