
Why I'm Building Angular Charts
React has Tremor ; Nuxt has Nuxt Charts and now Angular has Angular Charts ( angular-chrts ). Itβs a high-performance, Signals-powered visualization library built on Unovis and optimized for Angular Material . Why Angular Charts? π Signals-Powered: Fine-grained reactivity for modern Angular. π¨ Beautiful by Default: Polished, production-ready UI out of the box. π Versatile: Support for Bar, Line, Area, Donut, Bubble, and Gantt charts. π Native Feel: Declarative components, OnPush ready, and CSS-variable driven. Take a look at: https://angularcharts.com/ Quick Start 1. Install pnpm add angular-chrts @unovis/angular @unovis/ts 2. Implement import { BarChartComponent } from ' angular-chrts ' ; @ Component ({ standalone : true , imports : [ BarChartComponent ], template : ` <ngx-bar-chart [data]="chartData" [categories]="categories" xLabel="Month" yLabel="Revenue ($)" />` }) export class AppComponent { chartData = [{ month : ' Jan ' , revenue : 4500 }, { month : ' Feb ' , revenue : 5200 }];
Continue reading on Dev.to
Opens in a new tab




