This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var columnmaterial = new THREE.MeshPhongMaterial({ | |
color: "#0000ff" | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
data.forEach(function(d, i, a){ | |
var colheight = yscale(d.all); | |
var columngeo = new THREE.BoxGeometry( | |
columnwidth, colheight, columnwidth); | |
var columnmesh = new THREE.Mesh(columngeo, columnmaterial); | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var objlight = new THREE.PointLight(0xffffff, 0.7); | |
objlight.position.set(0, 50, 70); | |
scene.add(objlight); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var title = createType({text: "U.S. Population By Age, January 2000 in millions"}); | |
title.position.set(-chartwidth/2, chartheight + 10, -5); | |
scene.add(title); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var xzerolabel = createType({text: "0 years old", size: 1.5}); | |
xzerolabel.position.set(-chartwidth/2 - 1, 2, 0); | |
scene.add(xzerolabel); | |
var x100label = createType({text: "100+ years old", size: 1.5}); | |
var xOffset = ( x100label.geometry.boundingBox.max.x - | |
x100label.geometry.boundingBox.min.x ); | |
x100label.position.set(chartwidth/2 - xOffset, 2, 0); | |
scene.add(x100label); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
yscale.ticks(5).forEach(function(t, i, a){ | |
//Draw label | |
var label = createType({text: "" + (t/1000000), size: 1.5}); | |
var xOffset = ( label.geometry.boundingBox.max.x - | |
label.geometry.boundingBox.min.x ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// renderer.setSize(width, height); | |
effect.setSize(width, height); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// global vars | |
var $graphic = null; | |
var graphicD3 = null; | |
var $pauseButton = null; | |
var $playButton = null; | |
var pymChild = null; | |
var GRAPHIC_DATA_URL = 'union-reshaped-final.csv'; | |
var TOPO_DATA_URL = 'us-states.json'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"type":"FeatureCollection","features":[ | |
{"type":"Feature","id":"1","properties":{"name":"Alabama"},"geometry":{"type":"Polygon","coordinates":[[[-87.359296,35.00118],[-85.606675,34.984749],[-85.431413,34.124869],[-85.184951,32.859696],[-85.069935,32.580372],[-84.960397,32.421541],[-85.004212,32.322956],[-84.889196,32.262709],[-85.058981,32.13674],[-85.053504,32.01077],[-85.141136,31.840985],[-85.042551,31.539753],[-85.113751,31.27686],[-85.004212,31.003013],[-85.497137,30.997536],[-87.600282,30.997536],[-87.633143,30.86609],[-87.408589,30.674397],[-87.446927,30.510088],[-87.37025,30.427934],[-87.518128,30.280057],[-87.655051,30.247195],[-87.90699,30.411504],[-87.934375,30.657966],[-88.011052,30.685351],[-88.10416,30.499135],[-88.137022,30.318396],[-88.394438,30.367688],[-88.471115,31.895754],[-88.241084,33.796253],[-88.098683,34.891641],[-88.202745,34.995703],[-87.359296,35.00118]]]}}, | |
{"type":"Feature","id":"2","properties":{"name":"Alaska"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-131.602021,55 |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.