d3는 차근차근 볼 수 있는 api 문서가 눈에 잘 안띄네...
아무튼 enter / exit / datum에 대한 설명과 전반적인 설명이 그나마 체계적으로 써있는 페이지
[링크 : http://www.tutorialsteacher.com/d3js/data-binding-in-d3js]
| d3 arc 직접 그리기 (0) | 2018.10.17 |
|---|---|
| d3 pie with padding (0) | 2018.10.16 |
| d3 arc (0) | 2018.10.16 |
| d3 color (0) | 2018.10.16 |
| d3 timeline (0) | 2018.10.12 |
animation을 쓰지 않아도 되는 녀석으로 발견
<script> $( document ).click(function() { $( "#toggle" ).effect( "shake" ); }); </script> |
| jquery selector와 document.getElementById 차이 (0) | 2018.11.05 |
|---|---|
| jquery trigger() (0) | 2018.10.25 |
| jqeury ajax 수행 완료 기다리기 (0) | 2018.10.23 |
| jquery ajax data, header (0) | 2018.10.23 |
| jquery ani arc (0) | 2018.10.16 |
arc 그리는 방법
[링크 : http://bl.ocks.org/mbostock/5100636]
[링크 : https://bl.ocks.org/d3indepth/5cc68ffe573562772bed1e394b50f7dc]
label - 도표에 각 부분 선을 그어서 표기해주는 걔
[링크 : http://bl.ocks.org/dbuezas/9306799]
+
2018.10.17
걍 내가 의도한걸 구현하는데에는 이거 보다는 padding이 들어간 pie graph가 나을 듯
(특정 색상만 지정하도록 하면)
| d3 pie with padding (0) | 2018.10.16 |
|---|---|
| d3 enter exit datum (0) | 2018.10.16 |
| d3 color (0) | 2018.10.16 |
| d3 timeline (0) | 2018.10.12 |
| d3 관련 검색.. (0) | 2018.10.12 |
d3 그래프에서 미리 지정된 색을 쓰는게 아닌 원하는 대로 색을 쓰는법 찾는중..
[링크 : http://bl.ocks.org/aaizemberg/78bd3dade9593896a59d]
[링크 : http://bl.ocks.org/WilliamQLiu/292ef433e312ac69ef14]
[링크 : https://github.com/d3/d3-color]
[링크 : https://d3-wiki.readthedocs.io/zh_CN/master/Colors/]
[링크 : https://stackoverflow.com/questions/21208031/how-to-customize-the-color-scale-in-a-d3-line-chart]
+
2018.10.17
var color = d3.scale.linear() .range(['#d73027', '#1a9850']) .interpolate(d3.interpolateHcl); |
[링크 : https://github.com/d3/d3-interpolate]
d3랑 d4랑 함수들이 많이 달라진듯..
[링크 : https://stackoverflow.com/questions/41178111/d3js-d3-scale-category10-not-working]
+
donut/pie 그래프에 쓸 색상
var color = d3.scale.ordinal() .range(["#65C400", "#2290EE", "#FFC096", "#5e5e5e"]); |
[링크 : https://stackoverflow.com/questions/33802750/how-to-change-color-of-donut-chart-created-using-d3-js]
| d3 enter exit datum (0) | 2018.10.16 |
|---|---|
| d3 arc (0) | 2018.10.16 |
| d3 timeline (0) | 2018.10.12 |
| d3 관련 검색.. (0) | 2018.10.12 |
| d3 multi level pie 그래프 (0) | 2018.10.11 |
원 모양으로 위치 이동 애니메이션 시킬때 쓰려고 찾는 중
[링크 : https://stackoverflow.com/questions/19653603/how-to-animate-an-image-along-an-arc]
| jquery selector와 document.getElementById 차이 (0) | 2018.11.05 |
|---|---|
| jquery trigger() (0) | 2018.10.25 |
| jqeury ajax 수행 완료 기다리기 (0) | 2018.10.23 |
| jquery ajax data, header (0) | 2018.10.23 |
| jquery shake (0) | 2018.10.16 |
원래 용도는 아니지만 쓰레드나 백그라운드 비슷하게 작동시킬수 있을 듯
(동기 작업으로 해놓고 그걸 백그라운드로 돌린다던가)
[링크 : https://stackoverflow.com/questions/4930439/call-jquery-ajax-request-each-x-minutes]
| js toHexString() (0) | 2018.10.23 |
|---|---|
| jsmpeg div로 사용시 옵션 (0) | 2018.10.18 |
| ajax each (0) | 2018.10.16 |
| canvas clearRect (0) | 2018.10.15 |
| console.log 에 객체 배열 출력하기 (0) | 2018.10.15 |
foreach가 비동기인진 모르겠지만
each는 일단 동기로 작동한다고 한다.
[링크 : https://stackoverflow.com/.../jquery-ajax-each-callback-next-each-firing-before-ajax-completed]
[링크 : https://stackoverflow.com/.../is-jquery-each-function-synchronous]
| jsmpeg div로 사용시 옵션 (0) | 2018.10.18 |
|---|---|
| js setinterval (0) | 2018.10.16 |
| canvas clearRect (0) | 2018.10.15 |
| console.log 에 객체 배열 출력하기 (0) | 2018.10.15 |
| ajax를 동기로(?) (0) | 2018.10.15 |
canvas를 지워주는 녀석
근데.. 투명 이미지의 경우 이상하게 작동하는 것 같으니
투명 이미지를 위해서 이미지 복사시에는 반드시
clearRect() 해주고
drawImage()를 해주어야 한다.
[링크 : https://stackoverflow.com/questions/2142535/how-to-clear-the-canvas-for-redrawing]
| js setinterval (0) | 2018.10.16 |
|---|---|
| ajax each (0) | 2018.10.16 |
| console.log 에 객체 배열 출력하기 (0) | 2018.10.15 |
| ajax를 동기로(?) (0) | 2018.10.15 |
| 로컬파일 접근...이 안되는거니까.. (0) | 2018.10.12 |
우회법으로
JSON.stringify() 를 통해 문자열로 변환하고 출력하면 될 듯.
[링크 : https://stackoverflow.com/questions/7912576/console-log-showing-contents-of-array-object]
| ajax each (0) | 2018.10.16 |
|---|---|
| canvas clearRect (0) | 2018.10.15 |
| ajax를 동기로(?) (0) | 2018.10.15 |
| 로컬파일 접근...이 안되는거니까.. (0) | 2018.10.12 |
| 캔버스에 그리고 드래그 하여 다른 캔버스로 영역 복사하기 (0) | 2018.10.11 |
| canvas clearRect (0) | 2018.10.15 |
|---|---|
| console.log 에 객체 배열 출력하기 (0) | 2018.10.15 |
| 로컬파일 접근...이 안되는거니까.. (0) | 2018.10.12 |
| 캔버스에 그리고 드래그 하여 다른 캔버스로 영역 복사하기 (0) | 2018.10.11 |
| css & jquery animation (0) | 2018.10.11 |
|
