<commit_before># angular-graphael

A set of AngularJS directives to make charts using [gRaphaël](http://g.raphaeljs.com/).

Now available on bower: `bower install angular-graphael --save`

## Examples

### Pie Chart

You set up your options and data in the controller. [Pie Chart Reference](http://g.raphaeljs.com/reference.html#Paper.piechart)

```
$scope.piechart = {
    options: {
        legend: ['small','medium','large']
    },
    data: {
        small:100,
        medium: 126,
        large: 247
    }
};
```

In the view, you just pass the appropriate attributes.

```
<piechart values="piechart.data" options="piechart.options"></piechart>
```

That's it, you have a pie chart!

### Dot Chart

You set up your options and data in the controller. [Dot Chart Reference](http://g.raphaeljs.com/reference.html#Paper.dotchart)

```
$scope.dotchart = {
    options: {
        axis: "0 0 1 0",
        axisxstep: 3,
        axisystep: 3,
        axisxlabels: ['5','10','15'],
        axisxtype: " ",
        heat: true,
        max: 50
    },
    data: {
        5: 42,
        10: 50,
        15: 25
    },
    valsX: [5,10,15],
    valsY: [0,1,2]
};
```

In the view, you just pass the appropriate attributes.

```
<dotchart size="dotchart.data" valuesx="dotchart.valX" valuesy="dotchart.valY" options="dotchart.options"></dotchart>
```

That's it, you have a dot chart!<commit_msg>Line Chart and Bar Chart example<commit_after># angular-graphael

A set of AngularJS directives to make charts using [gRaphaël](http://g.raphaeljs.com/).

Now available on bower: `bower install angular-graphael --save`

## Examples

### Pie Chart

You set up your options and data in the controller. [Pie Chart Reference](http://g.raphaeljs.com/reference.html#Paper.piechart)

```
$scope.piechart = {
    options: {
        legend: ['small','medium','large']
    },
    data: {
        small:100,
        medium: 126,
        large: 247
    }
};
```

In the view, you just pass the appropriate attributes.

```
<piechart values="piechart.data" options="piechart.options"></piechart>
```

That's it, you have a pie chart!

### Dot Chart

You set up your options and data in the controller. [Dot Chart Reference](http://g.raphaeljs.com/reference.html#Paper.dotchart)

```
$scope.dotchart = {
    options: {
        axis: "0 0 1 0",
        axisxstep: 3,
        axisystep: 3,
        axisxlabels: ['5','10','15'],
        axisxtype: " ",
        heat: true,
        max: 50
    },
    data: {
        5: 42,
        10: 50,
        15: 25
    },
    valsX: [5,10,15],
    valsY: [0,1,2]
};
```

In the view, you just pass the appropriate attributes.

```
<dotchart size="dotchart.data" valuesx="dotchart.valX" valuesy="dotchart.valY" options="dotchart.options"></dotchart>
```

That's it, you have a dot chart!

### Bar Chart

You set up your options and data in the controller. [Bar Chart Reference](http://g.raphaeljs.com/reference.html#Paper.barchart)

```
$scope.barchart = {
    options: {},
    data: {}
};
```

In the view, you just pass the appropriate attributes.

```
<barchart values="barchart.data" options="barchart.options"></barchart>
```

That's it, you have a bar chart!

### Line Chart

You set up your options and data in the controller. [Line Chart Reference](http://g.raphaeljs.com/reference.html#Paper.linechart)

```
$scope.linechart = {
	options: {}
	dataX: [],
	dataY: []
};
```

In the view, you just pass the appropriate attributes.

```
<linechart values-x="linechart.dataX" values-y="linechart.dataY" options="linechart.options"></linechart>
```

That's it, you have a line chart!

{'fraction_non_alphanumeric': 0.15373922713372254, 'fraction_numerical': 0.02279677509035307, 'mean_word_length': 3.0979498861047836, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 15, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7496602', 'n_tokens_mistral': 1291, 'n_tokens_neox': 1190, 'n_words': 340}