Multi Level Design

UI (HTML/JavaScript)

• Map Viewer

• Holds rendering of SVG image for user to see
• If set, automatically update image when it is new
• Plots city points and titles (map overlay)

• User Controls

• Zoom
• Map-by-Date
• Refresh

Web Server (Python)

• Router

• Listens and responds to incoming HTTP requests
• Calls other components to handle requests

• Crisper

• Keeps data fresh
• Runs as separate thread
• Requests new data from weather service as often as it is available
• Keeps most recent image in memory so when it is requested it is available

• File Cabinet

• Persists images after creation
• Reduces requests to 3rd party services
• Improves speed when accessing previously-built images

Image Processor (ACL2)

• Image Processor

• Interprets SVG (Scalable Vector Graphics)
• Produces attributes/fields required for new image

• GPS Interpreter

• Accepts GPS coordinates and locates them within a limited-view map
• Plots them within an SVG image

• Colorizer

• Determines what colors are necessary for which fields
• Temperature -> Color mapping

• Voronoi Diagram

• Creates a voronoi diagram based on the input points
• Determines fields for SVG image based on data