프로그래밍

[R] 데이터 시각화 정의(XAMPP 다운로드, 시각화 예제, 자료 수집)

RainIron 2021. 6. 22. 22:44
반응형

※ XAMPP 다운로드

XAMPP 사이트

 

XAMPP는 크로스 플랫폼 웹 서버 자유 소프트웨어 패키지다(아파치 웹 서버, MariaDB, PHP, Perl을 포함)

Panel 창 모습, Tomcat이 이미 설치되어 있어 충돌 에러가 있다.


※ 데이터 시각화 예제

0. 서버 실행

Apache 실행

실행 후, localhost에 접속하면 다음 창이 나타난다.

localhost로 연결하는 파일의 위치: C:\xampp\htdocs

 

1. http://d3js.org접속

 

D3.js - Data-Driven Documents

D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS.

d3js.org

 

2. 샘플 예제 테스트를 위해 See More Example 메뉴 선택

3. D3js 사이트에 있는 Bubblechart 예제 선택

4. bubble-chart 압축파일과 flare.csv 파일을 다운 받아 C:\xampp\htdocs에 위치시키기

+ flare.csv 파일은 files란 폴더에 위치시킨다.

5. bubble-chart 폴더 내 64e74b~.js 파일 정보 수정

export default function define(runtime, observer) {
  const main = runtime.module();
  const fileAttachments = new Map([["flare.csv",new URL("./files/aee5d40e70ea9830c96efe6da03ad32187ff7223ad1b7b84e38c32127ccf6661b576fe0005b42657703e7bfaaefabc74550268cc35f64122a652fc471110c832",import.meta.url)]]);
  main.builtin("FileAttachment", runtime.fileAttachments(name => fileAttachments.get(name)));
  main.variable(observer()).define(["md"], function(md){return(
md`# Bubble Chart

Bubble charts are non-hierarchical [packed circles](/@d3/circle-packing). The area of each circle is proportional its value (here, file size). The organic appearance of these diagrams can be intriguing, but also consider a [treemap](/@d3/treemap) or a humble [bar chart](/@d3/horizontal-bar-chart).`
)});

new Url("./files/flare.csv", import.meta.url) 수정

export default function define(runtime, observer) {
  const main = runtime.module();
  const fileAttachments = new Map([["flare.csv",new URL("./files/flare.csv",import.meta.url)]]);
  main.builtin("FileAttachment", runtime.fileAttachments(name => fileAttachments.get(name)));
  main.variable(observer()).define(["md"], function(md){return(
md`# Bubble Chart

Bubble charts are non-hierarchical [packed circles](/@d3/circle-packing). The area of each circle is proportional its value (here, file size). The organic appearance of these diagrams can be intriguing, but also consider a [treemap](/@d3/treemap) or a humble [bar chart](/@d3/horizontal-bar-chart).`
)});

5. https://localhost/bubble-chart/


※ 데이터 시각화 자료 수집

- 정부 3.0 공공데이터 포털(https://data.go.kr/)

 

공공데이터 포털

국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase

www.data.go.kr

- 경기데이터드림(https://data.gg.go.kr/portal/mainPage.do)

 

경기데이터드림

경기도의 모든 공공데이터를 개방합니다.

data.gg.go.kr

- TourAPI(https://api.visitkorea.or.kr/main.do)

 

TourAPI3.0

누구나 쉽게 접근하고 활용 할 수 있는 다국어 관광정보 OpenAPI

api.visitkorea.or.kr

- 농림축산식품 공공데이터 포털(https://data.mafra.go.kr/main.do)

 

농림축산식품 공공데이터 포털

 

data.mafra.go.kr

- 네이버 데이터랩

- 미국 공공데이터 포털(https://www.data.gov/)

 

Data.gov

The home of the U.S. Government’s open data Here you will find data, tools, and resources to conduct research, develop web and mobile applications, design data visualizations, and more. For information regarding the Coronavirus/COVID-19, please visit Cor

www.data.gov

- 유럽연합 공공포털(https://data.gov.uk/)

 

Find open data - data.gov.uk

BETA This is a new service – your feedback will help us to improve it

data.gov.uk

 

반응형