In this chapter, we will cover the ways to create visual charts with PrimeNG's extensive charting features and maps based on Google Maps. PrimeNG offers basic and advanced charting with its easy-to-use and user-friendly charting infrastructure. Besides standard charts, there is a special kind of chart for visualizing the hierarchical organization data. Throughout the chapter, mapping abilities such as drawing polylines, polygons, handling markers, and events will be explained as well.

In this chapter, we will cover the following topics:

• Working with the chart model
• Data representation with line and bar charts
• Data representation with pie and doughnut charts
• Data representation with radar and polar area charts
• Drawing an organization chart for relationship hierarchy
• Basic integration with the Google Map API
• Various use cases with the GMap component