# Introduction

Declarative Charting Framework for Angular2 and beyond!

ngx-charts is unique because we don't merely wrap d3, nor any other chart engine for that matter. It is using Angular to render and animate the SVG elements with all of its binding and speed goodness, and uses d3 for the excellent math functions, scales, axis and shape generators, etc. By having Angular do all of the rendering it opens us up to endless possibilities the Angular platform provides such as AoT, Universal, etc.

Data visualization is a science but that doesn't mean it has to be ugly. One of the big efforts we've made while creating this project is to make the charts aesthetically pleasing. The styles are also completely customizable through CSS, so you can override them as you please.

Also, constructing custom charts is possible by leveraging the various ngx-charts components that are exposed through the ngx-charts module.

[Click here](https://swimlane.github.io/ngx-charts/) to checkout an interactive demo or for more information check out the chart examples on the left.

## What People Are Saying...

> [“looks very cool!”](https://twitter.com/bradlygreen/status/774386597810712577)

Brad Green, Engineering Director at Google for Angular

> [“this is dope”](https://twitter.com/robwormald/status/774337985701478401)

Rob Wormald, Developer Advocate for Angular

## In the news

### AngularAir Esp 91

{% embed url="<https://www.youtube.com/watch?v=FlpxvsJsIpk>" %}

The project was featured on [AngularAir](https://angularair.com/) where [@amcdnl](https://github.com/amcdnl) and [@marjan-georgiev](https://github.com/marjan-georgiev) spoke about the project, challenges and whats to come.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://swimlane.gitbook.io/ngx-charts/docs-test/undefined.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
