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 spaceLecture:
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, GeoJSON — link
Image: Remote Sensing, DEM — link
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
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
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, SearchWorkshop Reference
1. Computational Design Thinking for Designers — link(Eng)
2. Data & Design — link(Eng) — link(KR)
how to capture and process spatial data in design
Relationship among data in a space
Discrete a space into parts
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 /…
DigitalFUTURES WORLD : ARCHITECTS UNITE Workshops
Day 6: Digital Mapping using ArcGIS JSAPI
Introduction to JSAPI and the Development of a Mapping AppKeyword
Projection, Remap, Interpolation, Generalization, ArcGIS JSAPI, Gestalk Principles, Principles of Graphical Integrity, Bertin’s Visualization design spaceResearch Overview:
* Third Place Mobility Energy ConsumptionLecture:
1) Projection, remap, interpolation
2) Generalization
3) Understand modify Object-oriented programming(OOP) patternWorkshop: Codepen, Github
1) develop a mapping app with JSAPI based on the boilerplate codeAdditional note:
1) data visualization using d3
2) data visualization using Amcharts
DigitalFUTURES WORLD : ARCHITECTS UNITE Workshops
Day 5: Pipeline for Data and Geometry Visualization (or CAD system)
Introduction to Development of CAD applicationKeyword
Programming Pattern for CAD system, Event, Data flow, Controller flow, Rendering flowResearch Overview:
* Small Environment
* Sketch handLecture:
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 flowAdditional note:
1) Mesh WebGL vertex and connectivity
2) Visualizing 3D geometry on Web (Three JS)
Computer-Aided Design (CAD), Graphics…
DigitalFUTURES WORLD : ARCHITECTS UNITE Workshops
Day 4: Computational Geometry and Geometry Class
Introduction to Computational Geometry and VisualizationKeyword
Data Structure, Vector, Color, Point, Line, Polyline, Polygon class, Area class, Geo JSONResearch Overview:
* Parkerator
* Agent-based Optimization for Column Distribution
* Design Workflows Integrating Machine Learning and Voxel RepresentationsLecture:
1) Construct and compute geometries
2) Understand the Geometry dataWorkshop: 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 CanvasAdditional note:
1) Geometry data structures(Vector, Line, Polyline)
DigitalFUTURES WORLD : ARCHITECTS UNITE Workshops
Day 3: Typescript and HTML Canvas
Introduction to Web Graphics using HTML Canvas API for visualizationKeyword
Syntax, Typescript, Canvas API, List, Range, Matrix, Arc, Line, Area, Interaction, LoopResearch Overview:
* Geometry Utility
* Dynamic Utility
* Landscape Utility
* Architectural CompilerLecture:
1) Typescript
2) Drawing geometry: Point, Line, and Area on HTML CanvasWorkshop: 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
Computational Designer at NJSTUDIO, and Software Engineer at ESRI