anvaka/city-roads
City Roads
This project is a geospatial data rendering engine and OpenStreetMap road network visualizer. It functions as a vector map visualization tool that imports geocoded area data and converts road layouts into visual layers for digital or physical output.
The system enables the creation of generative map art and stylized images intended for physical production via pen-plotters or laser cutters. It allows for the manipulation of line widths and colors of city streets to produce custom visual representations of urban environments.
The engine provides capabilities for urban road visualization, geographic data analysis, and custom map styling. It includes tools for modifying layer appearances, managing scene visibility, and exporting visualizations as image files. Users can develop custom scripts to extend the visual representation of road network data.
Features
- Generative Art Toolkits - Programmatically creates stylized road network art for physical production via pen-plotters and laser cutters.
- Urban Road Visualizations - A function to render the complete road layout of a city using open map data for interactive exploration.
- Road Network Visualizers - Renders and styles city road networks using OpenStreetMap data for interactive exploration and art.
- Road Network Importers - Fetches and renders road networks based on geocoded area IDs or bounding boxes.
- JSON Data Ingestion - Imports structured road metadata and geometry from external JSON files to populate the internal map model.
- Geospatial Rendering Engines - Imports geocoded area data and converts road layouts into visual layers for digital or physical output.
- Scene Graphs - Organizes road types and city features in a hierarchical scene graph to manage visibility and styling.
- Vector Graphics Rendering - Provides high-performance vector rendering of city road networks using GPU-accelerated WebGL primitives.
- Geographic Visualization Tools - Plots location-based road and building data on interactive maps based on geocoded areas.
- Screen Space Coordinate Mappings - Maps virtual geographic coordinates to physical screen pixels to accurately plot road networks.
- Data-Driven Styling - Assigns visual properties like color and width to roads based on data attributes and categories.
- Map Style Specifications - Utilizes structured specifications to define the visual appearance of different map layers and road features.
- Vector Maps - Provides a vector-based geographical visualization component for manipulating city street aesthetics.
- Raster Image Exports - Generates raster images from vector road data for use with pen-plotters and laser cutters.
- Client-Side Calculation Engines - Implements a deterministic logic engine in the browser to calculate line widths and vertex positions for map rendering.
- Visualization Extenders - Provides a scripting system to extend the visual representation and logic of road network visualizations.
- Layer Appearance Controls - Allows changing the color and line width of rendered data layers to distinguish between road types.
- JavaScript Geospatial Libraries - Visualizes road networks within any city.
- Procedural Generators - Tool for visualizing road networks of selected cities.
