웹기반 3디기능을 지원하는 ThreeJS를 이용하여 3디지구를 만들어 보았습니다.

샘플링크주소: World Population Density: 2010

샘플은 2010년도 지역별 인구밀도를 3디지구를 생성하여 표식해주는 기능입니다.

매 지역별 인구밀도값은 CSV파일에 편집되었으며 자바스크립트로 이 CSV파일내용을 읽어 ThreeJS에 넘겨줍니다.

[code]

$(document).ready(function()  {

        jQuery.get('World Population Density_ 2010_files/density.csv', function(data) {

            addDensity(CSVToArray(data));

            addLights();

            addEarth();

            addClouds();

            render();

        });

    });

[/code]

상세한 코드는 샘플링크주소를 참고해주세요.