# Charts & Maps components

> 6 Charts & Maps components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: ChartContainer, SegmentBar, Graph view, Heatmap, Map Monitor, MapView.

Source: https://docs.nasaqui.com/components/groups/charts

- [ChartContainer](https://docs.nasaqui.com/components/chart): Themed Recharts wrapper (shadcn style) with token colours, a Nasaq-formatted tooltip and legend, RTL axis helpers, plus tiny Sparkline and MiniBar for table cells and cards.
- [SegmentBar](https://docs.nasaqui.com/components/chart-extras): Small charts that Recharts does not give you, a proportion bar with a legend of values, a progress ring, a centred funnel with step conversion and a table-row trend cell with a sparkline or mini bar.
- [Graph view](https://docs.nasaqui.com/components/graph-view): One knowledge graph in four views, a live force-directed graph with draggable shaped nodes, a schema of columns with connectors, a card grid and a sortable list, with shared search, type filters and a node inspector.
- [Heatmap](https://docs.nasaqui.com/components/heatmap): GitHub-style contribution grid. One cell per day, one column per week, five intensity levels of a token colour, a tooltip per day and a legend. Time runs right to left in RTL.
- [Map Monitor](https://docs.nasaqui.com/components/map-monitor): A map for watching live events. Region presets jump between places, a time-range filter narrows to recent events, and an alerts panel lists them by severity in step with the pins.
- [MapView](https://docs.nasaqui.com/components/map-view): A map of pins and routes without a map library, with layer toggles, a legend, zoom and pan by drag, wheel, buttons or keyboard, a location card and pin clustering; tiles come from a URL template you provide, and without one it draws a coordinate grid.