Skip to content

Instantly share code, notes, and snippets.

var columnmaterial = new THREE.MeshPhongMaterial({
color: "#0000ff"
});
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);
var objlight = new THREE.PointLight(0xffffff, 0.7);
objlight.position.set(0, 50, 70);
scene.add(objlight);
var title = createType({text: "U.S. Population By Age, January 2000 in millions"});
title.position.set(-chartwidth/2, chartheight + 10, -5);
scene.add(title);
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);
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 );
// renderer.setSize(width, height);
effect.setSize(width, height);
// 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';
{"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.