Introduction to Geometry as Data Structure and Visualization

Keyword
Class, Computational Geometry, Data Structure, Projection, Remap, Interpolation, Generalization, Gestalk Principles, Principles of Graphical Integrity, Bertin’s Visualization design space

Lecture:
1) File format(CSV , JSON, GeoJSON, Image)
2) Geometry as Data Structure
2) Remap, Interpolation, Generalization
3) Object-oriented programming(OOP) pattern
4) Visualization

DATA STRUCTURE

Structured data- CSV
Semi-structured data- JSON, GeoJSONlink
Image: Remote Sensing, DEMlink

Programming Paradigm / Typescript Classes
Software design pattern:
link, (GoF) Design Patterns
Inheritance (object-oriented programming):
link

Geometry Class as data structures DataStructure Vector: link DataStructure Color: link Point object: link Line object…


INTRODUCTION

Numeric Network Analysis(NNA) Tool, developed by NJ Namju Lee and Dr. Jung Hyun Woo.

GRAPH TUTORIAL

Rhino Grasshopper Python — link

Jupyter Notebook — link

DFS / BFS examples — CodePen

VERSION

NNA_V2_Beta_0.5.2 Addon — link
NNA_V2_Beta_0.5.2 Example — link

ADDITIONAL NOTE

Discrete Urban Space and Connectivity— link

Numeric Network Analysis: Post-COVID-19 Urbanism, 6 ft rule — link


SA(Social Algorithms) 2020 Computational Design Workshop

INSTRUCTORS :
NJ Namju Lee / nj.namju@gmail.com / linkedin
Junghyun Woo / axuplatform@gmail.com / linkedin

Youtube Playlist — Eng

Youtube Playlist — Kor
Daum Brunch— link

SHORT DESCRIPTION:
This course investigates diverse quantitative methods to measure and analyze emerging urban spatial issues of COVID-19 relevant to contemporary urban planning and design practice. The course is based on spatial network analytics approaches that aim to offer students learning tools (Rhino GH and Python) and understanding the data and the process for integrating pedestrian flow information and decision making with urban planning and design solutions. …


SA(Social Algorithms) 2020, Computational Design

Subtitle: Partition & Relationship

Keyword
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


Computational Design

The keywords could help designers to start thinking like a computational design specialist. Computational thinking in design asks you holistic approaches to resolve a small design problem while also asking you an extremely isolated process to fix a comprehensive design concern. These different levels of the approach become huddles to understand computational design processes for designers.

The keywords could guide you, who have no computer science backgrounds, to deal with the dilemma, and you would be able to get a sense of understanding of developing computational design process in manifold circumstances in your design practices.

THE QUESTION /…


Computational Design, NJSTUDIO

English Version
Korean Version


DigitalFUTURES WORLD : ARCHITECTS UNITE Workshops

Day 6: Digital Mapping using ArcGIS JSAPI
Introduction to JSAPI and the Development of a Mapping App

Keyword
Projection, Remap, Interpolation, Generalization, ArcGIS JSAPI, Gestalk Principles, Principles of Graphical Integrity, Bertin’s Visualization design space

Research Overview:
* Third Place Mobility Energy Consumption

Lecture:
1) Projection, remap, interpolation
2) Generalization
3) Understand modify Object-oriented programming(OOP) pattern

Workshop: Codepen, Github
1) develop a mapping app with JSAPI based on the boilerplate code

Additional note:
1) data visualization using d3
2) data visualization using Amcharts

  • Overview
By NJSTUDIO
By NJSTUDIO
  • Lecture

Coordinate system
Geographic coordinate system

Projection


DigitalFUTURES WORLD : ARCHITECTS UNITE Workshops

Day 5: Pipeline for Data and Geometry Visualization (or CAD system)
Introduction to Development of CAD application

Keyword
Programming Pattern for CAD system, Event, Data flow, Controller flow, Rendering flow

Research Overview:
* Small Environment
* Sketch hand

Lecture:
1) MVC pattern and flow(data and commands)
2) programming pattern for CAD system
3) Interaction for visualization(mouse, keyboard)

Workshop: Codepen
1) data flow
2) controller flow
3) rendering flow

Additional note:
1) Mesh WebGL vertex and connectivity
2) Visualizing 3D geometry on Web (Three JS)

  • Overview
Small Environment by NJSTUDIO
  • Lecture

Computer-Aided Design (CAD), Graphics…


DigitalFUTURES WORLD : ARCHITECTS UNITE Workshops

Day 4: Computational Geometry and Geometry Class
Introduction to Computational Geometry and Visualization

Keyword
Data Structure, Vector, Color, Point, Line, Polyline, Polygon class, Area class, Geo JSON

Research Overview:
* Parkerator
* Agent-based Optimization for Column Distribution
* Design Workflows Integrating Machine Learning and Voxel Representations

Lecture:
1) Construct and compute geometries
2) Understand the Geometry data

Workshop: Codepen (HTML Canvas, Three(WebGL))
1) Vector object and its implementation
2) Point object
3) Line object
4) Area object
5) Color object
6) Rendering in Canvas

Additional note:
1) Geometry data structures(Vector, Line, Polyline)

  • Overview
Flux…


DigitalFUTURES WORLD : ARCHITECTS UNITE Workshops

Day 3: Typescript and HTML Canvas
Introduction to Web Graphics using HTML Canvas API for visualization

Keyword
Syntax, Typescript, Canvas API, List, Range, Matrix, Arc, Line, Area, Interaction, Loop

Research Overview:
* Geometry Utility
* Dynamic Utility
* Landscape Utility
* Architectural Compiler

Lecture:
1) Typescript
2) Drawing geometry: Point, Line, and Area on HTML Canvas

Workshop: Codepen (HTML Canvas)
1) The basic syntax of Typescript
2) Understanding Canvas API
3) build function: List, Range, matrix
4) Visualization data using HTML Canvas API

  • Overview
Numerical Geometry and Graph Utility, NJ Namju Lee
Numerical Dynamic…

NJ Namju Lee

Computational Designer at NJSTUDIO, and Software Engineer at ESRI

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store