Skip to main content

🎨 Map Data Visualization

📷 Screenshot Placeholder

Image: garbage-map-visualization.png

The Data Visualization feature allows users to transform billing point data into meaningful map views.

Instead of only displaying billing point locations, MapBilling allows users to visualize billing points based on their information and attributes.

Users can answer questions like:

  • Which areas have the most active billing points?
  • Which customers have outstanding balances?
  • Which sub-zones have the most missed collections?

How Visualization Works

The visualization workflow starts from the map navigation.

Select Data Layer

        ↓

Open Visualize Panel

        ↓

Choose Visualization Method

        ↓

Select Attribute

        ↓

Apply Style

        ↓

Map Updates Automatically

Opening Visualization

Users can start visualization by selecting Garbage Billing Points from the left navigation.

Select:

Billing Points

The visualization option becomes available.

Visualization Panel

📷 Screenshot Placeholder

Image: garbage-visualization-panel.png

A side panel opens containing visualization controls.

The panel allows users to configure:

  • Visualization method
  • Billing point attribute
  • Map layers
  • Labels
  • Display options

Visualization Methods

MapBilling supports multiple visualization styles.

1. Categories

Categorize billing points based on attribute values.

Useful for showing different groups.

Example:

Attribute:

Status

Visualization:

🟢 Active

🟡 Suspended

🔴 Disconnected

Result:

Users can immediately identify billing point status on the map.

2. Size

Change marker size based on a numeric value.

Useful for comparing quantities.

Example:

Attribute:

Outstanding Balance

Visualization:

Small Circle
=
Low Balance

Large Circle
=
High Balance

Billing points with larger balances become visually larger on the map.

3. Gradient

Use colour intensity to represent values.

Useful for continuous data.

Example:

Outstanding Balance

Low
 ↓
High

Map:

Light Colour
       ↓
Dark Colour

4. Labels

Display important information directly on the map.

Examples:

Billing points:

Jack Tembo

Account numbers:

ACC-00234

Labels can be combined with other visualizations.

Example:

Large Red Circle

+

Label:
Jack Tembo

Combining Visualizations

Multiple visualization methods can work together.

Example:

Billing Point Analysis​

Category:

Status

↓

Colour:

Green = Active
Red = Suspended

Size:

Outstanding Balance

Label:

Customer Name

Result:

     Jack Tembo
        🔴
      Large

Layer Management

The visualization panel also contains layers.

Users can control what appears on the map.

Example:

Map Layers

☑ Billing Points

☑ Customers

Users can:

  • Turn layers on.
  • Turn layers off.
  • Compare different datasets.
  • Focus on specific operations.

Example Use Cases

Identify High Balance Areas​

Layer:

Billing Points

Visualization:

Gradient

Attribute:
Outstanding Balance

Result:

Low Balance

        ↓

High Balance

Find Suspended Accounts​

Layer:

Billing Points

Visualization:

Category

Attribute:
Status

Result:

🔴 Suspended billing points displayed

Expected Behaviour

The system should:

✅ Load available billing point attributes.

✅ Allow users to select visualization methods.

✅ Update the map instantly.

✅ Maintain active layers.

Related Pages

  • Operations Map
  • Garbage Billing Points
  • Garbage History
  • Reports