design-infraReport a problem or share feedback← Catalog
Frappe Charts · Bar chart
curatedfreefrappe-charts/bar
Category bars using the axis-chart API.
recipeMinimalTrustworthy
$
pnpm add frappe-chartsnpm deps: frappe-charts
Our notes
Integration recipe: the command installs the library, not a standalone finished component. Adapt the linked upstream API/example to your data and brand. Use a real browser container and follow the current ESM/CSS instructions. The chart package does not require the Frappe application framework. Heatmaps have a different data contract from axis charts. Check maintenance and browser behavior in the target project; dispose DOM/listeners on unmount. Upstream: https://github.com/frappe/charts. License: MIT. Package metadata: frappe-charts@1.6.2. Runtime integration is not verified by this metadata sync.- Source
- Frappe Charts
- Kind
- component
- Categories
- chart
- Use as
- recipe — technique you apply to your own markup
- Applies to
- chart
- Motion
- not tagged (static or unknown)
- Tags
- data-visualization, visualization-reference, svg, integration-recipe, bar
- Licence
- MIT; preserve the upstream license and notices. See source-specific terms below.
- Live demo
- frappe.io
- Docs
- frappe.io
Similar
Compare all 4 →- Frappe Charts · Line chartfrappe-charts/lineIntegration recipe: the command installs the library, not a standalone finished component. Adapt the linked upstream API/example to your data and brand. Use a real browser container and follow the current ESM/CSS instructions. The chart package does not require the Frappe application framework. Heatmaps have a different data contract from axis charts. Check maintenance and browser behavior in the target project; dispose DOM/listeners on unmount. Upstream: https://github.com/frappe/charts. License: MIT. Package metadata: frappe-charts@1.6.2. Runtime integration is not verified by this metadata sync.
- Chartist · Area chartchartist/areaIntegration recipe: the command installs the library, not a standalone finished component. Adapt the linked upstream API/example to your data and brand. Dual licensed; use the MIT option and preserve its notice. Import Chartist CSS and theme its generated SVG classes. Modern Chartist APIs differ from older global Chartist examples. Detach instances/listeners on unmount. This does not install a framework-specific wrapper. Upstream: https://github.com/chartist-js/chartist. License: MIT OR WTFPL. Package metadata: chartist@2.1.0. Runtime integration is not verified by this metadata sync.
- Chartist · Line chartchartist/lineIntegration recipe: the command installs the library, not a standalone finished component. Adapt the linked upstream API/example to your data and brand. Dual licensed; use the MIT option and preserve its notice. Import Chartist CSS and theme its generated SVG classes. Modern Chartist APIs differ from older global Chartist examples. Detach instances/listeners on unmount. This does not install a framework-specific wrapper. Upstream: https://github.com/chartist-js/chartist. License: MIT OR WTFPL. Package metadata: chartist@2.1.0. Runtime integration is not verified by this metadata sync.