angular-nvd3 - AngularJS directive for NVD3 reusable charting library (based on D3)

  •        91

This thing is designed to make it easier to work with nvd3.js re-usable charting library. This directive allows you to easily customize your charts via JSON API.The key feature is that the original hierarchical structure of nvd3 models is completely preserved in directive JSON structure. This means that while you creating a complex chart that containing multiple elementary chart models (such as line, bar, axis, ...), you can in turn customize the properties of each internal elementary models as well as the global charting properties the way you want. This can be done as usual, but it becomes quite easily to customize while applying JSON approach to.

http://krispo.github.io/angular-nvd3
https://github.com/krispo/angular-nvd3

Dependencies:

angular : ^1.x
d3 : ^3.3
nvd3 : ^1.7.1

Tags
Implementation
License
Platform

   




Related Projects

ng2-nvd3 - Angular2 component for nvd3

  •    TypeScript

Angular component for nvd3 (uses d3 v3!). It has similar technique as angular-nvd3 for angular 1, but designed for angular 2+ and without extra features (like extended mode) you won't need.it requires angular2+, d3 (v3.5.17) and nvd3 as dependencies.

ngx-graph - Graph visualization library for angular

  •    TypeScript

This library is focused on handling graph data (anything with nodes and edges) rather than chart data. Currently the only visualization uses the Dagre layout, which is specialized for directed graphs. The plan is to implement multiple visualisations for graph data within this same library. Eventually, ngx-charts-force-directed-graph may be imported into this library as another option to visualize your graph data. ngx-graph is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.

line-chart - Awesome charts for AngularJS.

  •    TypeScript

n3-line-chart is an easy-to-use JavaScript library for creating beautiful charts in AngularJS applications and it is built on top of D3.js.Please note: Currently, n3-line-chart works only with D3.js version 3! In D3.js version 4, the API changed and hence breaks compatibility with many 3rd party libaries such as n3-line-chart.

angular-charts - angular directives for creating common charts using d3

  •    Javascript

##Installation Grab the latest zip from releases, copy angular-charts.min.js to web root, and refer it from page.Note: chartType, data and config are properties of scope. Not the actual values.


angular-formly - JavaScript powered forms for AngularJS

  •    Javascript

angular-formly is an AngularJS module which has a directive to help customize and render JavaScript/JSON configured forms. The formly-form directive and the formlyConfig service are very powerful and bring unmatched maintainability to your application's forms.From there, it's just JavaScript. Allowing for DRY, maintainable, reusable forms.

angular-markdown-directive - AngularJS markdown directive using Showdown.js

  •    Javascript

Bower Component for a simple AngularJS Markdown directive using Showdown. Based on this excellent tutorial by @johnlinquist.

angular-leaflet-directive - AngularJS directive to embed an interact with maps managed by Leaflet library

  •    Javascript

AngularJS directive for the Leaflet Javascript Library. This software aims to easily embed maps managed by Leaflet on your project.If you need better response time with your doubts and needs with the code of version 0.9.0, take a look at the angular-ui fork of this project, it's lead by really awesome developers which have helped me evolving the project for some time.

angularjs-slider - Slider directive for AngularJS 1.X. No dependencies and mobile friendly.

  •    Javascript

I'm looking for a maintainer for this project. I have lost my Open Source Stamina for this project and I will probably not push any code to this project anymore (unless, I find some motivation later). I will try to merge pull requests if some are submitted, but only if they are really clean.Slider directive implementation for AngularJS 1.X, without any dependencies: http://angular-slider.github.io/angularjs-slider.

angular-chosen - AngularJS Chosen directive is an AngularJS Directive that brings the Chosen jQuery in a AngularJS way

  •    Javascript

This directive brings the Chosen jQuery plugin into AngularJS with ngModel and ngOptions integration. To use, include localytics.directives as a dependency in your Angular module. You can now use the chosen directive as an attribute on any select element. Angular version 1.3+ is required, but recomended 1.4.9+.

ui-leaflet - AngularJS directive to embed an interact with maps managed by Leaflet library

  •    Javascript

While we are grateful for all the original work at tombatossals/angular-leaflet-directive. We need to be able to operate as an organization to respond to issues, pull-requests and other various items quicker. We need to be able to add other developers as admins easier via group permissions via github orgs. Lastly this project needs to be more credible via being a group / org.Please note the master branch is currently in a "in-progress state" and is not suitable for use at this point. We are trying break up the library to be more unix / plugin like. This will reduce the burden of constant changes to the core repo (this repo) for each and every unforseeable plugin that leaflet has. Therefore, the new usage plugins will require developers (angular-ui or not) to create specific angular directives, services, factories, and etc to extend the main ui-leaflet directive. Where ui-leaflet would be the main dependency.

angular-masonry - An AngularJS directive for Masonry.

  •    CoffeeScript

An AngularJS 1 directive to work with David Desandro's Masonry.Add wu.masonry to your application's module dependencies.

django-nvd3 - Django wrapper for nvd3 - It's time for beautiful charts

  •    Python

NVD3 is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. Then edit settings.py from your django project and add 'django_nvd3' in your 'INSTALLED_APPS' setting.

python-nvd3 - Python Wrapper for NVD3 - It's time for beautiful charts

  •    Python

NVD3 is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js offers you. Note : you might prefer to save your npm dependencies locally in a package.json file.

angular-payments - Module that provides AngularJS-directives for formatting, validating and working with payments

  •    Javascript

An Angular Module that provides directives for formatting and validating forms related to payments. Also, it ships with a directive that makes it easy to integrate with Stripe's wonderful stripe.js.This library wasn't just heavily inspired by Stripe's jQuery.payments, but is in fact mostly just a port of it to a more AngularJS-oriented style.

generator-ng-poly - Yeoman generator for modular AngularJS apps with Gulp and optional Polymer support

  •    Javascript

Inspired by John Papa's Angular Style Guide and Todd Motto's AngularJS styleguide.This generator focuses on organizing Angular components by feature (home, about, video player, etc.) instead of by type (controller, service, directive, etc.) to encourage the development of self-contained, reusable components.

angular-socialshare - social share buttons for angularjs

  •    CSS

As of Verstion 1 This directive supports two way binding of data, so now you can populate the data in the directive from a HTTP request.Support asyncronous loading of corresponding social plugin javascript assets.

angular-summernote - AngularJS directive to Summernote

  •    Javascript

angular-summernote is just a directive to bind summmernote's all features. You can use summernote with angular way. Since v0.7.x, the version of angular-summernote follows the version of summernote. So, angular-summernote v0.7.x are compatible with summernote v0.7.x and and angular-summernote v0.8.x will be compatible with summernote v0.8.x. Angular-summernote will match only major.minor with summernote. Therefore, angular-summernote v0.7.0 will be compatible with summernote v0.7.0, v0.7.1 and v0.7.2. Angular-summernote will release patch update, such as v0.7.1, if only angular-summernote has changed.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.