728x90

d3.js 4

[데이터 시각화] D3.js로 세계 지도에 국가별 Corona19 코로나 확진자 수 실시간으로 나타내기

코로나19 확진자는 어느 국가를 중심으로 어떻게 늘었을까? 코로나19 확진자 수를 세계 지도에 날짜별 국가별로 나타내어 확진자가 어느 국가를 중심으로 어떻게 늘어났는지 시각화해보았습니다. 확진자 수 데이터는 kaggle.com에서 다운받아 전처리하여 사용하였습니다 TopoJSON에는 국가명이 아닌 국가 코드만 존재하였고, 국가별 확진자 수 데이터에는 국가 코드가 아닌 국가명만 존재하였습니다. 그래서 국가별 코드 및 국가명 데이터를 별도로 구하여 TopoJSON에 추가하였습니다. 하지만 TopoJSON에 추가한 국가명이 국가별 확진자 수 데이터의 국가명과 정확하게 일치하지 않는 경우가 많아 데이터 전처리 단계에서 상당한 어려움을 겪었습니다. index.html World COVID-19 Confirmed ..

[데이터 시각화] D3.js로 날짜별 Corona19 코로나 확진자 수 상위 10개국 실시간으로 나타내기

날짜별 가장 많은 코로나19 확진자가 발생한 국가나 지역은 어디일까? 코로나19 확진자 수가 많은 상위 10개 국가 또는 지역을 날짜별로 실시간 업데이트해보았습니다. 확진자 수 데이터는 kaggle.com에서 다운받아 전처리하여 사용하였습니다. index.html Which countries or regions have the most COVID-19 confirmed cases? Top 10 Countries or Regions by daily accumulated COVID-19 confirmed cases (data from kaggle.com) * 전체 데이터 및 코드 : 참고자료: bl.ocks.org/charlesdguthrie/11356441

[데이터 시각화] GeoJSON과 TopoJSON

데이터를 지도 형태로 시각화할 때 GeoJSON이나 TopoJSON 데이터를 활용할 수 있다. 1. GeoJSON www.geojson.org 에 따르면 GeoJSON은 다양한 지리적 데이터 구조를 인코딩하는 형식이다. GeoJSON은 Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon의 기하학적 유형을 지원한다. 추가 프로퍼티를 가진 기하학적 객체는 Feature 객체이고, Feature 객체 집합은 FeatureCollection 객체에 포함된다. { "type": "Feature", "geometry": { "type": "Point", "coordinates": [125.6, 10.1] }..

728x90