artemyx logo artemyx
About App Examples GitHub
Core Operations
  • Buffer / Dissolve Vancouver bike walksheds - 200m buffer around bikeways with dissolve.
  • Intersection / Clip San Francisco bike routes intersected with parks - filter and clip modes compared.
  • Union / Merge Portland neighbourhoods merged with development opportunity areas - merge and dissolve modes compared.
  • Difference Ottawa neighbourhoods minus parks and greenspaces - subtract and exclude modes compared.
  • Contains / Within Winnipeg cycling network checked against parks - filter and within modes compared.
  • Distance (Filter) Chicago parks within walking distance of L rail stations.
  • Distance (Annotate) Calgary bikeways colored by distance to nearest LRT station.
  • Centroid Denver park polygons reduced to centroid points.
Labels
  • Labels Calgary communities and LRT stations with text labels - style.labelField for simple labels, type: symbol for full MapLibre expression control.
Expression Styling
  • Interpolate Styling Vancouver parks colored by size - interpolate expression mapping hectares to a green color ramp.
  • Match Styling Victoria road network colored by classification - match expression mapping road classes to a color palette.
Advanced Workflows
  • Multi-Dataset Layers Surrey, Burnaby, and New Westminster parks and active transportation - seven datasets across three municipalities with expression styling.
  • Multi-Step Workflow Edmonton schools + transit - union, buffer, and intersection chained to find dual-access zones.
  • Attribute Filter Vancouver cycling network filtered by infrastructure quality - safer routes via advanced SQL filter, protected lanes via structured filter, walkshed coverage buffered from the result.
deck.gl
  • deck.gl Meteorite Landings NASA meteorite landings rendered with deck.gl GeoJsonLayer - 45,000+ recorded impacts visualized from GeoParquet.
PMTiles
  • PMTiles Vector Tiles Protomaps worldwide vector basemap loaded as a PMTiles dataset - nine source layers styled independently with explicit layer configs.
About App GitHub 
# Artemyx Example - Distance (Annotate)
# Calgary bikeways colored by distance to nearest LRT station.

map:
  center: [-114.0719, 51.0447]  # Calgary, AB
  zoom: 12
  basemap: carto-dark

datasets:
  - id: bikeways
    url: "https://data.calgary.ca/resource/jjqk-9b73.geojson"
    name: Calgary Bikeways
    color: "#22c55e"

  - id: lrtstations
    url: "https://data.calgary.ca/resource/2axz-xm4q.geojson"
    name: Calgary LRT Stations
    color: "#60a5fa"

operations:
  # Annotate each bikeway segment with distance to nearest LRT station
  - type: distance
    inputs: [bikeways, lrtstations]
    output: bikeways_with_lrt_dist
    name: Bikeways With LRT Distance
    params:
      mode: annotate
      units: km

layers:
  # Raw bikeways as a muted baseline for comparison
  - id: bikeways-line
    source: bikeways
    type: line
    paint:
      line-color: "#94a3b8"
      line-width: 1.5

  # Bikeways colored green → blue by distance to LRT (dist_km property)
  - id: bikeways-dist
    source: bikeways_with_lrt_dist
    tooltip: dist_km
    type: line
    paint:
      line-color:
        - interpolate
        - ["linear"]
        - ["get", "dist_km"]
        - 0
        - "#22c55e"
        - 0.5
        - "#38bdf8"
        - 2
        - "#3b82f6"
      line-width: 3

  # LRT stations as circles on top
  - id: lrt-stations
    source: lrtstations
    tooltip: stationnam
    type: circle
    paint:
      circle-radius: 5
      circle-color: "#60a5fa"
      circle-stroke-color: "#1e3a5f"
      circle-stroke-width: 2