NewChart JSZero-dependency charting for business apps

SVG & Canvas rendering, ERP-grade components, config-driven API

Get Started

Components

Live Demo

Zero Dependencies

Pure vanilla JavaScript — no frameworks, no bloat. Drop it into any project.

SVG + Canvas

Automatic renderer selection based on dataset size. SVG for crisp visuals, Canvas for 10,000+ data points.

ERP-Grade

Reference lines, data tables, KPI cards, sparklines — built for dashboards, not demos.

Config-Driven

Declarative config object with reactive updates. Theme with CSS custom properties or JS config.

Quick Example

html

<div id="chart" style="width: 600px; height: 400px;"></div>
<script src="dist/newchart.min.js"></script>
<script>
  const chart = NewChart.create('#chart', {
    type: 'bar',
    data: {
      labels: ['Jan', 'Feb', 'Mar', 'Apr'],
      datasets: [{
        label: 'Revenue',
        values: [12000, 19000, 15000, 22000]
      }]
    }
  });
</script>