frappe / charts
Simple, responsive, modern SVG Charts with zero dependencies
AI Architecture Analysis
This repository is indexed by RepoMind. By analyzing frappe/charts in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.
Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context on-demand, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.
Repository Overview (README excerpt)
Crawler viewFrappe Charts **GitHub-inspired modern, intuitive and responsive charts with zero dependencies** Explore Demos - Edit at CodeSandbox - Documentation Frappe Charts Frappe Charts is a simple charting library with a focus on a simple API. The design is inspired by various charts you see on GitHub. Motivation ERPNext needed a simple sales history graph for its user company master to help users track sales. While using c3.js for reports, the library didn’t align well with our product’s classic design. Existing JS libraries were either too complex or rigid in their structure and behavior. To address this, I decided to create a library for translating value pairs into relative shapes or positions, focusing on simplicity. Key Features • **Variety of chart types**: Frappe Charts supports various chart types, including Axis Charts, Area and Trends, Bar, Line, Pie, Percentage, Mixed Axis, and Heatmap. • **Annotations and tooltips**: Charts can be annotated with x and y markers, regions, and tooltips for enhanced data context and clarity. • **Dynamic data handling**: Add, remove, or update individual data points in place, or refresh the entire dataset to reflect changes. • **Customizable configurations**: Flexible options like colors, animations, and custom titles allow for a highly personalized chart experience. Usage Import in your project: Or directly include script in your HTML Contributing • Clone this repo. • into project directory • • (*optional --> might be required for some developers*) • Links • Read the blog