Danfo.js는 구조화 된 데이터를 조작하고 처리하기위한 직관적이고 사용하기 쉬운 고성능 데이터 구조를 제공하는 오픈 소스 JavaScript 라이브러리입니다.특징: Danfo.js is fast. It is built on Tensorflow.js and suppo
기본적으로 형태들을 알아야 하고 정리할 필요성이 있다고 판단해서 정리하고자 한다. >Pandas 자료구조 1) Series 2) DataFrame 1) Series Danfo.js에서 이를 실행시키면 표의 형태로 아래와 같이 출력된다. ||0| |------|-
과거 flask로 했던 내용1과거 flask로 했던 내용2일단 전체 코드를 기준으로 설명을 진행하고자 한다.
1) 내가 원하는 데이터를 얻기위해 일단 공공데이터 사이트를 들어갔다.2) 내가 원하는 내용은 시도별 일일 코로나 확진수이다. 3) 내용들 중 내가 원하는 것이 딱 있었다. 4) 일단 활용신청을 누르고 이것저것 작성하면 아래와 같이 마이페이지에 내용이 있는 것을 알 수
1) 문자 깨진것 고치는 방법 찾기 (코드내에서 UTF-8과 관련있지않을까?)2) 해당 열마다의 내용을 이해해보자 그래서 필요한 내가 원하는 부분을 알아내자기본적으로 많은 내용들에서 <?xml version="1.0" encoding="euc-kr" ?> 혹은
이전 내용 : 공공데이터1 공공데이터2DANFO.JS를 이용한 내용을 과거 했던 CSV 파일을 적용이 아닌 새로운 공공데이터를 통해 얻어낸 것을 통해 링크에 있는 결과와 같이 적용시켜보기=> 방법 ( 일단 CSV 파일을 10일치 정도 모아저장시켜놓고 이를 INC_DEC
input 태그와 submit 태그 만들기input 태그 후 submit을 제출 클릭시 이벤트가 발생하여 input의 값을 가져오는 형태로 진행가져온 값을 필요부분을 추출하여 배열형태로 진행 (해당 진행시 합계부분을 생략하는 형태가 필요)button의 클릭이 발생하면
이전내용이전 보안 관련 내용설명부분을 0303~0313으로 보단 좀더 코로나 인구수를 위한 날짜로 0303~0313으로 누르도록 이렇게 해야할까?아니면 달력그래프를 통해 데이터를 얻어올까?script내용부분을 좀 더 간결하고 정리해서 수정하는게 나을거같다. ex) le
이전내용기존에는 배열을 \['200304','200305','200306'....] 이러한 형태로 추가를 해주었다. 하지만 데이터의 양이 많아질수록 할 수 없는 일이란 것을 알고 이를 해결하기 위한 방법을 생각했다.결국 목표하는 것은 필요한 3월 4일부터의 날짜를 받
이전내용날짜를 선택하여 클릭하면 pie그래프만 나오는 코드로 구현되어있다.날짜마다의 증가 비율이 아닌 인원수도 판단을 위해 bar차트 구현 시도필요에 따라 bar차트와 pie차트를 삭제할 수 있는 버튼을 구현 공식사이트에 나온 내용을 토대로 기존 Pie차트에서 조금 수
입력한 text에 해당하는 index만을 가져오게 하는 것 정상적으로 원하는 지역을 적고 입력을 하면 결과가 나타났다.굳이 제주 서울 이렇게 적을 필요성이 있을까와 이러다가 글씨를 잘못쓰는 오류가 많이 발생하지않나 라는 생각을 했다.select option을 통해 선택
저번 내용과 마찬가지로 해당 날짜를 검색해서 그 날짜에서 지역을 mouseover 할 경우에 해당 날짜의 지역의 증가량을 알려주는 형태로 진행현재는 증가량 값을 alert을 통해 나타냈지만 Tooltip이나 다른 방법으로 해당 마우스 내용 위에 보이게 만들 수 있지 않
Jquery >내가 이걸 쓰게 될 줄은 몰랐다. Tooltip구현을 위해서 쉬운 방법이 없나 찾다가 Jquery 관련 블로그를 보며 간단히 사용하는 코드를 보았다. 이것을 공공데이터를 mouseover 할 경우 적용시키게 하기 위해서 한번 시도를 해보았다. 적용내용
딱봐도 가로쪽이 문제가 많다. 일단 날짜도 제대로 안보이고 너무 과하게 많다.진짜 누가만들었는지 몰라도 04월을 하던지 4월을하던지 하나만 하지 일단 이래서 slice함수로 정리도 어렵고 날짜마다 일수가 두자리 수일때도 있고 한자리 수일때도 있으므로 정리가 어렵다.기존
line그래프 형태로 바로 출력을 해주는 그래프이다. load() 함수에서 필요한 데이터만 뽑아내고 그 데이터를 Promise로 리턴하여 다른 함수로 각각 실행하게 한다.버튼 4개를 추가해 (line차트버튼,bar차트버튼,line차트버튼삭제,bar차트버튼삭제) 핸들러를
우리는 일일 코로나 확진자 수를 안다. 이를 통해 보면 어떤 숫자를 기준으로 그 수보다 많은 날들이 있고 적은 날들이 있다. 만약 많은날들을 찾는다면 이렇게 찾은 결과의 날짜들은 그당시 폭증한 이유가 존재한다. ex) 교회 확진자, 광화문 집회 Daily_Increas
기존에는 두 데이터를 서로 비교하는 방식으로 작동을 시켜왔다. 이를 두 도시가 아닌 다수도 가능한 것이냐에 대한 의견이 제시되고 이를 적용시키기 위해 Danfo.js 공식 홈페이지를 검색했다. 이런식으로 객체에 프로퍼티와 값을 넣고 이를 출력하는것도 정상적으로 작동했다
js에서의 데이터를 csv로 바꾸는 방법에 대한 것으로 Blob라는것이 사용된다 한다. 참고한 사이트기존의 코드부분에서 3줄 추가 ( 해당 필요한 배열형태의 지역데이터와 지역의 배열 데이터를 가져오는 location과 지역의 증가수를 가져오는 Increase를 down
downloadCSV함수를 추가하였고 각각의 버튼 핸들러에 document.querySelector('.but').addEventListener('click',()=>downloadCSV(df.Location.data,df.Price.data)); 를 추가하
EX)http://openapi.data.go.kr/openapi/service/rest/Covid19/getCovid19SidoInfStateJson?serviceKey=u%2BXsTVV1nl13bsl5mxFNCaZ0o48loSbVj4pQoNm2xFONwLs
기존에는 특정 날짜를 input 태그를 이용해 날짜를 설정 한 후에원 차트 추가 버튼 or 막대 차트 추가 버튼을 통해 해당 날짜의 시도별 코로나 확진자 수 결과를 조회하였다.매번 날짜를 일일히 입력해야하고 버튼을 눌러야하는 번거로움 이라는 내용으로 피드백이 들어와서
결과물나의 결과물팀원의 결과물heroku 서버를 통해 마지막 날짜를 받아와 해당 날짜까지의 csv파일을 읽어들여 확진자 수를 계산하여 하나의 그래프로 구현(line / bar 각각 구현 및 삭제기능 존재 / 다운로드 기능 구현)바 슬라이더를 이용해 드래그 시 해당 날짜
해당 url 클릭시 바 슬라이더가 구성되며 해당 시작날짜는 2020년 03월 04일이고 끝나는 날짜는 heroku 서버에서 가져온 마지막 날짜로부터 처리한다. 해당내용을 전부 보는 것보다 원하는 날짜를 설정해서 그 기간을 볼 수 있게 하면 어떨까라는 내용의 피드백이 왔