Neighbors points plot plan (svg)

728x90

# Neighbors points plot plan (svg) 이웃들의 점수들을 similarity weight 줘서 그려주는 법 svg 로 공부하는 중. ## PH

2023-09-09: First posting.

## RRA

## TOC ## Plot Example 각종 numbers 출처: . 100/23=4.347826087 4.347826087*3=13.04347826 4.347826087*21=91.30434783

```[.linenums.lang-html] <div class="rC" style="padding:0 .5em"><div class="rSC"><div><svg width="100%" height="100%"> <rect class="column" x="4.347826087%" y="1%" width="4.347826087%" height="89%"></rect> <rect class="column" x="13.04347826%" y="1%" width="4.347826087%" height="89%"></rect> <rect class="column" x="60.86956522%" y="63.3%" width="4.347826087%" height="26.7%"></rect> <rect class="column" x="91.30434783%" y="49.95%" width="4.347826087%" height="40.05%"></rect> <line class="bar" x1="1%" y1="90%" x2="99%" y2="90%"/> <line class="bar" x1="4.347826087%" y1="89%" x2="4.347826087%" y2="91%"/> <line class="bar" x1="8.695652174%" y1="89%" x2="8.695652174%" y2="91%"/> <line class="bar" x1="13.04347826%" y1="89%" x2="13.04347826%" y2="91%"/> <line class="bar" x1="17.39130435%" y1="89%" x2="17.39130435%" y2="91%"/> <line class="bar" x1="21.73913043%" y1="89%" x2="21.73913043%" y2="91%"/> <line class="bar" x1="26.08695652%" y1="89%" x2="26.08695652%" y2="91%"/> <line class="bar" x1="30.43478261%" y1="89%" x2="30.43478261%" y2="91%"/> <line class="bar" x1="82.60869565%" y1="89%" x2="82.60869565%" y2="91%"/> <line class="bar" x1="91.30434783%" y1="89%" x2="91.30434783%" y2="91%"/> <text class="tick" text-anchor="middle" x="4.347826087%" y="95%">0 <tspan text-anchor="middle" x="13.04347826%" y="95%">1</tspan> <tspan text-anchor="middle" x="21.73913043%" y="95%">2</tspan> <tspan text-anchor="middle" x="30.43478261%" y="95%">3</tspan> <tspan text-anchor="middle" x="39.13043478%" y="95%">4</tspan> <tspan text-anchor="middle" x="47.82608696%" y="95%">5</tspan> <tspan text-anchor="middle" x="56.52173913%" y="95%">6</tspan> <tspan text-anchor="middle" x="65.2173913%" y="95%">7</tspan> <tspan text-anchor="middle" x="73.91304348%" y="95%">8</tspan> <tspan text-anchor="middle" x="82.60869565%" y="95%">9</tspan> <tspan text-anchor="middle" x="91.30434783%" y="95%">10</tspan> </text> <line class="expected" x1="52.378%" y1="1%" x2="52.378%" y2="93%"/> <text class="expected" x="50.378%" y="97%" >52.38</text> </svg></div></div></div> <svg width="500" height="400" sytle="border:2px solid white"> <rect class="column" x="4.347826087%" y="0%" width="4.347826087%" height="90%"></rect> <rect class="column" x="13.04347826%" y="0%" width="4.347826087%" height="90%"></rect> </svg> ```/ ## Plotting Count | Page views chart of blog and Recoeve.net 각종 numbers 출처: .

## Plot Example

https://www.youtube.com/watch?v=pKCaXYYwGjw

여자아이들 퀸카 연습

[Music/Break]--K-Pop

▲ click me to stick to the left top (fixed position)

< >

▼ Toggle lyrics

#related
Weverse.io
https://weverse.io/gidle/media/0-119448203?hl=ko

(여자)아이들((G)I-DLE) - '퀸카 (Queencard)' (교차편집 Stage Mix)

▲ click me to stick to the left top (fixed position)

