[{"data":1,"prerenderedAt":271},["ShallowReactive",2],{"project-27029776":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":45,"what":46,"said":72,"maker_in_thread":167,"shape":178,"grid":180,"attempts":232,"same_week":233,"maker_shows":41,"maker_hidden":263,"reader_version":264,"card":265},"27029776","I built Grafar","A visualization library","title","Show HN: I built Grafar, a visualization library","https:\u002F\u002Fthoughtspile.github.io\u002Fgrafar?new","thoughtspile.github.io","thoughtspile",1620070964,2021,212,24,211,2533,9,"notable","languages","visualization library","library",[24,25,26,27],"3d plotting","javascript visualization","threejs","data visualization","debated",-0.034,{"positive":31,"neutral":32,"mixed":32,"critical":33},5,2,6,15,{"docs":36,"design":38,"execution":40,"performance":42,"idea":43},{"positive":37,"critical":32},0,{"positive":37,"critical":39},3,{"positive":41,"critical":41},1,{"positive":32,"critical":37},{"positive":32,"critical":37},[39,37,39,39,37,41,37,41,37,39,41,31,37,31,31,41,37,41,37,41,37,31,37,31],null,{"problem":47,"audience":45,"pricing":45,"motivation":55,"time_to_build":45,"stack":62,"openness":69,"stage":70,"team_size":71},{"value":48,"source":49,"evidence":50},"Easy no-boilerplate 3D plotting in the browser","commenter",[51],{"id":52,"by":53,"text":54},"27030020","dkatz23238","Thanks for sharing and creating, I have not been able to find easy no-boilerplate 3d plotting in the browser for a while. grafar seems to fit this niche well.",{"value":56,"source":57,"evidence":58},"Maker wanted a side project using it and open sourced it so someone else could build on it","maker",[59],{"id":60,"by":11,"text":61},"27030702","I've been trying to come up with a side project that would use it, make sense, and not involve just randomly sticking more features in there for around 5 years now =) Actually I…",[63],{"value":64,"source":57,"evidence":65},"Three.js",[66],{"id":67,"by":11,"text":68},"27030128","Not as lightweight as I'd like it to be (threejs is pretty big), but in some respects it probably is. Thanks for the heads up, I was too eager to get it out of the door — all the…","open_source","launched","unknown",{"praise":73,"objections":95,"requests":133,"questions":153,"alternatives":158},[74,81,91],{"value":75,"source":49,"evidence":76},"Easy API and well-written docs",[77],{"id":78,"by":79,"text":80},"27032063","krono","Best open source project origin story ever. Hah! On a more serious note though, I can really see this taking off. Easy to use API, well written and easy to follow docs, good…",{"value":82,"source":49,"evidence":83},"Good performance, runs smoothly on laptops and phones",[84,87],{"id":85,"by":79,"text":86},"27030307","This is awesome! More amazing still is that my Macbook 16\" isn't even going into VTOL\u002FArtic emergency space heater mode when playing with the demos! These sort of graphs always…",{"id":88,"by":89,"text":90},"27030099","SeriousM","This is great! And the examples work on the phone just without any issues! Congratulations",{"value":92,"source":49,"evidence":93},"Fills a gap for simple 3D plotting in the browser",[94],{"id":52,"by":53,"text":54},[96,107,122],{"value":97,"source":49,"evidence":98},"Mobile layout hides visualizations and makes scrolling hard",[99,103],{"id":100,"by":101,"text":102},"27030549","sillysaurusx","Some feedback: show me the result on the front page. It’s a vis lib, but you’re not showing any of the visualizations (at least on mobile). The code sandbox is ok, but it has no…",{"id":104,"by":105,"text":106},"27032268","withinrafael","Looks neat but browsing the site on mobile is infuriatingly difficult. Tapping the tutorial link under Next Steps does nothing and it's hard to scroll around with the plots so…",{"value":108,"source":49,"evidence":109},"Broken links and wrong page title in early version",[110,114,118],{"id":111,"by":112,"text":113},"27032237","eCa","I’m on ios\u002Fsafari, no visualization on the linked page, and the links to the tutorial and api docs don’t work. Tried reloading multiple times.",{"id":115,"by":116,"text":117},"27033124","emmelaich","Also, the title is \"Document\" -- not much good for bookmarks :-)",{"id":119,"by":120,"text":121},"27029919","noofen","Great work, I might use this in some of my apps. Beautiful and lightweight, keep it up! EDIT: Also, the link on your Github repo is broken.",{"value":123,"source":49,"evidence":124},"Examples are outdated and no gallery page",[125,129],{"id":126,"by":127,"text":128},"27030829","mkl","This looks neat! I think you really need a gallery page that shows all the kinds of things that are possible. Is there a way to make the background transparent, so you just see…",{"id":130,"by":131,"text":132},"27033704","simonw","It's definitely worth getting a gallery working. I'm absolutely the target market for this and I really want to see it in action... but not quite enough to checkout code, run…",[134,139,149],{"value":135,"source":49,"evidence":136},"Add a gallery page of examples",[137,138],{"id":126,"by":127,"text":128},{"id":130,"by":131,"text":132},{"value":140,"source":49,"evidence":141},"Support orthographic projection by default",[142,146],{"id":143,"by":144,"text":145},"27035128","numlock86","Maybe it's just me but I think a library focused at visualizing data in 3d space should use orthographic projection as a default. Coll stuff nevertheless.",{"id":147,"by":11,"text":148},"27035332","I did use axonometry in the early versions. While it did work well for surfaces with faces, lines and particles floating in 3D space were extremely confusing because you couldn't…",{"value":150,"source":49,"evidence":151},"Transparent background option",[152],{"id":126,"by":127,"text":128},[154],{"value":155,"source":49,"evidence":156},"Can the plot background be made transparent?",[157],{"id":126,"by":127,"text":128},[159,163],{"value":160,"source":49,"evidence":161},"JSXGraph",[162],{"id":126,"by":127,"text":128},{"value":164,"source":49,"evidence":165},"GeoGebra",[166],{"id":126,"by":127,"text":128},{"comments":18,"answered":32,"key":168},[169,172,175],{"id":170,"text":171},"27030969","You can style the container via CSS. There is actually a huge pile of examples in the repo: https:\u002F\u002Fgithub.com\u002Fthoughtspile\u002Fgrafar\u002Ftree\u002Fmaster\u002Fexamples Some of them are for older…",{"id":173,"text":174},"27030669","Ah, you must've hit a script load race condition — I thought that would be pretty rare. Should be fixed now, thanks for the feedback!",{"id":176,"text":177},"27035348","GH pages cache can be very annoying sometimes.",{"commenters":34,"max_depth":31,"maker_replies":18,"first_comment_mins":34,"lifespan_hours":179},14,[181,183,185,186,188,190,192,193,195,198,202,206,208,210,212,213,215,218,221,223,224,225,227,229],[126,37,39,182,127,37],"project\u002Fneutral\u002Fdocs",[170,37,37,184,11,41],"maker\u002Fneutral\u002Fdocs",[130,37,39,182,131,37],[100,41,39,187,101,37],"project\u002Fmixed\u002Fdesign",[173,41,37,189,11,41],"maker\u002Fneutral\u002Fexecution",[111,41,41,191,112,37],"project\u002Fcritical\u002Fexecution",[176,41,37,189,11,41],[115,41,41,194,116,37],"project\u002Fcritical\u002Fdocs",[196,41,37,197,11,41],"27035340","maker\u002Fpositive\u002Fexecution",[199,41,39,200,201,37],"27035779","project\u002Fmixed\u002Fdocs","yesenadam",[203,41,41,204,205,37],"27035736","project\u002Fcritical\u002Fdesign","mpermar",[85,32,31,207,79,37],"project\u002Fpositive\u002Fperformance",[60,32,37,209,11,41],"maker\u002Fneutral\u002Fidea",[78,32,31,211,79,37],"project\u002Fpositive\u002Fidea",[52,39,31,211,53,37],[104,214,41,204,105,37],4,[216,214,37,217,11,41],"27035373","maker\u002Fneutral\u002Fdesign",[219,31,41,194,220,37],"27030529","hervature",[222,31,37,184,11,41],"27030618",[143,33,41,204,144,37],[147,33,37,217,11,41],[119,226,31,207,120,37],7,[67,226,37,228,11,41],"maker\u002Fneutral\u002Fperformance",[88,230,31,231,89,37],8,"project\u002Fpositive\u002Fexecution",[],[234,239,243,248,253,258],{"id":235,"name":236,"points":237,"category":238},"26998308","Second-Chance Pool",543,"consumer_social",{"id":240,"name":241,"points":242,"category":238},"27034904","Boze",450,{"id":244,"name":245,"points":246,"category":247},"27050801","Building Mobile Apps at Scale",357,"learning_science",{"id":249,"name":250,"points":251,"category":252},"27054357","CS Weapons",245,"games",{"id":254,"name":255,"points":256,"category":257},"27007844","git-split-diffs",178,"dev_tools",{"id":259,"name":260,"points":261,"category":262},"26990615","tiny-hdl",122,"hardware",false,"v2",{"id":266,"name":5,"line":6,"ai":263,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":267,"top":18,"kw":268,"maker":11,"domain":10,"tier":19,"attempts":37,"strip":269,"url":9,"mix":270,"praise":75,"objection":97,"sub":21},27029776,-0.03,[24,25,26,27],"303301010315055101010505",[31,32,32,33],1794036606368]