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 (Filter)
# Chicago parks within walking distance of L rail stations.

map:
  center: [-87.6298, 41.8781]  # Chicago, IL
  zoom: 12
  basemap: carto-dark

datasets:
  - id: parks
    url: "https://data.cityofchicago.org/resource/ejsh-fztr.geojson"
    name: Chicago Parks
    color: "#22c55e"

  - id: lstations
    url: "https://data.cityofchicago.org/resource/3tzw-cg4m.geojson"
    name: Chicago L Stations
    color: "#f97316"

operations:
  # Filter parks to only those within 800m of an L station
  - type: distance
    inputs: [parks, lstations]
    output: parks_near_l
    name: Parks Near L Stations
    params:
      mode: filter
      maxDistance: 800
      units: meters

layers:
  # All parks as a muted baseline for comparison
  - id: parks-all
    source: parks
    tooltip: label
    type: fill
    paint:
      fill-color: "#94a3b8"
      fill-opacity: 0.3

  # Parks within 800m of an L station, highlighted
  - id: parks-near-l
    source: parks_near_l
    tooltip: label
    type: fill
    paint:
      fill-color: "#22c55e"
      fill-opacity: 0.6

  # L stations colored by line
  - id: l-stations
    source: lstations
    tooltip: longname
    type: circle
    paint:
      circle-radius: 5
      circle-color:
        - match
        - ["get", "legend"]
        - "Red Line"
        - "#c60c30"
        - "Blue Line"
        - "#00a1de"
        - "Brown Line"
        - "#62361b"
        - "Green Line"
        - "#009b3a"
        - "Orange Line"
        - "#f9461c"
        - "Pink Line"
        - "#e27ea6"
        - "Purple Line"
        - "#522398"
        - "Yellow Line"
        - "#f9e300"
        - "Multiple Lines"
        - "#6b8f9e"
        - "#94a3b8"
      circle-stroke-color: "#1a1a2e"
      circle-stroke-width: 2