ng2-charts - Beautiful charts for Angular2 based on Chart.js

  •        167

Reactive, responsive, beautiful charts for Angular2 based on Chart.js

https://github.com/valor-software/ng2-charts#readme
https://github.com/valor-software/ng2-charts

Dependencies:

@types/chart.js : 2.4.2
chart.js : ^2.6.0
karma-coverage-istanbul-reporter : 1.3.0
karma-jasmine-html-reporter : 0.2.2

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-pipes - ⚡️ Useful pipes for Angular with no external dependencies!

  •    TypeScript

TypeSerializer - Another library you might find interesting. Serializer / Deserializer, designed to make prettier code while using decorators (Can be used both with Angular or Node.js).


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

  •    Javascript

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.

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.

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.

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.

ng2-bs3-modal - Angular Bootstrap 3 Modal Component

  •    TypeScript

Specify false to simply show the modal rather than having it fade in/out of view.

igniteui-angular - Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

  •    TypeScript

Ignite UI for Angular is a complete set of Material-based UI Widgets, Components & Sketch UI kits, supporting directives for Angular by Infragistics. Ignite UI for Angular is designed to enable developers to build enterprise-ready, high-performance HTML5 & JavaScript apps for modern desktop browsers. With the use of all features, the world’s fastest Angular grid, 60+ real-time Angular charts, and more, you are empowered to engineer excellent mobile experiences and deliver progressive web apps (PWA’s) targeting Google's Angular framework. You can find source files under the src folder, including samples and tests.






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.