Visualize population density

Use a variable binding expression to calculate and display population density.

In this example, we use the population and area variables to create a choropleth map that visually represents the population density.







  

      
        
          
          How to create a choropleth Map from GeoJSON
        
        
Choropleth GeoJSON

        Example
        
This tutorial shows how to add a styled GeoJSON overlay to the map, display a popup on click, and create a map legend.

      
    
   
  

      
        
          
          Polygon layer (polygon helper)
        
        
Polygon layer (polygon helper)

        Example
        
This example shows how to add a polygon layer to the map using the polygon layer helper.

      
    
   
  

      
        
          
          Interactive choropleth map
        
        
Interactive choropleth map

        Example
        
Use events and feature states to create a interactive choropleth map.

      
    
   
  

      
        
          
          Show polygon data from GeoJSON on the map
        
        
GeoJSON polygon layer

        Example
        
This tutorial shows how to add a GeoJSON polygon overlay to the map.

      
    
   
  



      
      

      
        An extension of MapLibre GL JS
       
      

      
    

    

        


  
    
  





        
        

        
          
            
          
        
          
            
          
        
          
             
            

                
                  
Module Usage

                  
                
            

            
          
        
          
             
            

                
                  
Module Reference