User Guide

Dashboard Overview

The Village Digital Inclusion Index Dashboard provides a comprehensive view of digital readiness across Rural India at multiple levels : State → District → Village.

Understanding the Framework

On the home page, you'll find three clickable cards showing the framework structure:

• 3 Indices: Click to see the three main composite scores (Overall VDII, Supply Side, Demand Side)
• 6 Dimensions: Click to explore the six dimensions across supply and demand sides
• 22 Indicators: Click to view all underlying indicators with their IDs (S1-S6, D1-D16)

Each card opens a hierarchical view showing the complete framework. The view automatically expands to show relevant details based on which card you clicked. You can manually expand/collapse sections to explore the structure.

Key Features

• Interactive Maps: Click on regions to explore sub-regions
• Color-Coded Scoring: Visual representation of performance metrics
• Sortable Rankings: Compare regions across different indicators
• Data Export: Download reports in PDF format
• Search Functionality: Quickly find specific regions

Breadcrumb Navigation & Back Button

The breadcrumb trail shows your navigation path at the top. Below it, you'll see a back button (←) alongside the current region name.

• Breadcrumb: Shows the full path (e.g., India / Haryana)
• Back Button: Click the blue back button (←) to go up one level
• Visual Feedback: The back button will lighten when you hover and darken when you click, confirming your action on mobile

View Modes

• Rankings View: Table view with sortable columns
• Map View: Interactive geographical visualization
• Chart View: Graphical comparison of metrics

Switch between views using the tabs on mobile or see them side-by-side on desktop.

Drill-Down Navigation

1. Start at the Country level (all states)
2. Click a state on the map or in the rankings to view its Districts
3. Click a district to view its Villages
4. Click a village to view its detailed Fact Sheet

Map and Table Interaction

The rankings table and map are synchronized to help you easily locate and compare regions:

• Click Table Row: Highlights the corresponding region on the map
• Click Map Region: Automatically highlights and scrolls the corresponding row into the center of the table view
• Auto-Scroll: When you click a region on the map, the table automatically scrolls to show that row
• Multiple Tabs: Each region name is a hyperlink - use Ctrl+click (Cmd+click on Mac) to open multiple regions in separate browser tabs for side-by-side comparison

Selecting Regions

1. Hover: Move your mouse over a region to highlight it and see its name
2. First Click: Click once to select the region (it will turn blue with a stronger shadow)
3. Second Click or "Go" Button: Click again or use the "Go" button to navigate into that region
4. Clear Selection: Click the "Clear" button to deselect

Color Coding and "Show District Ranking" Toggle

Why Pentiles? Using pentiles instead of absolute score ranges allows for better comparison between regions. A region's color shows how it ranks relative to others, making it easier to identify which regions need attention regardless of the overall score distribution.

Note: While colors are based on pentiles (rankings), the actual scores (0-100) are still displayed in tables, cards, and charts for precise comparison.

Changing Score Metrics

Use the hierarchical metric picker at the top to change which score is displayed on the map, in the chart, or used for rankings. The metric picker is available across all tabs:

• Overall VDII - Overall digital readiness score
• Supply Side - Overall of Coverage, Confidence, and Competition
  • Coverage (3 indicators) - Network and infrastructure coverage
  • Confidence (1 indicator) - Service reliability
  • Competition (2 indicators) - Market competition and options
• Demand Side - Overall of Convenience, Capability, and Consumption
  • Convenience (7 indicators) - Ease of access to services
  • Capability (4 indicators) - Digital skills and literacy
  • Consumption (5 indicators) - Usage patterns and adoption

Sorting Columns

Click any column header to sort the table. Click again to reverse the sort order.

Rank Column

Shows the position of each region based on the Overall Score. Lower rank number = better performance.

Score Display Cards

At the top of each dashboard page (except country level), you'll see score cards with:

• Animated Doughnut Charts: Visual representation of each score (0-100%)
• Color-Coded Backgrounds: Cards change color based on performance pentiles (P1-P5)
• Overall, Supply, and Demand Scores: Three key composite metrics
• Corresponding Rankings: Position among peer regions

Metric Hierarchy

The Overall VDII (Village Digital Infrastructure Index) is derived from two main components: Supply Side and Demand Side, each comprising three dimensions.

Supply Side Dimensions & Indicators

Demand Side Dimensions & Indicators

Interpreting Scores and Colors

Scores: Range from 0-100 representing absolute performance on each metric.

Colors: Based on pentiles (P1-P5), showing relative performance using a universal color scheme:

• P5 (Top 20%): Teal - Highest performing regions in the group
• P4 (60-80%): Light Green - Above average performance
• P3 (40-60%): Yellow - Middle 20%, average performance
• P2 (20-40%): Orange - Below average, needs attention
• P1 (Bottom 20%): Red - Lowest performing, urgent improvements needed

