ngx-charts-builder - 🚀 Chart Builder for ngx-charts!

  •        329

Run npm start for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.Run npm run build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.


@angular/animations : ^4.3.6
@angular/common : ^4.3.6
@angular/compiler : ^4.3.6
@angular/core : ^4.3.6
@angular/forms : ^4.3.6
@angular/http : ^4.3.6
@angular/platform-browser : ^4.3.6
@angular/platform-browser-dynamic : ^4.3.6
@angular/router : ^4.3.6
@swimlane/ngx-charts : ^5.2.1
@swimlane/ngx-dnd : ^1.0.2
@swimlane/ngx-ui : ^18.0.6
babyparse : ^0.4.6
chroma-js : ^1.3.4
core-js : ^2.4.1
d3 : ^4.10.0
d3-selection : ^1.1.0
dragula : ^3.7.2
rxjs : ^5.4.3
svgsaver : ^0.9.0
typescript : ^2.6.0-dev.20170831
zone.js : ^0.8.4



Related Projects

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.

ngx-admin - Admin dashboard template based on Nebular framework (Angular 4+, Bootstrap 4) previously known as ng2-admin

  •    TypeScript

We will continue supporting ng2-admin version, but if you are starting from scratch we recommend using ngx-admin version. Unfortunately, there is no way to update from ng2-admin to ngx-admin, but some parts (Nebular components) could be manually included.This template is based on Nebular framework, documentation and other useful articles could be found here.

ngx-weui - weui for angular

  •    TypeScript

WeUI Components build with Angular. please refer to more details.

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.

awesome-charting - A curated list of chart and dataviz resources that developers may find useful.

  •    Javascript

A curated list of chart and dataviz resources that developers may find useful. Focused on relevant and currently active JavaScript charting libraries for different use cases. Ordered alphabetically in each category. Inspired by the Awesome thing.

ngx-formly - JavaScript powered FORMS for Angular 2.x and above

  •    TypeScript

@ngx-formly is an Angular module which has a Components to help customize and render JavaScript/JSON configured forms. The formly-form Component and the FormlyConfig service are very powerful and bring unmatched maintainability to your application's forms.Follow these steps to get started with ng-formly. Also check out our demos for further examples.

starter-kit - :package: Angular 6+ starter kit for enterprise-grade projects

  •    TypeScript

Web project starter kit including modern tools and workflow based on angular-cli, best practices from the community, a scalable base template and a good learning base. Generated using ngX-Rocket.

Highcharts - Interactive Javascript Charts

  •    Javascript

Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange and polar chart types.

ngx-echarts - An angular (ver >= 2.x) directive for ECharts (ver >= 3.x)

  •    TypeScript

ngx-echarts is an Angular (ver >= 2.x) directive for ECharts (ver >= 3.x).

generator-ngx-rocket - :rocket: Extensible Angular 6+ enterprise-grade project generator

  •    TypeScript

See generated project example here. A complete starter template: example app structure tailored for scalability, with examples and boilerplate code for every common thing needed in enterprise projects, such as unit tests, routing, authentication, HTTPS service extensions, i18n support with dynamic language change and automatic user language detection...

XCL-Charts - Android图表库(XCL-Charts is a free charting library for Android platform

  •    Java

Android图表库(XCL-Charts is a free charting library for Android platform.),基于Android Canvas来绘制各种图表,使用简便,定制灵活。目前支持3D/非3D/背向式/横向/竖向柱形图(Bar Chart)、3D/非3D饼图(Pie Chart)、堆叠图(Stacked Bar Chart)、面积图(Area Chart)、 折线图(Line Chart)、曲线图(Spline Chart)、环形图(Dount Chart)、南丁格尔玫瑰图(Rose Chart)、仪表盘(Dial Chart)、刻度盘(Gauge Chart)、雷达图(Radar Chart)、漏斗图(Funnel Chart)、圆形图(Circle Chart)、弧线比较图、散点图(Scatter Chart)、气泡图(Bubble Chart)、范围条形图(RangeBar Chart)等图表。其它特性还包括支持图表缩放、手势移动、点击响应、动画效果、多轴显示、图表参考线、混合图表及同数据源不同图表类型切换等。

ngx-schema-form - HTML form generation based on JSON Schema

  •    TypeScript

Ngx Schema Form is an Angular 2+ module allowing you to instanciate an HTML form from a JSON schema. Note: Version 1.x is compliant with Angular <=4, version 2.x is compliant with Angular >=6.

ngx-materialize - Angular wrap around Materialize library

  •    TypeScript

This library is an Angular wrap around Materialize library, a responsive CSS/JS framework that implements Material Design specifications from Google. The main purpose of this library is to simplify the usage of Materialize within the Angular framework which make it more dynamic. To illustrate this, we have Playground sections in several component demo pages.