---
alias: user-guide-coordinate-systems-substrate-map
tags:
  - mapping
description: "Explain how to determine the range of substrate coordinates for each combination of Origin Location and Axis direction"
---

# Coordinate Systems

## Overview

This page defines the supported coordinate systems by combining:

- **Origin location**
- **Axis direction**
- **Range formulas** for `X_min`, `X_max`, `Y_min`, and `Y_max`

!!! note
    If `Columns` or `Rows` are odd, the result of `Columns / 2` and `Rows / 2` is truncated.

## Legend

- **Squares** represent grid cells.
- **Red circle** represents the origin.
- **X** and **Y** arrows show the positive axis directions.

## Coordinate System Matrix

### UpRight

X increases to the right; Y increases upward.

| Origin | X_min | X_max | Y_min | Y_max |
|---|---|---|---|---|
| LowerLeft | `0` | `Columns - 1` | `0` | `Rows - 1` |
| UpperLeft | `0` | `Columns - 1` | `- Rows + 1` | `0` |
| LowerRight | `- Columns + 1` | `0` | `0` | `Rows - 1` |
| UpperRight | `- Columns + 1` | `0` | `- Rows + 1` | `0` |
| Center | `Columns / 2 - Columns + 1` | `Columns / 2` | `Rows / 2 - Rows + 1` | `Rows / 2` |

=== "LowerLeft"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="LowerLeft UpRight diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="40.0" y1="140.0" x2="75.0" y2="140.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="40.0" y1="140.0" x2="40.0" y2="105.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="81.0" y="136.0" font-size="12" text-anchor="start" fill="#222">X</text><text x="44.0" y="99.0" font-size="12" fill="#222">Y</text><circle cx="40.0" cy="140.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the lower-left corner. X increases to the right; Y increases upward.

=== "UpperLeft"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="UpperLeft UpRight diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="40.0" y1="40.0" x2="75.0" y2="40.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="40.0" y1="40.0" x2="40.0" y2="5.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="81.0" y="36.0" font-size="12" text-anchor="start" fill="#222">X</text><text x="44.0" y="-1.0" font-size="12" fill="#222">Y</text><circle cx="40.0" cy="40.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the upper-left corner. X increases to the right; Y increases upward.

=== "LowerRight"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="LowerRight UpRight diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="140.0" y1="140.0" x2="175.0" y2="140.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="140.0" y1="140.0" x2="140.0" y2="105.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="181.0" y="136.0" font-size="12" text-anchor="start" fill="#222">X</text><text x="144.0" y="99.0" font-size="12" fill="#222">Y</text><circle cx="140.0" cy="140.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the lower-right corner. X increases to the right; Y increases upward.

=== "UpperRight"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="UpperRight UpRight diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="140.0" y1="40.0" x2="175.0" y2="40.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="140.0" y1="40.0" x2="140.0" y2="5.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="181.0" y="36.0" font-size="12" text-anchor="start" fill="#222">X</text><text x="144.0" y="-1.0" font-size="12" fill="#222">Y</text><circle cx="140.0" cy="40.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the upper-right corner. X increases to the right; Y increases upward.

=== "Center"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="Center UpRight diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="90.0" y1="90.0" x2="125.0" y2="90.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="90.0" y1="90.0" x2="90.0" y2="55.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="131.0" y="86.0" font-size="12" text-anchor="start" fill="#222">X</text><text x="94.0" y="49.0" font-size="12" fill="#222">Y</text><circle cx="90.0" cy="90.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the center of the grid. X increases to the right; Y increases upward.

### DownRight

X increases to the right; Y increases downward.

| Origin | X_min | X_max | Y_min | Y_max |
|---|---|---|---|---|
| LowerLeft | `0` | `Columns - 1` | `- Rows + 1` | `0` |
| UpperLeft | `0` | `Columns - 1` | `0` | `Rows - 1` |
| LowerRight | `- Columns + 1` | `0` | `- Rows + 1` | `0` |
| UpperRight | `- Columns + 1` | `0` | `0` | `Rows - 1` |
| Center | `Columns / 2 - Columns + 1` | `Columns / 2` | `- Rows / 2` | `- Rows / 2 + Rows - 1` |