Universal Color Scheme: The same Red → Orange → Yellow → Green → Teal color scale applies to ALL metrics (Overall VDII, Supply Side, Demand Side, and all dimensions). This consistent approach makes it easy to compare performance across different metrics. See section 3 above for the complete color guide.

Independent Rankings

Each of the 9 metrics (Overall, Supply, Demand, and 6 dimensions) has its own independent rank. A region may rank differently across metrics - for example, high in Coverage but lower in Consumption.

Search Box

Use the search box in the rankings table to quickly find specific regions by name:

• Type any part of a region name to filter the table in real-time
• The table instantly shows only matching regions
• All matching results are displayed in a scrollable view
• Click the × button to clear your search and see all regions again

Chart Filtering

In the Chart view, you can filter data to focus on specific regions:

• All: Show all regions (respects table sorting)
• Top N: Display only the top N performers (use slider to adjust, default: 10)
• Bottom N: Display only regions needing attention (use slider to adjust)

The dashboard remembers your top and bottom counts separately, so switching between filters maintains your preferred view.

Village Fact Sheets

When viewing a village (the lowest level), you can:

1. Click on a village to open its detailed fact sheet
2. Review the hierarchy (State > District > Village) at the top
3. View all 7 metric scores: Overall, Coverage, Confidence, Competition, Convenience, Capability, and Consumption
4. See demographic and infrastructure details
5. Use the "Share" button to share the fact sheet PDF directly via your device's native share options (WhatsApp, email, etc.)
6. Or use the "Download PDF" button to save the fact sheet to your device
7. The PDF includes all scores, hierarchy, and key information with color-coded dimensions

Navigation Tips

• Use breadcrumbs to quickly navigate back to parent levels
• The URL updates as you navigate, so you can bookmark specific regions
• Use the back button on the statistics panel to move up one level

Analysis Tips

• Compare regions side-by-side using the rankings table
• Toggle between different pillars on the map to identify specific strengths/weaknesses
• Sort by different columns to find top and bottom performers
• Look for patterns - regions with similar geography often have similar scores

Performance Tips

• The app caches data for faster loading on subsequent visits
• If data seems outdated, refresh your browser
• Maps may take a moment to load for states with many districts

Mobile Usage

• Swipe between tabs to switch views (Rankings, Map, Chart)
• The metric picker appears at the top for easy access - click to expand and see Supply/Demand categories
• The breadcrumb/score cards section is sticky at the top while scrolling
• The color legend appears at the bottom in Map view
• Tap once to select a region, tap the "Go" button to navigate
• Score cards can be collapsed/expanded using the Hide/Show button
• Visual Feedback: All interactive buttons (Back, Go, Share, etc.) show clear visual feedback when tapped on mobile - they change color to confirm your action

Why can't I see a map for some regions?

Maps are available for country, state, and district levels. At the village level (the lowest), there is no map view - instead, you can view detailed fact sheets.

Why are only some states clickable?

Currently, only Haryana state data is available for exploration. Other states show "Coming Soon" and will be enabled as their data becomes available. Check back for updates.

Why are some areas shown in gray on the map?

This study focuses exclusively on rural areas and villages. Any areas not covered by the study are displayed in gray on the map. This primarily includes urban areas, which are not part of the Village Digital Inclusion Index assessment. Only rural regions have data and scoring available.

Why does a region with a good score have a light/tan color?

Colors are based on pentiles (relative rankings), not absolute scores. A region might have a score of 70 but be colored in the lightest shade (P1 - tan-tinted) if it's in the bottom 20% compared to its peers. This helps identify regions that are underperforming relative to others, which is useful for targeted interventions. The darker the shade, the better the relative performance - with the darkest shades representing the top 20% performers (P5).

How often is the data updated?

Data is fetched fresh from the source each time you load the dashboard. The underlying dataset is updated periodically based on new survey data and metrics.

Can I compare multiple regions at once?

Yes! You can compare regions within the same parent level using the rankings table. Sort by different columns to identify top and bottom performers across different metrics. Use the Chart view's filtering options to focus on specific groups (top/bottom performers). For direct side-by-side comparison, use Ctrl+click (Cmd+click on Mac) on region names in the rankings table to open multiple regions in separate browser tabs.

How do I open a village factsheet?

There are two ways: (1) Click the village name in the rankings table, or (2) Click the village on the map twice (once to select, again to open). The factsheet opens as a popup modal with Share and Download buttons for PDF export.

How do I share a village factsheet?

Open the village factsheet and click the "Share" button at the top. On supported devices (most mobile phones and tablets), this will open your device's native share menu, allowing you to send the PDF via WhatsApp, email, messaging apps, or other installed applications. If your device doesn't support native sharing (like most desktop browsers), the PDF will be downloaded automatically instead.

What should I do if I encounter an error?

Try refreshing the page first. If the error persists, it may be due to connectivity issues or temporary unavailability of map data. The dashboard will display available information even when some data is missing.