DataTruth Demo Images

This folder contains screenshots and images showcasing DataTruth’s features and capabilities.

📸 Image Catalog

Setup & Onboarding

Welcome-Setup.png

Initial welcome screen for new installations

  • Used in: README.md, SAAS_DEPLOYMENT.md
  • Shows: Welcome message and setup wizard start

Welcome-Setup-LLM_Model_selection.png

LLM model selection during setup

  • Used in: SAAS_DEPLOYMENT.md
  • Shows: OpenAI GPT-4, Azure OpenAI configuration options

Welcome-Setup-Select-Internal_DB.png

Internal database configuration

  • Used in: SAAS_DEPLOYMENT.md
  • Shows: PostgreSQL configuration for DataTruth internal database

Welcome-Setup-Select-Client-Own-DB.png

Client database connection setup

  • Used in: SAAS_DEPLOYMENT.md, DATABASE_CHOICE_FEATURE.md
  • Shows: Connection form for customer’s own database

Authentication

Login-Page.png

Login screen

  • Used in: USER_MANAGEMENT.md
  • Shows: Email/password authentication form

LandingPage.png

Main landing page after login

  • Used in: README.md, docs/README.md
  • Shows: Dashboard overview with quick actions

Core Features

Search_Ask_with_LLM-Generated-Examples-to-query-client-db.png

Natural language query interface

  • Used in: README.md, docs/README.md, SEARCH_AND_ASK_FEATURE.md
  • Shows:
    • Search bar with AI-powered autocomplete
    • Example questions generated by LLM
    • Quick query suggestions

Query_Response_Chatbased-Realtime-query.png

Real-time chat-based query interface

  • Used in: README.md, docs/README.md, SEARCH_AND_ASK_FEATURE.md
  • Shows:
    • Chat conversation flow
    • Query results with data tables
    • Follow-up question capabilities

Charts-for-Query_Response.png

Data visualization and charts

  • Used in: CHART_VISUALIZATION.md
  • Shows:
    • Auto-generated visualizations
    • Bar charts, line charts, pie charts
    • Export and sharing options

Data Management

Schema-Explorer-and-LLM-AI-Based-GenerateDescription-for-Client-DB.png

Schema explorer with AI descriptions

  • Used in: DATABASE_CHOICE_FEATURE.md, SEMANTIC_LAYER.md
  • Shows:
    • Database table listing
    • Column details
    • AI-generated field descriptions
    • Foreign key relationships

SemanticLayer-for-adding-calculated-data-metrics.png

Semantic layer configuration

  • Used in: README.md, docs/README.md, SEMANTIC_LAYER.md, CALCULATED_METRICS_UI.md
  • Shows:
    • Custom metric creation
    • Business-friendly field names
    • Calculation formulas
    • Aggregation rules

Data Quality & Insights

Client-Data-Quality-Check-Statistics.png

Data quality dashboard

  • Used in: README.md, docs/README.md
  • Shows:
    • 6-dimensional quality scores:
      • Freshness
      • Completeness
      • Accuracy
      • Consistency
      • Validity
      • Uniqueness
    • Historical trends
    • Issue detection and alerts

RoleBase-DataInsights-Analyst.png

Analyst role data insights

  • Used in: README.md, docs/README.md, INSIGHTS_IMPLEMENTATION.md, USER_MANAGEMENT.md
  • Shows:
    • Deep-dive analytics
    • Custom queries and reports
    • Detailed data exploration
    • Export capabilities

RoleBase-DataInsight-ED.png

Executive Director role insights

  • Used in: INSIGHTS_IMPLEMENTATION.md, USER_MANAGEMENT.md
  • Shows:
    • High-level KPI dashboard
    • Executive summary view
    • Trend analysis
    • Strategic metrics

Administration

Admin-Settings-Page.png

Admin settings overview

  • Used in: USER_MANAGEMENT.md, SAAS_DEPLOYMENT.md
  • Shows:
    • System configuration options
    • Platform settings
    • Integration settings

Admin-Settings.png

Detailed admin settings

  • Used in: USER_MANAGEMENT.md
  • Shows:
    • Advanced configuration
    • Security settings
    • Performance tuning

