From Sketch to Code: AI-Powered GIS Dashboards

From Sketch to Code: AI-Powered GIS Dashboards

Converting PowerPoint UI sketches to functional web applications using LLMs

This research presents a knowledge-augmented framework that leverages LLMs to automatically generate code for GIS dashboards from simple PowerPoint UI sketches.

  • Combines domain knowledge, software engineering principles, and UI design patterns
  • Uses context-aware visual prompting to interpret UI sketches accurately
  • Implements the React framework to create functional web-based GIS dashboards
  • Reduces development time and resources for environmental research applications

This innovation matters for Engineering teams by bridging the gap between quick interface prototyping and actual implementation, enabling faster development cycles for specialized GIS applications without requiring extensive programming expertise.

From PowerPoint UI Sketches to Web-Based Applications: Pattern-Driven Code Generation for GIS Dashboard Development Using Knowledge-Augmented LLMs, Context-Aware Visual Prompting, and the React Framework

147 | 323