britecharts/britecharts

Britecharts is a JavaScript library that makes it easier to add interactive charts to a website. It is built on top of D3.js, a lower-level tool for drawing data visualizations in the browser. Rather than writing D3.js code from scratch, which can be complex and verbose, developers use Britecharts to create bar charts, line charts, donut charts, scatter plots, sparklines, and more, with far less code. The library follows a reusable API pattern, meaning each chart type is configured through method calls like .width().height(), and .margin(), along with chart-specific options. You give it a dataset, call the chart function on a container element, and the chart renders. This keeps chart code consistent across a project and makes it straightforward to reuse the same setup in multiple places. Britecharts can be installed via npm or yarn, or loaded directly from a CDN without a build step. The library distributes both UMD modules and ES modules. A companion CSS file handles the default visual styles, and you can override those with your own to change colors and sizing. If you use React, there is a separate @britecharts/react package that wraps the core components. Angular users have ngx-britecharts. A @britecharts/wrappers package covers other frameworks. The core library is framework-agnostic and works with plain JavaScript. The chart types available include bar, stacked bar, grouped bar, line, stacked area, donut, bullet, brush, scatter plot, sparkline, and step charts, along with tooltip and legend components. All components are written using ES2016 and covered by automated tests. The project is licensed under Apache 2.0.