github.com/EdwinChua/NeurasilCharts ↗
An animated time-lapse of how EdwinChua/NeurasilCharts was built, commit by commit.
Open this visualization on its own page →
Contributors
3
Lines of Code
652
From
2020-03-10
To
2022-08-22
About EdwinChua/NeurasilCharts
Neurasil Charts is an Angular 19 wrapper library for Chart.js 4 that simplifies charting functionality within Angular applications. The library provides utilities beyond basic charting, including the ability to flip rows and columns of datasets and perform pareto analysis. Users are expected to have familiarity with Chart.js concepts like datasets and labels, as the documentation assumes this baseline knowledge.
The library accepts datasets in a specific format where the first string field serves as a label and subsequent fields represent dataset-value pairs. It supports rendering multiple charts on a single view, as demonstrated by screenshots showing layouts of one, two, three, six, and nine charts. The library also includes interactive features such as click event handling for data points and a point selection system with potential plans for multiselect functionality and visual selection feedback.
The project is structured as both a reusable library component and a demo application built with Angular. Developers can use the library in their own Angular components and have access to Chart.js plugin integration capabilities. The repository includes a batch script for building the library, with build output that feeds into the demo app for testing and development purposes.