=== "LowerLeft"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="LowerLeft DownRight diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="40.0" y1="140.0" x2="75.0" y2="140.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="40.0" y1="140.0" x2="40.0" y2="175.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="81.0" y="136.0" font-size="12" text-anchor="start" fill="#222">X</text><text x="44.0" y="189.0" font-size="12" fill="#222">Y</text><circle cx="40.0" cy="140.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the lower-left corner. X increases to the right; Y increases downward.

=== "UpperLeft"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="UpperLeft DownRight diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="40.0" y1="40.0" x2="75.0" y2="40.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="40.0" y1="40.0" x2="40.0" y2="75.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="81.0" y="36.0" font-size="12" text-anchor="start" fill="#222">X</text><text x="44.0" y="89.0" font-size="12" fill="#222">Y</text><circle cx="40.0" cy="40.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the upper-left corner. X increases to the right; Y increases downward.

=== "LowerRight"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="LowerRight DownRight diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="140.0" y1="140.0" x2="175.0" y2="140.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="140.0" y1="140.0" x2="140.0" y2="175.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="181.0" y="136.0" font-size="12" text-anchor="start" fill="#222">X</text><text x="144.0" y="189.0" font-size="12" fill="#222">Y</text><circle cx="140.0" cy="140.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the lower-right corner. X increases to the right; Y increases downward.

=== "UpperRight"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="UpperRight DownRight diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="140.0" y1="40.0" x2="175.0" y2="40.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="140.0" y1="40.0" x2="140.0" y2="75.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="181.0" y="36.0" font-size="12" text-anchor="start" fill="#222">X</text><text x="144.0" y="89.0" font-size="12" fill="#222">Y</text><circle cx="140.0" cy="40.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the upper-right corner. X increases to the right; Y increases downward.

=== "Center"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="Center DownRight diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="90.0" y1="90.0" x2="125.0" y2="90.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="90.0" y1="90.0" x2="90.0" y2="125.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="131.0" y="86.0" font-size="12" text-anchor="start" fill="#222">X</text><text x="94.0" y="139.0" font-size="12" fill="#222">Y</text><circle cx="90.0" cy="90.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the center of the grid. X increases to the right; Y increases downward.

### UpLeft

X increases to the left; Y increases upward.

| Origin | X_min | X_max | Y_min | Y_max |
|---|---|---|---|---|
| LowerLeft | `- Columns + 1` | `0` | `0` | `Rows - 1` |
| UpperLeft | `- Columns + 1` | `0` | `- Rows + 1` | `0` |
| LowerRight | `0` | `Columns - 1` | `0` | `Rows - 1` |
| UpperRight | `0` | `Columns - 1` | `- Rows + 1` | `0` |
| Center | `- Columns / 2` | `- Columns / 2 + Columns - 1` | `Rows / 2 - Rows + 1` | `Rows / 2` |

=== "LowerLeft"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="LowerLeft UpLeft diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="40.0" y1="140.0" x2="5.0" y2="140.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="40.0" y1="140.0" x2="40.0" y2="105.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="-1.0" y="136.0" font-size="12" text-anchor="end" fill="#222">X</text><text x="44.0" y="99.0" font-size="12" fill="#222">Y</text><circle cx="40.0" cy="140.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the lower-left corner. X increases to the left; Y increases upward.

=== "UpperLeft"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="UpperLeft UpLeft diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="40.0" y1="40.0" x2="5.0" y2="40.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="40.0" y1="40.0" x2="40.0" y2="5.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="-1.0" y="36.0" font-size="12" text-anchor="end" fill="#222">X</text><text x="44.0" y="-1.0" font-size="12" fill="#222">Y</text><circle cx="40.0" cy="40.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the upper-left corner. X increases to the left; Y increases upward.

=== "LowerRight"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="LowerRight UpLeft diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="140.0" y1="140.0" x2="105.0" y2="140.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="140.0" y1="140.0" x2="140.0" y2="105.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="99.0" y="136.0" font-size="12" text-anchor="end" fill="#222">X</text><text x="144.0" y="99.0" font-size="12" fill="#222">Y</text><circle cx="140.0" cy="140.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the lower-right corner. X increases to the left; Y increases upward.

=== "UpperRight"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="UpperRight UpLeft diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="140.0" y1="40.0" x2="105.0" y2="40.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="140.0" y1="40.0" x2="140.0" y2="5.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="99.0" y="36.0" font-size="12" text-anchor="end" fill="#222">X</text><text x="144.0" y="-1.0" font-size="12" fill="#222">Y</text><circle cx="140.0" cy="40.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the upper-right corner. X increases to the left; Y increases upward.

