Chart Group 5 - Sales by region with dot mapPro
A regional sales section pairing a stylised dot-grid world map, where each region is tinted by its share of revenue, with ranked horizontal bars and growth figures. Use it for international sales reporting or territory reviews.
About Chart Group 5
A regional sales section pairing a stylised dot-grid world map, where each region is tinted by its share of revenue, with ranked horizontal bars and growth figures. Use it for international sales reporting or territory reviews.
Chart Group 5 is a chart group block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 120 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- sales
- region
- map
- dot-grid
- bar
- geography
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add chart-group-05Uses: card, reveal, utils.
Usage
import ChartGroup05 from "@/components/blocks/chart-group-05"
export default function Page() {
return <ChartGroup05 />
}