AutarkA Serverless Toolkit for Prototyping Urban Visual Analytics Systems

Load, process, and visualize geospatial data entirely in the browser.

Get Started

Gallery

Other ways to use Autark: pyautark (soon), autk-grammar

autk-db

Run geospatial queries in the browser. Compatible with OpenStreetMap, GeoJSON, GeoTIFF, and CSV.

autk-map

Render 2D and 3D maps using WebGPU. Handle map layers directly on the canvas without a tile server.

autk-compute

Run custom analytical tasks on GeoJSON datasets. Efficiently process feature sets without a backend.

autk-plot

Render interactive D3.js charts for urban datasets. Directly link charts to map for coordinated views.

Quick Start

Install the full toolkit, copy the minimal example, and see the result directly in the browser.

import { AutkDb, AutkMap, MapStyle } from "@urban-toolkit/autk";

const db = new AutkDb();
await db.init();

await db.loadOsm({
  pbfFileUrl: "/data/lower_mnt.osm.pbf",
  queryArea: {
    geocodeArea: "New York",
    areas: ["Battery Park City", "Financial District"],
  },
  autoLoadLayers: {
    layers: ["surface", "parks", "water", "roads", "buildings"],
  },
});

MapStyle.setPredefinedStyle("apple");

const map = new AutkMap(canvas);
await map.init();
map.draw();

Install and code

Open introduction →

Initializing…

Live result

See full example →