Discrete Urban Space and Connectivity

NJ Namju Lee
3 min readJul 18, 2020


SA(Social Algorithms) 2020, Computational Design

Subtitle: Partition & Relationship

Data Structure, Graph, Matrix, Pixel, Voxel, Discretization, Partition, Connection, Search

Workshop Reference
1. Computational Design Thinking for Designers — link(Eng)
2. Data & Design — link(Eng) — link(KR)

Data to Wisdom, The Information Factory S.A.

!We are able to answer these questions below.

how to capture and process spatial data in design

Relationship among data in a space

Discrete a space into parts

1. Graph

Graph is a mathematical object that consists of set of points and edges, dealing with discrete information.

Graph is widely used for computation, discrete mathematics or representing relational data structures, and It has explicit relationship among vertices by edges visualizing the topological aspect such as street network of urban, highway or the subway map, whose graphs closely resemble their physical form due to its characteristics.

2. Pixel / Voxel (Volumetric Element)

- Voxel could be considered as a set of image(pixel)

Voxel is a 3 dimensional grid containing pixels can have rich data set including R, G, B, A values. It is frequently utilized for visualization of scientific or medical data which is needed for volumetric representation.

Voxel for geometry in space is a discretized space of geometry where it has a beam or node are connecting but as a continuous map in space. This is basically an idea that an object become a 3 dimensional map.

4. Connectivity

GRAPH link
Graph Data Structure for Spatial data — link(KR)

Social network as Graph — link
Transportation as Graph (
Street, freeway(highway), subway, sky way…)
Folder structure as Graph —
Programming executions as Graph —
Zoning as Graph — link
Associative geometry —
Interface —
link / link
Network for ML —

Structure — link, link
Mesh(Polygon) as Graph — link
Mesh from Rhino3d: link

NJSTUDIO Presentation slide

Data structure as Graph
JSON /GeoJSON as Graph
Matrix (link) Pixel(link) and Voxel(link) as Graph


Directed Graph / Undirected Graph / Mixed Graph / Weighted Graph
… Multigraph / Bipartite Graph / DAG(Directed Acyclic Graph)


Graph Data Structure And Algorithmslink
/ BFS examples — CodePen

3. Example


Rigid body: link
Agent Boids System A: link
Agent Boids System B: link
Rect Pos Optimizer: link
Graph system: link

Volumetric Representations and Machine Learning, NJ Namju Lee

Three, Terrain, pixel map(matrix): link
Rhino Grasshopper, Terrain, pixel map(matrix): link
Three, Voxel map: link



NJ Namju Lee

Software Engineer & Computational Designer at NJSTUDIO