[릴레이댄스] (여자)아이들((G)I-DLE) - 퀸카 (Queencard) (4K)

▲ click me to stick to the left top (fixed position)

(여자)아이들((G)I-DLE) - '퀸카 (Queencard)' @ KOOKMIN UNIVERSITY

▲ click me to stick to the left top (fixed position)

https://www.youtube.com/watch?v=kaUuyO-D4XE

BIG Naughty (서동현) - 사랑이라 믿었던 것들은 (Hopeless Romantic) (Feat. 이수현)

[Music/Break]--K-Pop

▲ click me to stick to the left top (fixed position)

< >

▼ Toggle lyrics

https://www.youtube.com/watch?v=p7Yc0kaz_hY

자우림 (Jaurim) - STAY WITH ME

[Music/Break]--K-Pop

▲ click me to stick to the left top (fixed position)

< >

▼ Toggle lyrics

https://www.youtube.com/watch?v=lOrU0MH0bMk

창모 (ChangMo) - METEOR (매테오)

[Music/Break]--K-Pop

▲ click me to stick to the left top (fixed position)

< >

▼ Toggle lyrics

https://www.youtube.com/watch?v=0Oi8jDMvd_w

Akdong Musician (AKMU, 악동뮤지션) - 200%

[Music/Break]--K-Pop

▲ click me to stick to the left top (fixed position)

< >

▼ Toggle lyrics

Uh, 나를봐, 나를봐, 나를봐
날 바라봐, 바라봐, 바라봐

너를 본 내 마음속에 사랑이
내 본능이 고백 빨리 하라 해
네 주위를 둘러싼 수많은 경쟁자
Yes, I'm a soldier for you

