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
~~~~~~~~~~~~~~~~~

.. code::

   {% embed
      data=“{
         "url":"https://www.youtube.com/watch?v=FlpxvsJsIpk",
         "type":"video",
         "title":"",
         "icon":{
            "type":"icon",
            "url":"https://www.youtube.com/yts/img/favicon_144-vfliLAfaB.png",
            "width":144,
            "height":144,
            "aspectRatio":1
         },
         "thumbnail":{
            "type":"thumbnail",
            "url":"https://i.ytimg.com/vi/FlpxvsJsIpk/maxresdefault.jpg",
            "width":1280,
            "height":720,
            "aspectRatio":0.5625
         },
         "embed":{
            "type":"player",
            "url":"https://www.youtube.com/embed/FlpxvsJsIpk?rel=0&showinfo=0",
            "html":"<div style=\\”left: 0; width: 100%; height: 0; position: relative;padding-bottom: 56.2493%;\\“><iframe src=\\”https://www.youtube.com/embed/FlpxvsJsIpk?rel=0&showinfo=0\" style=\\“border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;\\” allowfullscreen scrolling=\\“no\\”></div>",
            "aspectRatio":1.7778
         }
      }"
   %}

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.