An Angular.js directive for creating customisable, interactive (it can be used for user input!!) radial plots (radar graphs) powered by D3.js

This Angular.js Radial Plot (radar graph) directive was born out of me teaching myself D3 and building a graph component. I also wanted to play around with different ways to plot and visualise data. This Angular.js directive was the result and this page serves as a demonstration of the features of this directive along with the simplicity of how to use it. Please go check out the source code and contribute. I'd love to extend this library to include other cool visualisations

Animated and interactive

Show transitions from one plot to another. Once animation is complete you can interact with the data points by clicking on them. Both graphs show the same dataset but using two different scales: linear and logarithmic. As they use the same dataset they both reflect one another's values.

Basic

Comparison

Show more than one plot on a graph

Editable

Click on one of the dots and drag

Rounded Area

For the aesthetically minded (willing to depart from mathematical accuracy) you can control you can alter the behaviour of the resulting area drawn.

Logarithmic Scale

Stack

We can stack data too!