IndependentRegionMap is a reusable OutSystems visualization component that renders non-contiguous cartograms using js. Instead of emphasizing geographic area, this component focuses entirely on the value associated with each region, making data comparison accurate, fair, and visually meaningful.
Each region is displayed independently while preserving its recognizable shape, ensuring that visual importance depends on the data value of the region—not its physical size.
Traditional geographic maps emphasize area, which can be misleading:
Large regions dominate the visualization
Smaller regions are visually ignored
Data comparison becomes biased
IndependentRegionMap changes the focus from area to value.
Regions gain importance based on their associated metric
Small regions with high values stand out clearly
Large regions with low values no longer dominate
Enables true data-driven comparison
This makes the component ideal for analytical dashboards and decision-making tools.
Value-based state or region comparisons
Sales, revenue, or performance by territory
Population, density, or demographic analysis
Election results and voting distributions
Business KPIs across regions
Operational and coverage analytics
Eliminates complex custom D3 implementations
Shifts visualization logic from geography to data
Improves dashboard clarity and insight
Reusable and enterprise-friendly
Accelerates development of analytics screens