Admin-User-Management.png

User management interface

  • Used in: README.md, docs/README.md, USER_MANAGEMENT.md
  • Shows:
    • User list with roles
    • Add/edit/delete users
    • Role assignment
    • Activity status
    • Last login tracking

Admin-Connection-Manager-for-ClientDB.png

Database connection management

  • Used in: README.md, docs/README.md, DATABASE_CHOICE_FEATURE.md
  • Shows:
    • Connected databases list
    • Add new connection
    • Test connection feature
    • Connection status indicators

Advanced Features

FuzzyMatching_pattern.png

Fuzzy matching demonstration

  • Used in: SEARCH_AND_ASK_FEATURE.md, INTELLIGENT_SUGGESTIONS.md
  • Shows:
    • Typo tolerance examples
    • Phonetic matching
    • Abbreviation expansion
    • Match confidence scores

🎨 Image Guidelines

Creating New Screenshots

Resolution: 1920x1080 or higher Format: PNG (lossless) File Size: Keep under 1MB when possible Naming Convention: Use descriptive kebab-case names

Best Practices:

  • Use consistent browser window size
  • Hide sensitive data (real customer names, emails, etc.)
  • Use demo data that looks realistic but is clearly fake
  • Capture full context (don’t crop too tightly)
  • Ensure good lighting and contrast
  • Use consistent UI state (same user, theme, etc.)

Updating Existing Screenshots

When updating a screenshot:

  1. Use the same filename to maintain references
  2. Keep the same resolution if possible
  3. Match the previous composition and framing
  4. Update documentation if the feature changed significantly
  5. Test all links in markdown files after updating

📁 File Organization 

demo-img/
├── README.md (this file)
├── Setup & Onboarding/
│   ├── Welcome-Setup.png
│   ├── Welcome-Setup-LLM_Model_selection.png
│   ├── Welcome-Setup-Select-Internal_DB.png
│   └── Welcome-Setup-Select-Client-Own-DB.png
├── Authentication/
│   ├── Login-Page.png
│   └── LandingPage.png
├── Core Features/
│   ├── Search_Ask_with_LLM-Generated-Examples-to-query-client-db.png
│   ├── Query_Response_Chatbased-Realtime-query.png
│   └── Charts-for-Query_Response.png
├── Data Management/
│   ├── Schema-Explorer-and-LLM-AI-Based-GenerateDescription-for-Client-DB.png
│   └── SemanticLayer-for-adding-calculated-data-metrics.png
├── Insights & Quality/
│   ├── Client-Data-Quality-Check-Statistics.png
│   ├── RoleBase-DataInsights-Analyst.png
│   └── RoleBase-DataInsight-ED.png
├── Administration/
│   ├── Admin-Settings-Page.png
│   ├── Admin-Settings.png
│   ├── Admin-User-Management.png
│   └── Admin-Connection-Manager-for-ClientDB.png
└── Advanced Features/
    └── FuzzyMatching_pattern.png

🔗 Usage in Documentation

Markdown Syntax 

![Alt text](demo-img/filename.png)

<p align="center">
  <img src="demo-img/filename.png" alt="Feature Name" width="800"/>
  <br/>
  <em>Caption describing the feature</em>
</p>

Responsive Image 

![Feature Name](demo-img/filename.png)
*Feature description and key capabilities*

📊 Image Usage Statistics

Total Images: 21 Total Size: ~5.4 MB Used in README.md: 8 images Used in docs/: 15+ references across multiple files

🔄 Maintenance

Last Updated: December 31, 2025 Next Review: Quarterly or when major features are released

To Update:

  1. Take new screenshots following the guidelines above
  2. Replace old files or add new ones
  3. Update this README.md with new descriptions
  4. Update references in all documentation files
  5. Commit with descriptive message: “docs: update demo images for [feature]”

📞 Contact

For questions about demo images or to request new screenshots:

  • Open an issue on GitHub
  • Contact the documentation team
  • Submit a PR with updated images

This documentation helps maintain consistency and quality across all DataTruth marketing and product materials.

Back to top

DataTruth © 2025. Built with ♥ using FastAPI, React, and OpenAI.