=== "Center"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="Center UpLeft diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="90.0" y1="90.0" x2="55.0" y2="90.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="90.0" y1="90.0" x2="90.0" y2="55.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="49.0" y="86.0" font-size="12" text-anchor="end" fill="#222">X</text><text x="94.0" y="49.0" font-size="12" fill="#222">Y</text><circle cx="90.0" cy="90.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the center of the grid. X increases to the left; Y increases upward.

### DownLeft

X increases to the left; Y increases downward.

| Origin | X_min | X_max | Y_min | Y_max |
|---|---|---|---|---|
| LowerLeft | `- Columns + 1` | `0` | `- Rows + 1` | `0` |
| UpperLeft | `- Columns + 1` | `0` | `0` | `Rows - 1` |
| LowerRight | `0` | `Columns - 1` | `- Rows + 1` | `0` |
| UpperRight | `0` | `Columns - 1` | `0` | `Rows - 1` |
| Center | `- Columns / 2` | `- Columns / 2 + Columns - 1` | `- Rows / 2` | `- Rows / 2 + Rows - 1` |

=== "LowerLeft"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="LowerLeft DownLeft diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="40.0" y1="140.0" x2="5.0" y2="140.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="40.0" y1="140.0" x2="40.0" y2="175.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="-1.0" y="136.0" font-size="12" text-anchor="end" fill="#222">X</text><text x="44.0" y="189.0" font-size="12" fill="#222">Y</text><circle cx="40.0" cy="140.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the lower-left corner. X increases to the left; Y increases downward.

=== "UpperLeft"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="UpperLeft DownLeft diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="40.0" y1="40.0" x2="5.0" y2="40.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="40.0" y1="40.0" x2="40.0" y2="75.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="-1.0" y="36.0" font-size="12" text-anchor="end" fill="#222">X</text><text x="44.0" y="89.0" font-size="12" fill="#222">Y</text><circle cx="40.0" cy="40.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the upper-left corner. X increases to the left; Y increases downward.

=== "LowerRight"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="LowerRight DownLeft diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="140.0" y1="140.0" x2="105.0" y2="140.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="140.0" y1="140.0" x2="140.0" y2="175.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="99.0" y="136.0" font-size="12" text-anchor="end" fill="#222">X</text><text x="144.0" y="189.0" font-size="12" fill="#222">Y</text><circle cx="140.0" cy="140.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the lower-right corner. X increases to the left; Y increases downward.

=== "UpperRight"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="UpperRight DownLeft diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="140.0" y1="40.0" x2="105.0" y2="40.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="140.0" y1="40.0" x2="140.0" y2="75.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="99.0" y="36.0" font-size="12" text-anchor="end" fill="#222">X</text><text x="144.0" y="89.0" font-size="12" fill="#222">Y</text><circle cx="140.0" cy="40.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the upper-right corner. X increases to the left; Y increases downward.

=== "Center"

    <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="Center DownLeft diagram"><rect width="100%" height="100%" fill="white"/><g stroke="#c8c8c8" stroke-width="1" fill="none"><rect x="40.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="40.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="65.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="90.0" y="115.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="40.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="65.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="90.0" width="25.0" height="25.0" rx="1"/><rect x="115.0" y="115.0" width="25.0" height="25.0" rx="1"/></g><defs><marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 z" fill="#444"/></marker></defs><line x1="90.0" y1="90.0" x2="55.0" y2="90.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><line x1="90.0" y1="90.0" x2="90.0" y2="125.0" stroke="#444" stroke-width="2" marker-end="url(#arrow)"/><text x="49.0" y="86.0" font-size="12" text-anchor="end" fill="#222">X</text><text x="94.0" y="139.0" font-size="12" fill="#222">Y</text><circle cx="90.0" cy="90.0" r="5" fill="#d33" stroke="white" stroke-width="1.5"/><g font-size="10" fill="#555"><rect x="40.0" y="160.0" width="10" height="10" fill="none" stroke="#999"/><text x="54.0" y="169.0">cell</text><circle cx="96.0" cy="165.0" r="4" fill="#d33"/><text x="105.0" y="169.0">origin</text></g></svg>

    Origin at the center of the grid. X increases to the left; Y increases downward.