This page demonstrates the GeoPlot chart type in JSPlots for geographic data visualization.
GeoPlot supports two modes:
Note: Maps require an internet connection to load tiles and boundary data from CDNs.
Marker size and color indicate population in millions. Click on markers for details. Use the filter to show cities by region.
Data: cities_data
Population in millions. Hover over states to see values. Data from 2020 US Census.
Data: states_data
GDP in trillion USD (nominal). Countries without data shown in gray. Data from IMF estimates.
Data: gdp_data
Color indicates magnitude (darker = stronger). Size indicates depth (larger = deeper). Filter by region to focus on specific areas. This is simulated data for demonstration.
Data: quake_data
This example demonstrates the difference between choices and filters: - **region (choice)**: Single-select dropdown - pick exactly ONE region at a time Compare with Example 4 which uses filters (multi-select) on the same data. Use choices when the user must select exactly one option.
Data: quake_data
Click on markers to see office details. Color intensity indicates number of employees.
Data: office_data
Use the Overlay dropdown to switch between Population, Area, and GDP per Capita. This demonstrates how to provide multiple data columns that users can switch between.
Data: country_stats_data