시각화를 배우고 정리합니다

▶비개발자의 R 배우기 ① 경로설정 및 프로젝트 생성 이번 글에서는 "비 개발자의 R배우기"라는 주제 중에서, 'R Studio에서 경로를 설정하는 방법'과 프로젝트별 관리에 대해서 살펴보고자합니다. Path setting path setting은 쉽게말해 '경로를 지정해준다'라는 말입니다. 우리지갑속에 있는 여러가지 카드에도 각각 해당하는 계좌와 연결되어있는 것 처럼 R에서 프로젝트를 생성하고 진행할 때, 어떤 경로안에 있는 데이터와 정보들을 이용할지, 그리고 작업한 내용을 저장할지에 대한 설정이라고 보면 됩니다. getwd() #R studio에서 현재 워킹디렉토리를 확인하기setwd("/Users/*****/Desktop") #사용하고자하는 워킹디렉토리를 설정한다.getwd() #워킹디렉토리가 잘 ..

▶R로하는 데이터시각화 :: 데이터불러오기 이번글에서는 데이터를 Rstudio에 불러오는 방법과 그에 관련된 함수에 대해서 살펴보고자 한다. read.csv()함수 사용하기 개인적으로 가장 자주 활용하는 기능이다. read.csv()는 데이터를 R로 불러들이되, 지금 사용중인 컴퓨터 메모리(주기억장치)에 저장하는 것은 아니다. sample Set Working Driectory > Choose Directory 또는 Ctrl + Shift + K를 입력하면된다. 데이터로드 - 요인(Factor)과 벡터(Vector)형식 R에서는 기본적으로 데이터파일안에 들어있는 문자열(Strings)를 요인(Factor)로 취급하는 것이 기본이다. 만약 요인으로 설정하지 않고 불러오고 싶다면 readCSV()함수내에 s..

▶프로세싱 활용노트 ③ - loadStrings(), arrayList() loadStrings()활용하기loadStrings()의 문법, 기능 및 활용, 예시 순으로 살펴보려고합니다. loadStrings()의 SyntaxloadStrings()의 Syntax는 크게 두 가지로 나눌 수 있다. loadStrings(filename);loadStrings(reader); loadStrings()의 기능 및 활용loadString()는 파일의 내용을 읽어 들여 '문자열 배열'형식으로 리턴합니다. loadStrings(파일이름)형태와 같이 파일이름이 파라미터로 사용하고자 할 경우에는 작업 진행이전에 현재 작업중인 Processing파일의 sketch폴더 내에 위치한 'data'폴더 내에 불러오고자하는 데이터..

▶프로세싱활용노트② ambientLight(), directionalLight() 이번 글에서 살펴볼것은 프로세싱의 함수중에서 조명(light)관련 내용입니다. 이번 글은 레퍼런스와 샘플코드, 그리고 결과이미지를 정리하는 단순히 정리하는 정도에 그치기보다, 실제 프로세싱에서 조명기능을 활용하는데 필요한 가~~장기초적인 개념부분도 포함하고자 했습니다. ambientLight() - 주변광 ambientLight()함수를 이야기하기전, 이 용어의 사전적 의미를 먼저 살펴보려고합니다. 'ambient'라는 단어는 '주위의, 잔잔한'이라는 뜻을 가지고 있으며, 이 ambient와 Light의 합성어인 ambientLight는 국어사전에는 나와있지않지만 '주변광'으로 용어를 이해할 수 있을 것 같습니다. 주변광이..

▶함께배우는 프로세싱 ::Complex modules in a grid 이번 글에서는 generative design에서 제공하고있는 예제를 살펴보려고합니다. 이번 예제는 Complex modules in a grid이며 마우스 움직임에 따라 그리드형태로 이루어진 shape의 모습이 바뀌게 되는 구조입니다. P.2.1.3 Complex modules in a grid의 특징은 그리드 구조가 for구문의 중첩으로 형성되는데 이거 그 안에서도 또한 번 for구문을 활용하여 특정모양을 중첩시킨다는 것입니다. 예제의 결과는 이렇게 for()구문의 중첩을 활용한 그리드의 형태로 나타나게 됩니다. 그리드 내의 타일 크기는 화면의 너비와 미리 설정하는 전체타일 개수에 의해 설정됩니다. 처음에는 한개의 원이 그리드형태..

