readme

Table of Contents

• Intro
• Install Demo mode
• Integration in your angular application
• Documentation
  • New HTML Tag
• Todo
• Contribute
  • update gh_pages

Intro

This library permit you to integrate chart in your angular app via directives. This library use :

• D3.js

Install Demo mode

To execute the demo mode :

$ npm install
$ npm start

A demonstration is available here

Integration in your angular application

To integrate this library in your angular app :

1. copy all directives inside the directory public/scripts/directives in your angular directives directory

2. change the name of your angular app in all the directives angular.module('app') (first ligne of the file)

3. copy public/scripts/lib/dataviz/d3.js from D3 gitHub to your js directory

4. copy from public/scripts/lib/dataviz/library/reusable_chart.js to your js directory

Now you can use the directive. For this go to Documentation section

Documentation

the documentation is available in the wiki

New HTML Tag

The new HTML tag create is named directives in angular (for more documentation go to https://docs.angularjs.org/guide/directive). The new HTML tag are :

• <area-chart>

• <bar-chart>

• <box-plot-chart>

• <box-plot-man-chart>

• <chart-form-chart>

• <line-chart>

• <pie-chart>

• <plot-chart>

Todo

• improve documentation : add details on the parameter receive by directives

• integrate event inside this library

• integrate multiple plots on the same chart

• integrate more control parameterizable

• add zoom and use crossfilter exploring large multivariate

Contribute

• Fork

• Make the fix

• Submit a pull request

https://help.github.com/articles/fork-a-repo

update gh_pages

git subtree push --prefix public origin gh-pages