JavaScript CSS Other
Switch branches/tags
Nothing to show
Latest commit d42150f Aug 13, 2017 @adius Modularize code

README.md

Vectual

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.

Visualisations

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

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

Map

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

Table

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

Export

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

Usage

  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:

vectual(data).pieChart()

Alternative visualizations are:

  • .barChart()
  • .lineChart()
  • .tagCloud()
  • .scatterChart()
  • .map()
  • .table()