anvaka github io city roads

Overview

city roads is an interactive browser visualization for exploring the complete road network of a selected city. The official page describes it as rendering every single road within a city. It accepts a city name, lets you choose an available administrative or city boundary, and draws the result as a map-like road composition.

Key Features

• Search for a city by name and choose a matching boundary before loading data.
• Download road data from OpenStreetMap and render it in a WebGL canvas.
• View the selected city with its name and OpenStreetMap attribution on the canvas.
• Open Customize to adjust the colors used for road lines, the background, and labels.
• Export the current view as a raster PNG or vector SVG; the page also offers an optional mug-printing route.
• Try another city without leaving the visualization.

How It Works

1. Enter a city name in the start field.
2. Select one of the boundaries returned by the site, such as an administrative or city result.
3. Wait while the page connects to its data source and renders the roads. The page warns that large cities may require 200MB or more of data transfer and a powerful device.
4. Use Customize to tune the display, or export the current screen as PNG/SVG for reuse.

Use Cases

• Explore and compare the visual shape of different city road networks directly in a browser.
• Create a map-inspired visual asset from a favorite city using the built-in PNG or SVG export.
• Use the mug option when turning a city-road composition into a physical gift is useful.

Pricing and Availability

The site is available directly in a browser without a sign-in flow. No paid plans or published subscription prices were shown during review, so this listing is classified as free. The page mentions optional coffee or Patreon support, but says it is not required.

Screenshots