728x90 반응형 '따릉이' 사용 이력의 가시화 Project - 04. 대여소 위치 표시하기 이제 대여서 위치를 표시 해 보도록 하겠습니다. 이것은 기존에 참고했던 맛집 위치 표시 코드를 그대로 사용하면 됩니다. 그런데, 코드 분석을 너무 안해서 D3를 써서 어떻게 그리고 있는지 거의 모르고 있네요. 그리는 부분만 좀 확인 해 보도록 하겠습니다. 우선 색상은 class별로 색상을 지정하는 style을 써서 적용했기 때문에, javascript code에는 나타나지 않습니다. style을 회색에서 녹색으로 수정해 보겠습니다. 요렇게 지정한 색상이 적용 됩니다. 나중에 구별로 다른 색상을 표시하려면 fill 속성값을 로직으로 직접 계산해서 출력해야겠네요. 출력 된 HTML 코드를 보면, 색상과 관련 된 속성은 없는 것을 볼 수 있습니다. class id를 보면 style이 적용 된 속성인 것을 알 .. 2021. 2. 7. '따릉이' 사용 이력의 가시화 Project - 03. 서울지도 그리기와 대여소 현황 데이터 얻기 많은 분들께 참조가 되었던 아래 사이트의 내용을 잠시 살펴보겠습니다. https://www.lucypark.kr/blog/2015/06/24/seoul-matzip-mapping/ D3를 이용한 서울시내 맛집 시각화 (feat. 식신로드) - Lucy Park 이 글의 초안은 원래 지난 5월 초에 작성했는데, 바쁜 일들 처리하고, 메르스가 오고, 여차저차 하다보니 어느덧 6월 말이 되어버렸네요. 시의성을 위해서는 맛집 대신 다른 내용의 지도를 내보�� www.lucypark.kr 지금은 코로나가 난리인데, 메르스가 언급 되는 것을 보니 시간이 많이 흐른 것이 체감 되네요. 코로나도 빨리 지나가면 좋겠습니다. 1. 요약 [0단계] - D3.js와 TopoJSON을 이용해서 가시화 한다. [1단계] - 네이.. 2020. 8. 23. '따릉이' 사용 이력의 가시화 Project - 02. D3.js로 서울 지도 그리기 검색을 해 보니 많은 분들이 정리 해 둔 자료가 많습니다. (나만 열심히 하면 되는???) 쫓기듯 조급하게 생각하지 말고, 즐기는 마음으로 천천히 해 보겠습니다. 1. 서울 지도 그리기 샘플 검색을 해서 서울 지도를 그리는 포스트를 하나 찾아봤습니다. 이 포스트 내용만 해도 아주 많은 내용을 담고 있고, 공부 할 것이 많아요. 다 알고 구현하려면 말이죠~ 그런데, 그렇게 하면 지치고 재미가 없어질 수 있으니까, 필요한 것만 가져다 쓰는 방식으로 한번 활용 해 보겠습니다. 올려두신 자료 잘 한번 써보겠습니다. (참고 사이트도 잘 정리 해 두셨어요.) http://blog.daum.net/l357next/9 d3.js로 만든 서울지도, 전국지도 d3.js로 만든 서울지도, 전국지도 마우스휠로 확대, 축소 가.. 2020. 8. 23. '따릉이' 사용 이력의 가시화 Project - 01. 뭘 할까?? 최근에 Opentutorials/생활코딩/구글에서 진행한 인공지능 입문 교육에 참여 해 봤습니다. 강의를 다 듣고나니 뭐라도 당장 해 보고 싶은 마음이 막 솟구칩니다. https://www.opentutorials.org/course/4548 머신러닝1 - 생활코딩 www.opentutorials.org Opentutorials는 꽤 오래 전 부터 코딩을 아주 쉽게 설명 해 주는 강좌가 가득차 있어 온, 멋진 곳입니다. 참여 하시는 분들도 대단하시지만, 이 조직(?)을 이끌어 온 '이고잉'님의 정성이 이런 성과를 만들어 낸 것 같습니다. https://www.opentutorials.org/ opentutorials.org 오픈튜토리얼스 업데이트 www.opentutorials.org 뭔가 새로운 것을 .. 2020. 8. 22. 이전 1 다음 728x90 반응형
