# d3

8개의 포스트
post-thumbnail

SWEA 4824,4831,4834,4835

SWEA 파이썬 SW 문제해결 기본 List - 📝minmax, 전기버스, 숫자카드, 구간합

4일 전
·
0개의 댓글

D3 : data 에 따라 opacity 가 달라지는 world map 만들기

data 에 따라 opacity 가 달라지는 world map 을 만들어보자. 지도를 렌더링 하기 위해서 d3 에서 쓰는 특수한 형태의 json 을 geo.json 이라고 한다. 각각의 국가는 feature로 나타내고 각각의 feature는 properties 를 가

2020년 9월 20일
·
0개의 댓글
post-thumbnail

D3 : 기본적인 flow (enter, update, remove)

react 의 dom element 에 접근해서 d3 로 전달하려면 useRef 라는 hook 이 필요하다. select 를 import 해서 svg 를 사용할 수 있게 한다. data 를 import 해준다. 이렇게까지 해주면 d3 로 뭔가를 그릴 준비가 된 것이

2020년 9월 17일
·
0개의 댓글
post-thumbnail

Data-Driven Documents (D3)

본 포스팅에서는 react.js에서 d3를 다루는 법을 알아볼 예정입니다.아무도 열람하지 않은 시각화는 진정한 의미로는 시각적 산물이 아니다.\-Scott Murray⚡️데이터를 불러오고, 엮어서, 문서요소를 변환, 전이시키기 위해 사용할 문법Loading: 브라우저

2020년 9월 13일
·
0개의 댓글

svg란?

Scalable Vector Graphics 의 약자.화면을 확대해도 깨지지 않는다는 특징을 가짐.두방법의 차이점V: point, line 등의 vector 요소R: pixel V: vector 단위의 정보 -> ex) line 의 모양은 어떠한지? 위치는 어디인지?R

2020년 7월 26일
·
0개의 댓글
post-thumbnail

devTrend - 완성 및 테스트

이번 프로젝트에서 계획했던 모든 기능 구현을 완료했고, 간단한 실 사용 모습을 업로드하려 한다. Prerequisite 1. CORS 상상치도 못했던 이슈인데, 그냥 request를 보내면 CORS policy에 막혀버려서 크롬 확장 기능인 moesif를 이용해야 한다. 기존에 기술 검토를 할 때 postman으로 요청을 보내서 성공적으로 응답을 받는 것...

2019년 10월 27일
·
0개의 댓글
post-thumbnail

DevTrend - 기술 및 서비스 검토

DevTrend 프로젝트를 진행하기 위해 고려할 사항이 여러가지가 있겠지만, 그 중에서도 특히 고민해야 했던 부분은 데이터를 어디서 어떤식으로 가져오고, 가져온 데이터를 어떤 방식으로 사용자들에게 보여줄 지를 결정하는 것이었다. 최신 트렌드, 즉 사람들이 최근에 많이 사용하고, 활성화되어 있는 커뮤니티를 가지고 있는 기술을 어떻게 알 수 있을까를 줄곧...

2019년 10월 27일
·
0개의 댓글
post-thumbnail

클론 코딩 하기 1탄 - 깃허브(github) 클론 코딩

소개 Live Demo githubclone.gif 시작 최근 데이터 과학 혹은 데이터 엔지니어링이란 분야가 유행이고(?) 관련 직업까지 생긴 것으로 알고 있다. 학부생때 데이터마이닝 수업도 재밌게 들었고, 현재 프론트엔드 쪽에 관심이 생기다 보니 웹에서 그러한 데이터를 시각적으로 아름답게 표현해줄 수 있는 그것도 자바스크립트로 라이브러리(대단쓰👏👏...

2019년 2월 24일
·
0개의 댓글