2015-09-09 완결 웹툰 늘어남
Last active
September 9, 2015 04:59
-
-
Save choyongjoon/3ce47c9348750857e1dc to your computer and use it in GitHub Desktop.
보고 있는 웹툰들
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<style> | |
body { | |
font: 12px sans-serif; | |
} | |
.axis path, | |
.axis line { | |
fill: none; | |
stroke: #000; | |
shape-rendering: crispEdges; | |
} | |
</style> | |
<body> | |
<script src="http://d3js.org/d3.v3.min.js"></script> | |
<script> | |
var margin = {top: 20, right: 20, bottom: 30, left: 40}, | |
width = 960 - margin.left - margin.right, | |
height = 500 - margin.top - margin.bottom; | |
var x = d3.scale.ordinal() | |
.rangeRoundBands([0, width], .1); | |
var y = d3.scale.linear() | |
.rangeRound([height, 0]); | |
var xAxis = d3.svg.axis() | |
.scale(x) | |
.orient("bottom"); | |
var yAxis = d3.svg.axis() | |
.scale(y) | |
.orient("left") | |
.tickFormat(d3.format("d")); | |
var svg = d3.select("body").append("svg") | |
.attr("width", width + margin.left + margin.right) | |
.attr("height", height + margin.top + margin.bottom) | |
.append("g") | |
.attr("transform", "translate(" + margin.left + "," + margin.top + ")"); | |
var color = d3.scale.ordinal() | |
.range(["#00c500", "#3770BF", "#E50020"]); | |
d3.json("watching.json", function(error, data) { | |
var day_names = ["월","화","수","목","금","토","일","10"]; | |
var by_days = []; | |
for (var i = 0; i < day_names.length; i++) { | |
by_days[i] = {name: day_names[i], list: []}; | |
} | |
for (var i = 0; i < data.platforms.length; i++) { | |
for (var j = 0; j < data.platforms[i].toons.length; j++) { | |
var t = data.platforms[i].toons[j]; | |
if (t.huejae) continue; | |
t.platform = data.platforms[i].name; | |
var days = t.day.split(","); | |
for (var k = 0; k < days.length; k++) { | |
t.day = days[k]; | |
by_days[day_names.indexOf(t.day)].list.push(t); | |
} | |
} | |
} | |
color.domain(data.platforms.map(function(d) { return d.name; })); | |
x.domain(day_names) | |
y.domain([0, d3.max(by_days, function(d) { return d.list.length; })]); | |
svg.append("g") | |
.attr("class", "x axis") | |
.attr("transform", "translate(0," + height + ")") | |
.call(xAxis); | |
svg.append("g") | |
.attr("class", "y axis") | |
.call(yAxis) | |
.append("text") | |
.attr("transform", "rotate(-90)") | |
.attr("y", 6) | |
.attr("dy", ".71em") | |
.style("text-anchor", "end"); | |
var days = svg.selectAll(".days") | |
.data(by_days) | |
.enter().append("g") | |
.attr("class", "g") | |
.attr("transform", function(d) { return "translate(" + x(d.name) + ",0)"; }); | |
var toons = days.selectAll(".toons") | |
.data(function(d) { return d.list; }) | |
.enter().append("g") | |
.attr("class", "g"); | |
toons.append("rect") | |
.attr("width", x.rangeBand()) | |
.attr("y", function(d,i) { return y(i+1); }) | |
.attr("height", function(d,i) { return y(i) - y(i+1) - 1; }) | |
.style("fill", function(d) { return color(d.platform); }) | |
toons.append("text") | |
.style("text-anchor", "start") | |
.attr("dx", "0.3em") | |
.attr("y", function(d,i) { return y(i+1 - 0.4); }) | |
.text(function(d) { return d.title; }) | |
.style("fill", "white"); | |
toons.append("text") | |
.style("text-anchor", "start") | |
.attr("dx", "0.3em") | |
.attr("dy", "1.1em") | |
.attr("y", function(d,i) { return y(i+1 - 0.4); }) | |
.text(function(d) { return "(" + d.author + ")"; }) | |
.style("fill", "white"); | |
var legend = svg.selectAll(".legend") | |
.data(color.domain().slice().reverse()) | |
.enter().append("g") | |
.attr("class", "legend") | |
.attr("transform", function(d, i) { return "translate(0," + i * 20 + ")"; }); | |
legend.append("rect") | |
.attr("x", width - 18) | |
.attr("width", 18) | |
.attr("height", 18) | |
.style("fill", color); | |
legend.append("text") | |
.attr("x", width - 24) | |
.attr("y", 9) | |
.attr("dy", ".35em") | |
.style("text-anchor", "end") | |
.text(function(d) { return d; }); | |
var date = d3.select("svg") | |
.append("text") | |
.attr("class", "date") | |
.attr("x", margin.left + 12) | |
.attr("y", margin.top) | |
.attr("font-size", 16) | |
.style("text-anchor", "start") | |
.text(data.updated_date.split("T")[0]); | |
}); | |
</script> |
완결
- 2인실 (마사토끼)
- 이야기군과 편집양 (마사토끼 / 도현)
- 마루의 사실 (의외의 사실)
- 헬로 좀비 (미미)
- 유턴 (유세윤 / 이규환)
- 에이스 하이 (이창현 / 유희)
- 빨간 책 (랑또)
- 데미지 오버 타임 (선우훈)
- 벡봉평전 (백봉)
- 조석축구만화 (조석)
- 파인 (윤태호)
- 지하철도의 밤 (윤필)
- 일등당첨 (미티)
- Ho! (억수씨)
- 본격 탱크로 만화 (굽시니스트)
보다가 그만 둠
- 신의 탑 (SIU)
- 인챈트-나람이야기 (자유)
- 흡혈마법소녀 G쨩 (로맨스 스토리)
- 심연의 하늘 (윤인완 / 김선희)
- 크리슈나 (도해)
- 평범한 8반 (영파카)
- 미래소녀 (황준호)
- 호랭총각 (강호진)
- 셜록: 여왕폐하의 탐정 (고경오 / 곡)
- 징벌소녀 (가재 / stego)
- 기기괴괴 (오성대)
- 하푸하푸 (꿀때징)
- 풍뎅이뎅이 (주니쿵)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"updated_date": "2015-09-09T15:00:00.000Z", | |
"platforms": [{ | |
"name": "네이버 웹툰", | |
"toons": [ | |
{"day": "목", "title": "낚시신공", "author": "귀귀"}, | |
{"day": "월", "title": "여중생A", "author": "허5파6"}, | |
{"day": "월,화,수,목,금", "title": "가우스전자", "author": "곽백수"}, | |
{"day": "월,토", "title": "생활의 참견", "author": "김양수"}, | |
{"day": "화", "title": "하이브", "author": "김규삼", "huejae": false}, | |
{"day": "화,금", "title": "마음의 소리", "author": "조석"}, | |
{"day": "화", "title": "질풍기획 시즌2", "author": "이현민", "huejae": true}, | |
{"day": "화", "title": "송곳", "author": "최규석", "huejae": false}, | |
{"day": "화", "title": "스페이스 차이나드레스", "author": "최봉수 / 원현재"}, | |
{"day": "화", "title": "슈퍼 시크릿", "author": "이온"}, | |
{"day": "수", "title": "삼국전투기", "author": "최훈"}, | |
{"day": "수", "title": "고고고", "author": "정은경 / 하일권"}, | |
{"day": "수", "title": "나는 귀머거리다", "author": "라일라"}, | |
{"day": "목", "title": "이말년 서유기", "author": "이말년"}, | |
{"day": "목", "title": "전자오락수호대", "author": "가스파드"}, | |
{"day": "목", "title": "매지컬 고삼즈", "author": "seri / 비완", "huejae": false}, | |
{"day": "목", "title": "동네변호사 조들호", "author": "해츨링"}, | |
{"day": "금", "title": "몽홀", "author": "장태산", "huejae": true}, | |
{"day": "금", "title": "오즈랜드", "author": "이윤창"}, | |
{"day": "금", "title": "진눈깨비 소년", "author": "쥬드프라이데이"}, | |
{"day": "토", "title": "호랑이형님", "author": "이상규"}, | |
{"day": "토", "title": "용이 산다", "author": "초", "huejae": true}, | |
{"day": "일", "title": "그 판타지 세계에서 사는 법", "author": "촌장"} | |
] | |
}, | |
{ | |
"name":"다음 웹툰", | |
"toons": [ | |
{"day": "월", "title": "유부녀의 탄생", "author": "김환타"}, | |
{"day": "월", "title": "무빙", "author": "강풀", "huejae": false}, | |
{"day": "월", "title": "일단 질러! 질렐루야", "author": "yami"}, | |
{"day": "월", "title": "유치원의 하루", "author": "가바나"}, | |
{"day": "월", "title": "던전오브다단계", "author": "데몬제이", "huejae": false}, | |
{"day": "화", "title": "죽어도 좋아♡", "author": "골드키위새"}, | |
{"day": "수", "title": "아 지갑놓고 나왔다", "author": "미역의 효능", "huejae": true}, | |
{"day": "수,토", "title": "잉어왕", "author": "Peter Mon", "huejae": true}, | |
{"day": "목", "title": "게임회사 여직원들", "author": "마시멜", "huejae": true}, | |
{"day": "목", "title": "곱게 자란 자식", "author": "이무기"}, | |
{"day": "금", "title": "첫사랑은 죽었다", "author": "곽인근"}, | |
{"day": "금", "title": "어쿠스틱 라이프", "author": "난다"}, | |
{"day": "금", "title": "못 잡아먹어 안달", "author": "센개", "huejae": false}, | |
{"day": "금", "title": "체이서", "author": "하준성", "huejae": true}, | |
{"day": "금", "title": "스타워즈 : 깨어난 포스 그 이전의 이야기", "author": "홍작가"}, | |
{"day": "금", "title": "술꾼도시처녀들", "author": "미깡"}, | |
{"day": "토", "title": "치삼만화", "author": "치삼"}, | |
{"day": "일", "title": "채널뽁스", "author": "뽁스", "huejae":true}, | |
{"day": "일", "title": "캐셔로", "author": "team befar"} | |
] | |
}, | |
{ | |
"name": "레진코믹스", | |
"toons": [ | |
{"day": "월,목", "title": "내 멋대로 고민상담", "author": "김보통", "huejae": true}, | |
{"day": "월", "title": "잠자는 공주와 꿈꾸는 악마", "author": "마사토끼 / Kirty"}, | |
{"day": "화,금", "title": "길 잃은 마왕의 딸이 숲속 나무꾼 부려먹는 만화", "author": "눅쓰"}, | |
{"day": "화", "title": "4컷용사", "author": "고지라군"}, | |
{"day": "화", "title": "애완소녀들의 동향분석과 대응방향", "author": "고용찬 / 류수진"}, | |
{"day": "수", "title": "호박장군", "author": "초코아치"}, | |
{"day": "수", "title": "먹는 존재", "author": "들개이빨"}, | |
{"day": "수", "title": "D.P 개의 날", "author": "김보통"}, | |
{"day": "수", "title": "BLACK OUT", "author": "김봉현 / 수이코"}, | |
{"day": "수", "title": "짝과 홀", "author": "마사토끼 / 녹차"}, | |
{"day": "수", "title": "단지", "author": "단지"}, | |
{"day": "금", "title": "레바툰", "author": "레바"}, | |
{"day": "금", "title": "미지의 세계", "author": "이자혜"}, | |
{"day": "금", "title": "비밀 줄리엣", "author": "오리발"}, | |
{"day": "금", "title": "내 집사는 비정규직", "author": "마사토끼 / ASURA"}, | |
{"day": "토", "title": "여자 제갈량", "author": "김달"}, | |
{"day": "토", "title": "오딘", "author": "감람"}, | |
{"day": "토", "title": "마찌롱 MAZZIRONG", "author": "미미"}, | |
{"day": "10", "title": "가후전", "author": "마사토끼 / 배민수", "huejae": true} | |
] | |
}] | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
http://bl.ocks.org/choyongjoon/3ce47c9348750857e1dc