​ ▶프로세싱 에러해결 ① You might be missing a library. 이번 살펴볼 것은 프로세싱에러 중에서도 '라이브러리설치'와 관련된 에러입니다. 이 에러가 발생한 경우,다음과 같은 형태의 에러메시지를 보게 됩니다. The packages [설치하고자 하는 라이브러리이름] does not exist. You might be missing a library. No library found for [설치하고자 하는 라이브러리 이름]. core.(상황에 따라 다를 수 있음) Libraries must be installed in a folder named "libraries" inside the 'sketchbook'folder. 또한 프로세싱 하단부에 있는 콘솔창에도 에러메시지가 뜨게되는 되..

▶프로세싱활용노트① - 나머지연산(모듈로, modulo) 이해하기 이번 글에서는 나머지연산(모듈로, modulo)에 대해서 정리해보려고 합니다. 나머지연산은 계수 연산자(modulus operator)에 관련된 내용이기때문에 프로세싱에서의 계수연산자에 대해 간략하게 살펴보고 시작하겠습니다. 계수는 특정 구간(스크린상의 도형, 배열 범위 안의 인덱스 값 등) 안에 수를 머물도록 하는 대단히 유용하면서 매우 단순한 개념으로, 나누기를 처음 배울 때 그 명칭을 칭하지 않고 개념을 배우는 것과 같다. 계수 연산자는 한 수를 다른 수로 나누었을 때 그 나머지를 계산하며, 정수와 실수에서 모두 사용할 수 있다. 여기서 간단한 나눗셈 개념이 적용됩니다.(매우간단합니다.) 20을 6으로 나머지 연산하면 몫은 2이며 식..

▶함께배우는 프로세싱 :: 프로세싱에서 데이터활용하기① - Table() 이번 글에서는 Unfolding Maps 에서 제공하고 있는 기본 예제를 통해 데이터로드방법에 대해서 살펴보려고 합니다. 이 예제에서 사용하고 있는 방법은 Table()함수와 for()구문을 이용하는 것으로서, 이를통해 지도위에 마커(marker)를 표시하는것을 목적으로하는 예제입니다. // Load CSV data Table bikeDataCSV = loadTable(bikeDataFile, "header, csv"); 데이터를 로드하는 부분입니다. 데이터로드는 loadTable()함수를 사용하며, header(제목 유무), csv(형식)을 괄호안에 적어줍니다. for (TableRow bikeStationRow : bikeDat..

▶함께배우는 프로세싱 :: generative design P.2.1 Alignment in a grid. 이번 글에서는 generative design에서 제공하고있는 예제중 'Alignment in a grid'를 살펴보려고합니다. int tilecount = 20; int actStrokeCap = ROUND; // 선의 끝부분을 둥글둥글하게 설정합니다. * strokeCap() 선의끝부분을 어떻게 처리할지 설정하는 기능입니다. ROUND, SQUARE, PROJECT 이렇게 세 가지 종류가 있습니다. [Processing.org > reference > strokeCap 바로가기] [사진 : Processing.org ] 이번에제에서 strokeCap의 설정을 바꾸는것으로 아래사진과 같은 변화를 ..

▶함께배우는 프로세싱 :: generative design P.1 Color 이번 글에서는 generative design에서 제공하고있는 예제를 살펴보려고합니다. P.1..0 Hello, color 참고사항 : noCursor, mouseX, mouseY, colorMode 사용자가 마우스포지션 값(x,y)를 이용하여 도형의 크기와 배경 및 도형의 색상을 변화시킬 수 있는 예제이다. 우리는 색상인식을 할때, 인접 컬러 및 배경 색상의 변화비율에 의해 영향을 받는다 void setup(){size(displayWidth/2, displayHeight/2);noCursor();} void draw(){... colorMode(HSB, 360, 100, 100);rectMode(CENTER);noStroke..