Beautiful Charts
Data visualizations don't need to be ugly! Pioneer Charts comes with a beautiful default theme, which you can customize to suit your needs.
Open Source
Pioneer Charts is developed and maintained in the open on GitHub. Have a feature request or found a bug? Contributions are welcome!
Charts made simple
Pioneer Charts is an open-source Angular chart library built on D3. Add a bar, line, area, scatter plot, pie, donut, dot plot or proximity chart to your Angular app as a standalone component, hand it your data, and get a responsive, themeable and accessible chart with minimal effort.
Area chart
Three series of snack calories; hover for the crosshair.
Angular chart types
- Bar Chart Vertical and horizontal - single, grouped and stacked, with thresholds.
- Line Chart Series over time or any scale, with zoom and hover effects.
- Area Chart Filled series with zoom, point images and ranges.
- Plot Chart A scatter plot that fans out overlapping points.
- Pie Chart Animated slices, each one clickable.
- Donut Chart A ring with a total or any label in its center.
- Dot Plot Chart Values stacked into columns along one axis.
- Proximity Chart One item in the middle, its closest matches around it.
- Legend Show a chart's series and react to clicks.
Standing on the shoulders of giants
Pioneer Charts utilizes Angular as its delivery method: if you are familiar with Angular then you are familiar with how the charts inside of Pioneer Charts are added to your project!
Charts are built with the popular data-driven document manipulation library, D3. This allows us to provide rich data visualizations that are powerful, web-standard compliant, and easy to maintain.





