<commit_before># Visualization

## How it works

Building charts from queries is easier than ever.

Clients have a #draw method with accepts a query, a DOM selector, and a configuration object as arguments. You can call this directly on the client, which will execute a request and visualize its response, like so:

```javascript
client.draw(query, selector, config);
```

## Example usage

```javascript
var query = new Keen.Query("count", {
  eventCollection: "pageviews",
  groupBy: "visitor.geo.country"
  interval: "daily",
  timeframe: "this_21_days"
});
var chart = client.draw(query, document.getElementById("chart-wrapper"), {
  title: "Custom chart title",
  chartType: "columnchart"
});
```<commit_msg>Fix typos<commit_after># Visualization

## How it works

Building charts from queries is easier than ever.

Clients have a #draw method which accepts a query, a DOM selector and a configuration object as arguments. You can call this directly on the client, which will execute a request and visualize its response, like so:

```javascript
client.draw(query, selector, config);
```

## Example usage

```javascript
var query = new Keen.Query("count", {
  eventCollection: "pageviews",
  groupBy: "visitor.geo.country"
  interval: "daily",
  timeframe: "this_21_days"
});
var chart = client.draw(query, document.getElementById("chart-wrapper"), {
  title: "Custom chart title",
  chartType: "columnchart"
});
```
{'fraction_non_alphanumeric': 0.11462728551336146, 'fraction_numerical': 0.0028129395218002813, 'mean_word_length': 5.133620689655173, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '5409351', 'n_tokens_mistral': 414, 'n_tokens_neox': 397, 'n_words': 159}