WebgeoDa Scaffolding
More Maps. Fewer Platforms.
1.0.0
1.0.0
  • About Webgeoda Scaffolding
  • Data Concepts
  • Getting Started
  • Libraries and Dependencies
  • File Structure Overview
  • Data
    • Importing Data
    • Accessing Exernal Data
    • Making an API
  • Variables
    • Overview
    • Continuous
    • Categorical
    • LISA
    • Colors
    • Variable Specification
  • Static Pages
    • Adding and Customizing Pages
    • Styling and CSS Modules
  • Map Customization
    • Changing the Background Map Tiles
    • Visualization Modes
    • Change Tooltip and Data Sidebar Information
    • Modifying Layers
  • Widgets
    • Data Exploration Widgets
    • Widget Layouts
  • Deploying
    • Netlify
    • Vercel
    • Github Pages (or elsewhere)
  • Advanced
    • jsGeoDa
    • Next.JS
    • Alternate Map Views
    • Binary Data Formats
Powered by GitBook
On this page

Was this helpful?

  1. Variables

Overview

PreviousMaking an APINextContinuous

Last updated 3 years ago

Was this helpful?

Calculating variables on-the-fly is possible with a variety of simple descriptors to derive new fields or use pre-processed data. There are three variable types:

  • Continuous: Numeric variables on a continuous scale, such as population density or access to internet

  • Categorical: Ordinal variables with fixed categories for each geography, such as electricity infrastructure, vulnerability category, or any dummy variables.

  • LISA: Local Indicator of Spatial Autocorrelation statistics, which identify significant hotspots, coldspots, and neighboring geographies.

In map-config.js in the project root folder, you'll see variables where you can define your variables.

const variables = [
    {
        variable: "Median age",
        numerator: 'Median age',
        binning: 'naturalBreaks',
        numberOfBins:7,
        colorScale: colors.colorbrewer.Purples
    }
    ...
]

In this example, we make a variable called Median Age that uses the column Median Age from our GeoJSON. It uses the natural breaks binning strategy (more on binning ), with 7 bins, and uses the purples color scheme.

You can declare multiple variables, which will appear in the drop down menu on the left side of the map Each variable can be dynamically binned, or provided with a fixed color scheme. You can use time-series data, single columns, or categorical data.

See the for more information.

Available Color Scales

Currently, all scales are included. Most support 3-9 bins. See more

here
ColorBrewer
full variable specification
ColorBrewer
here