[{"data":1,"prerenderedAt":344},["ShallowReactive",2],{"project-16902431":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":34,"aspects":35,"strip":44,"post_text":47,"what":48,"said":74,"maker_in_thread":198,"shape":203,"grid":207,"attempts":306,"same_week":307,"maker_shows":46,"maker_hidden":336,"reader_version":337,"card":338},"16902431","NYC Buildings","Interactive WebGL visualization of all 47K buildings in Manhattan","title","Show HN: Interactive WebGL visualization of all 47K buildings in Manhattan","https:\u002F\u002Ftbaldw.in\u002Fnyc-buildings","tbaldw.in","taylorbaldwin",1524483231,2018,151,42,271,2155,13,"notable","creative","data visualization","web_app",[24,25,26,27],"webgl","manhattan buildings","3d visualization","nyc data","roasted",-0.417,{"positive":31,"neutral":32,"mixed":31,"critical":33},2,9,15,28,{"design":36,"execution":38,"performance":41,"idea":43},{"positive":31,"critical":37},5,{"positive":39,"critical":40},0,6,{"positive":39,"critical":42},4,{"positive":39,"critical":39},[45,46,45,46,37,39,39,45,39,46,46,45,39,39,45,39,39,46,39,37,46,45,45,39,46,46,45,45,46,39,39,39,45,45,46,46,39,46,46,46],3,1,null,{"problem":47,"audience":47,"pricing":47,"motivation":47,"time_to_build":47,"stack":49,"openness":71,"stage":72,"team_size":73},[50,56,64],{"value":51,"source":52,"evidence":53},"WebGL","maker",[54],{"id":55},"post",{"value":57,"source":58,"evidence":59},"d3-scale","commenter",[60],{"id":61,"by":62,"text":63},"16903651","bkircher","Indeed. Also no three.js [1]. Only some d3 [2] bits. [1] https:\u002F\u002Fthreejs.org\u002F [2] https:\u002F\u002Fgithub.com\u002Fd3\u002Fd3-scale",{"value":65,"source":58,"evidence":66},"regl (suggested over three.js)",[67],{"id":68,"by":69,"text":70},"16905856","wereHamster","regl (http:\u002F\u002Fregl.party\u002F) instead of three.js. For such relatively static scenes (the 3D model doesn't change, only the vertex colors), regl is simpler IMO. You have more control…","open_source","launched","unknown",{"praise":75,"objections":95,"requests":156,"questions":171,"alternatives":187},[76,91],{"value":77,"source":58,"evidence":78},"Visualization is cool and impressive",[79,83,87],{"id":80,"by":81,"text":82},"16903495","gandreani","I really appreciate the confirmation modal in the beginning. This is _very_ cool",{"id":84,"by":85,"text":86},"16903763","htgb","Both scrolling and panning (dragging) feels inverted to me! Specifically, it behaves the opposite way to for example Google Maps. (Scrolling away from the computer, towards me,…",{"id":88,"by":89,"text":90},"16913983","DougN7","That was really cool. I zoomed in until I was essentially at ground level and looked around. I have to say that to me, it was depressing. I can't imagine living in a place where…",{"value":92,"source":58,"evidence":93},"Confirmation modal appreciated",[94],{"id":80,"by":81,"text":82},[96,108,123,138,149],{"value":97,"source":58,"evidence":98},"Camera controls feel inverted and too sensitive",[99,100,104],{"id":84,"by":85,"text":86},{"id":101,"by":102,"text":103},"16903795","dbatten","I second this. I'd also add that the inputs are way too sensitive. Moving my mouse only a couple of pixels completely inverts the visualization! It's basically impossible to…",{"id":105,"by":106,"text":107},"16905546","laythea","I was unable to control it properly and gave up.",{"value":109,"source":58,"evidence":110},"Runs slowly, high GPU load and fan noise",[111,115,119],{"id":112,"by":113,"text":114},"16906747","izacus","Hmm, this actually runs surprisingly slow (I have a top of the line 15\" MBP with discrete graphics and it's not hitting 30fps). What's the deal with that? Is WebGL just so…",{"id":116,"by":117,"text":118},"16903615","sgt","Yes that's still the case with most WebGL demos I click. I clicked this one, and played around for 10 seconds. Then I heard the fans of my Macbook Pro spinning up.",{"id":120,"by":121,"text":122},"16911832","mattdesl","The geometry in this demo already is static. The app is vertex bound since the geometry has 11 million vertices, which is not trivial for any GPU to render.",{"value":124,"source":58,"evidence":125},"Crashes or fails to load in several browsers",[126,130,134],{"id":127,"by":128,"text":129},"16905553","daveguy","Crashed my browser (but on mobile, so maybe expected for intensive webgl). Chrome Mobile Version: 65.0.3325.109 Second launch didn't crash but gave the error: webgl hit a snag…",{"id":131,"by":132,"text":133},"16907159","hughes","Crashed mine on desktop too, on 66.0.3359.117. Locks up for a few seconds, slowly reaches ~75% loading progress, then \"Aw, Snap!\"",{"id":135,"by":136,"text":137},"16903762","doughj3","Doesn't seem to work in Chromium 62 or Chrome 63. Occasionally the browser says \"Rats! WebGL hit a snag. [Ignore] [Reload]\", and neither action helps. Occasionally WebGL doesn't…",{"value":139,"source":58,"evidence":140},"Height colormap seems meaningless or wrong",[141,145],{"id":142,"by":143,"text":144},"16909617","noobermin","Is it just me? The colormap doesn't seem correct for the height. Other than that it's nice.",{"id":146,"by":147,"text":148},"16904933","nwsm","Am I misinterpreting something or are the height colors meaningless?",{"value":150,"source":58,"evidence":151},"Mostly white, hard to see",[152],{"id":153,"by":154,"text":155},"16910983","aap_","It's all white and light grey, very hard to see anything :\u002F",[157,164],{"value":158,"source":58,"evidence":159},"Keyboard movement with WASD or arrow keys",[160],{"id":161,"by":162,"text":163},"16903789","rhcom2","Very cool, small quality of life suggestion is allow movement with WASD or the arrow keys.",{"value":165,"source":58,"evidence":166},"Zoom should center on cursor target",[167],{"id":168,"by":169,"text":170},"16904098","iooi","The camera should move when zooming in, for example if I'm pointing at the Empire State and I zoom in, the zoom should center on the building.",[172,179],{"value":173,"source":58,"evidence":174},"Why not use three.js",[175],{"id":176,"by":177,"text":178},"16904383","2474","Very cool data visualization. Are there any particular reasons you chose not to a library like THREE? Bundle size perhaps?",{"value":180,"source":58,"evidence":181},"Why is it slow compared to native OpenGL or Google Maps",[182,183],{"id":112,"by":113,"text":114},{"id":184,"by":185,"text":186},"16909266","ucaetano","You can compare this with Google Maps, since IIRC Google Maps also uses WebGL, and renders all of Manhattan with far more detail and without a snag.",[188,192],{"value":189,"source":58,"evidence":190},"Google Maps",[191],{"id":184,"by":185,"text":186},{"value":193,"source":58,"evidence":194},"Cities: Skylines",[195],{"id":196,"by":113,"text":197},"16912320","How does that number compare to for example Cities: Skylines which renders cityscapes smoothly on the same hardware?",{"comments":46,"answered":39,"key":199},[200],{"id":201,"text":202},"16902519","Data sources: https:\u002F\u002Fwww1.nyc.gov\u002Fsite\u002Fdoitt\u002Finitiatives\u002F3d-building.page https:\u002F\u002Fwww1.nyc.gov\u002Fsite\u002Fplanning\u002Fdata-maps\u002Fopen-data\u002Fdwn-pluto-mappluto.page And code is open:…",{"commenters":204,"max_depth":37,"maker_replies":46,"first_comment_mins":205,"lifespan_hours":206},35,12,44,[208,210,212,216,217,221,225,227,230,232,236,238,242,244,247,248,250,252,254,256,260,261,264,268,269,271,272,273,275,277,279,283,286,288,290,292,295,296,298,299,303,304],[84,39,45,209,85,39],"project\u002Fmixed\u002Fdesign",[101,39,46,211,102,39],"project\u002Fcritical\u002Fdesign",[213,39,45,214,215,39],"16904046","project\u002Fneutral\u002Fdesign","fogleman",[105,39,46,211,106,39],[218,39,37,219,220,39],"16906557","project\u002Fpositive\u002Fdesign","Raphmedia",[222,39,39,223,224,39],"16909409","commenter\u002Fcritical\u002Fdesign","saagarjha",[226,39,39,223,220,39],"16913066",[228,39,45,209,229,39],"16919296","kuroguro",[201,46,39,231,11,46],"maker\u002Fneutral\u002Fdocs",[233,46,46,234,235,39],"16903502","project\u002Fcritical\u002Fexecution","pvg",[112,31,46,237,113,39],"project\u002Fcritical\u002Fperformance",[239,31,45,240,241,39],"16907343","project\u002Fneutral\u002Fperformance","shurcooL",[184,31,39,243,185,39],"commenter\u002Fcritical\u002Fperformance",[245,31,39,243,246,39],"16909447","mortehu",[120,31,45,240,121,39],[196,31,39,249,113,39],"commenter\u002Fneutral\u002Fperformance",[251,31,39,249,121,39],"16914910",[253,31,46,237,246,39],"16917336",[255,31,39,249,121,39],"16911794",[257,45,39,258,259,39],"16907600","other\u002Fneutral\u002Fnone","walrus01",[80,42,37,219,81,39],[262,42,46,234,263,39],"16903633","justherefortart",[265,42,45,266,267,39],"16904417","project\u002Fneutral\u002Fexecution","vanderZwan",[61,42,45,266,62,39],[68,42,39,270,69,39],"commenter\u002Fneutral\u002Fexecution",[127,37,46,234,128,39],[131,37,46,234,132,39],[88,40,45,274,89,39],"project\u002Fneutral\u002Fidea",[161,276,45,214,162,39],7,[135,278,46,234,136,39],8,[280,278,39,281,282,39],"16903829","commenter\u002Fneutral\u002Fnone","0x0",[284,32,39,258,285,39],"16907102","woodpanel",[287,32,39,258,259,39],"16907579",[168,289,45,214,169,39],10,[176,291,45,266,177,39],11,[293,205,46,237,294,39],"16903466","ratsimihah",[116,205,46,237,117,39],[297,205,39,249,106,39],"16905563",[142,18,46,211,143,39],[300,301,46,234,302,39],"16909022",14,"futurix",[153,33,46,211,154,39],[146,305,46,211,147,39],16,[],[308,313,318,323,327,332],{"id":309,"name":310,"points":311,"category":312},"16909714","Intuitive Linear Algebra and 3D Geometry",402,"learning_science",{"id":314,"name":315,"points":316,"category":317},"16912601","Classroomies",360,"consumer_social",{"id":319,"name":320,"points":321,"category":322},"16902628","Wunderscan",330,"productivity",{"id":324,"name":325,"points":326,"category":20},"16884979","cchound",239,{"id":328,"name":329,"points":330,"category":331},"16902896","Quart",173,"languages",{"id":333,"name":334,"points":335,"category":322},"16876636","Telescope",166,false,"v2",{"id":339,"name":5,"line":6,"ai":336,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":340,"top":18,"kw":341,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":342,"url":9,"mix":343,"praise":77,"objection":97,"sub":21},16902431,-0.42,[24,25,26,27],"3131500301130030010513301133100033110111",[31,32,31,33],1794036565367]