Sweet멘트 장전
발사하기 전에 제군들 입 풀었나
(Yes 완전) 간장콩장콩장장
Equals 간 콩장장 (yeah, I'm ready)

아침이 깨는 소리 morning
바람들은 makes harmony
저물어가는 달빛은 let it go (uh)
여물어가는 romance 꿈꾸고 (good night)

Hey, baby, it's comin' new day
새로운 느낌이야 이건
Hey, 왜 이래? It's common lovesick
아무래도 이거는 이거는

It must be L-O-V-E, 200 percent, sure of that
I want you, really, I mean, really, 스투비두바 스투루투투
정말이야 널 좋아하는데
빨갛게 익은 내 얼굴이 그걸 증명해

나를봐, 나를봐, 나를봐
날 바라봐, 바라봐, 바라봐

난 strawberry 처럼 (very, very)
상큼한 사람 don't (worry, worry)
어리바리한 그대 주위
사람들은 모두 다 이기주의

밤낮을 걸으며 (널 지켜줄)
나와 달리 (그들은 차 키를)
과시하지만 bad guy
자다가 일어나 잠꼬대로도 널 찾네

아침이 깨는 소리 morning
바람들은 makes harmony
저물어가는 달빛은 let it go
여물어가는 romance 꿈꾸고

Hello? 어디 가는 거니 (where you?)
I'll be there, 네가 있는 그 거리 (that way)
아직 우리 사이 서먹해도
그래도 try는 해봐야지 나라도

It must be L-O-V-E, 200 percent, sure of that
I want you, really, I mean, really, 스투비두바 스투루투투
정말이야 널 좋아하는데
빨갛게 익은 내 얼굴이 그걸 증명해

처음이야 이런 기분 멈추질 못하겠어 막 넘쳐
누가 잠가놓은 듯 내 입은 네 앞에서 오물쪼물 안 열려
내 부름에 뒤를 돌아보는 네 두 눈을 보니
Ooh-oh (I said), see you tomorrow

Oh, baby, it can't be over like this
Someone help me 내 맘을 전할 수 있다면
사실은 나 널 (oh, please), 좋아하는데 (I'm sure)
모든 걸 담은 이 눈빛이 그걸 증명해

It must be L-O-V-E, 200 percent, sure of that
I want you, really, I mean, really, 스투비두바 스투루투투
정말이야 널 좋아하는데
빨갛게 익은 내 얼굴이 그걸 증명해

It must be L-O-V-E#Lyrics

Uh, 나를봐, 나를봐, 나를봐
날 바라봐, 바라봐, 바라봐

너를 본 내 마음속에 사랑이
내 본능이 고백 빨리 하라 해
네 주위를 둘러싼 수많은 경쟁자
Yes, I'm a soldier for you

Sweet멘트 장전
발사하기 전에 제군들 입 풀었나
(Yes 완전) 간장콩장콩장장
Equals 간 콩장장 (yeah, I'm ready)

아침이 깨는 소리 morning
바람들은 makes harmony
저물어가는 달빛은 let it go (uh)
여물어가는 romance 꿈꾸고 (good night)

Hey, baby, it's comin' new day
새로운 느낌이야 이건
Hey, 왜 이래? It's common lovesick
아무래도 이거는 이거는

It must be L-O-V-E, 200 percent, sure of that
I want you, really, I mean, really, 스투비두바 스투루투투
정말이야 널 좋아하는데
빨갛게 익은 내 얼굴이 그걸 증명해

나를봐, 나를봐, 나를봐
날 바라봐, 바라봐, 바라봐

난 strawberry 처럼 (very, very)
상큼한 사람 don't (worry, worry)
어리바리한 그대 주위
사람들은 모두 다 이기주의

밤낮을 걸으며 (널 지켜줄)
나와 달리 (그들은 차 키를)
과시하지만 bad guy
자다가 일어나 잠꼬대로도 널 찾네

아침이 깨는 소리 morning
바람들은 makes harmony
저물어가는 달빛은 let it go
여물어가는 romance 꿈꾸고

Hello? 어디 가는 거니 (where you?)
I'll be there, 네가 있는 그 거리 (that way)
아직 우리 사이 서먹해도
그래도 try는 해봐야지 나라도

It must be L-O-V-E, 200 percent, sure of that
I want you, really, I mean, really, 스투비두바 스투루투투
정말이야 널 좋아하는데
빨갛게 익은 내 얼굴이 그걸 증명해

처음이야 이런 기분 멈추질 못하겠어 막 넘쳐
누가 잠가놓은 듯 내 입은 네 앞에서 오물쪼물 안 열려
내 부름에 뒤를 돌아보는 네 두 눈을 보니
Ooh-oh (I said), see you tomorrow

Oh, baby, it can't be over like this
Someone help me 내 맘을 전할 수 있다면
사실은 나 널 (oh, please), 좋아하는데 (I'm sure)
모든 걸 담은 이 눈빛이 그걸 증명해

It must be L-O-V-E, 200 percent, sure of that
I want you, really, I mean, really, 스투비두바 스투루투투
정말이야 널 좋아하는데
빨갛게 익은 내 얼굴이 그걸 증명해

It must be L-O-V-E

▲ Hide lyrics

https://www.youtube.com/watch?v=qYCrrEJ6kzg

자우림 - 하하하 송

[Music/Break]--K-Pop

▲ click me to stick to the left top (fixed position)

< >

▼ Toggle lyrics

https://www.youtube.com/watch?v=S41mDkuhZAo

김세정 - Warning

[Music/Break]--K-Pop

▲ click me to stick to the left top (fixed position)

< >

▼ Toggle lyrics

[Verse 1: KIM SEJEONG]
중요한 걸 잊은 느낌
다가오는 불안함에
더 이상은 걷지 못해
왜 이러지 나 모르겠어
예전 같지 않은 눈빛
빛을 잃은듯한 future
이건 뭐지 (뭐지)
흠 에라 몰라

[Pre-Chorus: KIM SEJEONG]
놀러 가자 저 멀리 나를 찾아 떠나자
길을 잃어버려도 좋아
그게 옳을 테니까
멀리 찾아 떠나자 나를 잡지 못하게
힘을 내 푸투나
加油, cheer up, baby
¡Ánimo! 頑張って
더 이상 I can not go on

[Chorus: KIM SEJEONG]
Warning, warning, warning
날아가자 높이
많은 걸 볼수록 확실할 테니
멀리 놓을수록 가벼워져 갈 테니까
Warning 가보자 모든 건 너도 나도 처음일 테니까
Warning 해보자 아니면 다시 돌아오지 까짓 거 뭐

[Verse 2: lIlBOI]
Yeah, yeah
Now every time I close my eyes
떠올라 수만 가지 things
어린 시절에 그린
나의 미래에 scenes
이루어진 건 잘 없지만
그래도 그때만큼은 즐거웠지 나는
여전하길 비네 시간이 지난 뒤에도
아무렇지 않게 날았으면 해 저 위에
Look where we at 구름 위에 불안감들 비워내
잠시나마 여길 떠나 멀리 warning

[Pre-Chorus: KIM SEJEONG]
걸어가자 천천히 넘어지지 않도록
조금 느리더라도 좋아
볼 게 많을 테니까
잠시 멈춰 서보자 돌아볼 수 있도록
괜찮아 잘했어
내가 뭐 어쩔 거야 세상은 운이야

[Chorus: KIM SEJEONG]
날아가자 높이
많은 걸 볼수록 확실할 테니
멀리 놓을수록 가벼워져 갈 테니까
Warning 떠나자 이대론 너도 나도 불안할 테니까
Warning 나 혼자면 어때 가면 누구라도 있겠지 뭐

[Bridge: KIM SEJEONG]
무서웠던 맘이 사라지기를
내일이 오지 않길 기도하던
나의 세상도
나아갈 거야 앞으로
우울을 밟고서

[Chorus: KIM SEJEONG]
Worth it, worth it, worth it
나아가자 높이
모든 걸 밟고 찬란한 우주로
멀리 쏘아 올린 작은 별을 다시 찾자
Worth it 가보자 까짓 거 지금보단 나아질 테니까
Worth it 물러서 있기엔 너무 아름다운 나이니까

▲ Hide lyrics

https://www.youtube.com/watch?v=2O6dRaBbFoo

iKON - 이별길 (GOODBYE ROAD)

[Music/Break]--K-Pop

▲ click me to stick to the left top (fixed position)

< >

▼ Toggle lyrics

Goodbye goodbye 이별을 알았다면
그토록 사랑하지 말 걸 그랬나 봐요

무덤덤해져 가는 서로의 감정 때문에 상처를
주는 것조차도 이제 무덤덤한 우리
이미 사랑은 떠났고 정밖에 남지 않았어
그냥 그런가 하고 뜨뜻미지근 해졌지
(Where you at)
관심은 집착이 되어 버리고
(Where you at)
의심은 거의
밥 먹듯이 해
너와 내가 쌓았던 신뢰란 성은 무너지고
넌 이제 이별길을 걸으며 새사람을 찾지

같이 울기 위해 널 만난 건 아닌데
(눈물이 난다)
상처받기 위해 쌓은 추억이 아닌데
(잊혀져 간다)
너무 쉽게 또 한 사람과 남이 돼
Ooh
고작 이별하기 위해 널 사랑한 건 아닌데
(익숙해져 간다)

잘가요 그 험한 이별길을
나를 떠나 부디 꽃길만 걸어요 (꽃길만 걸어요)

조심히 가요 외로운 이별길을
가는 길에 나의 모든 기억을 버려요 (기억을 버려요)

지나간 기억 속에서 산다는 건
그 얼마나 무기력한 외로움일까
그 기억 속에서조차 잊혀진다는 건
또 어떤 순간보다 잔인한 아픔인가
죽도록 사랑했건만 끝내 나 죽지 않았네
숨을 깊게 들이마셔도 내뱉으면 한숨이 돼
누구나 하는 이별이니 우리 슬퍼 말아요
난 또 그대 닮은 듯 아닌 사람 찾아갈게요

같이 울기 위해 널 만난 건 아닌데
(눈물이 난다)
상처받기 위해 쌓은 추억이 아닌데
(잊혀져 간다)
너무 쉽게 또 한 사람과 남이 돼 ooh
고작 이별하기 위해 널 사랑한 건 아닌데
(익숙해져 간다) yeah

잘가요 그 험한 이별길을
나를 떠나 부디 꽃길만 걸어요 (꽃길만 걸어요)

조심히 가요 외로운 이별길을
가는 길에 나의 모든 기억을 버려요 (기억을 버려요)

Goodbye goodbye 이별을 알았다면
그토록 사랑하지 말 걸 그랬나 봐요 (그랬나 봐요)

Goodbye goodbye 어차피 떠난다면 (떠난다면)
어떤 미련도 남지 않게 보란 듯이 살아요 (살아요) ooh

잘 가요 어여쁜 내 사람아
나를 떠나 행복하게만 살아요
(행복하게만 살아요)

조심히 가요 가슴 아픈 사랑아
내 곁에 있을 때처럼 아프지 말아요
(그대 아프지 말아요)
(Check it out)

나
나나나나나나
나나나나나나
나나나나나 yeah
나나나나 나
나나나나나나
나나나나나나
나나나나나

작사: Bobby / Future Bounce / - B.I / Future Bounce 2 / Rebecca Rose Johnson
이별길 (GOODBYE ROAD) 가사 © Warner Chappell Music, Inc

▲ Hide lyrics

https://www.youtube.com/watch?v=xa8TBfPw3u0

박지윤 (Park Ji Yoon) - 미스터리 (Mr.Lee), Feat. San E

[Music/Break]--K-Pop

▲ click me to stick to the left top (fixed position)

< >

#date 2013. 10. 17.

▼ Toggle lyrics

https://www.youtube.com/watch?v=eN5mG_yMDiM

빅뱅 (BIGBANG) - 봄 여름 가을 겨울 (Still Life)

[Music/Break]--K-Pop

▲ click me to stick to the left top (fixed position)

< >

▼ Toggle lyrics

https://www.youtube.com/watch?v=RUd6LLIr-Wg

성시경 - 거리에서

[Music/Break]--K-Pop

▲ click me to stick to the left top (fixed position)

< >

#date 2012

▼ Toggle lyrics

https://www.youtube.com/watch?v=oFmfi1vM7co

빅뱅 (BIGBANG) - WE LIKE 2 PARTY

[Music/Break]--K-Pop

▲ click me to stick to the left top (fixed position)

< >

▼ Toggle lyrics

#related

▲ click me to stick to the left top (fixed position)

More Recoms...

728x90

저작자표시 비영리 변경금지

'[IT/Programming] > HTML related' 카테고리의 다른 글

Retrieving the title and singer from Spotify (0)	2023.10.27
Implementing multicursor like sublime text Ctrl+D in HTML javascript textarea (1)	2023.10.26
Javascript (자바스크립트): async 와 await (0)	2023.10.25
트위터 트윗 퍼오기 (Embedding Twitter Tweet) (0)	2023.10.25
<link ref="canonical" href="..." /> 설정하기 (DISQUS config 활용) (0)	2023.10.25
Mouse click 들 (left, right, wheel, wheel up, wheel down, back, forward) 구분해내기 (1)	2023.10.25
틱톡 (TikTok) \| weverse.io 퍼오는 법 (3)	2023.10.25

kipid's blog

Neighbors points plot plan (svg)

'[IT/Programming] > HTML related' 카테고리의 다른 글

티스토리툴바

Neighbors points plot plan (svg)

'[IT/Programming] > HTML related' 카테고리의 다른 글

'[IT/Programming]/HTML related' Related Articles

티스토리툴바