[{"data":1,"prerenderedAt":444},["ShallowReactive",2],{"project-17716542":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":29,"sentiment":30,"stance_mix":31,"scored_comments":35,"aspects":36,"strip":46,"post_text":47,"what":48,"said":108,"maker_in_thread":198,"shape":200,"grid":205,"attempts":401,"same_week":406,"maker_shows":18,"maker_hidden":436,"reader_version":437,"card":438},"17716542","Pts.js","A library for visualization and creative coding","title","Show HN: Pts.js – A library for visualization and creative coding","https:\u002F\u002Fptsjs.org\u002F","ptsjs.org","wmnn",1533740872,2018,611,71,17,2155,1,"legend","languages","javascript graphics library","library",[24,25,26,27,28],"javascript","visualization","creative coding","geometry","canvas","loved",0.533,{"positive":32,"neutral":33,"mixed":18,"critical":34},23,15,3,42,{"idea":37,"design":40,"execution":42,"docs":44,"performance":45},{"positive":38,"critical":39},5,0,{"positive":41,"critical":39},9,{"positive":39,"critical":43},2,{"positive":43,"critical":18},{"positive":18,"critical":39},[38,38,34,34,39,39,39,39,39,39,34,39,39,38,38,38,38,38,38,39,38,38,38,38,34,39,39,34,18,38,34,38,34,18,38,39,39,38,38,38],null,{"problem":49,"audience":61,"pricing":47,"motivation":68,"time_to_build":47,"stack":75,"openness":105,"stage":106,"team_size":107},{"value":50,"source":51,"evidence":52},"Makes geometric and graphics drawing on canvas simpler by working with points and geometry operations","commenter",[53,57],{"id":54,"by":55,"text":56},"17717256","roywiggins","At first glance, it seems to support geometrical operations that neither of those have built in. Things like \"draw the incircle of this triangle\" and \"draw a perpendicular from a…",{"id":58,"by":59,"text":60},"17718189","vanderZwan","No, because TypeScript can be compiled to JavaScript, so you can use the resulting library in plain JS. If you want to check the source of the library, then yes, you need to know…",{"value":62,"source":51,"evidence":63},"Beginners and developers doing visualization and creative coding in JavaScript",[64],{"id":65,"by":66,"text":67},"17717591","metaphorical","Thank you! Yes, I want to make sure the lib is lightweight and easy to use for beginners -- just include a script and ready to go. There's of course a babel-ES6-TS-something for…",{"value":69,"source":51,"evidence":70},"Explore a single point and geometry transforms; lightweight library for beginners",[71,74],{"id":72,"by":66,"text":73},"17717729","Yes! It first started as Pt (in coffeescript) a few years ago, and it's an experimental project to explore \"a single point\". Last year I started rewriting everything from…",{"id":65,"by":66,"text":67},[76,83,91,98],{"value":77,"source":51,"evidence":78},"JavaScript",[79],{"id":80,"by":81,"text":82},"17717302","grezql","Very cool. Kudos for providing a good old-fashioned javascript library and not forcing people to use flavour of the month MVC\u002FMVVM framework \u002F babel-ES6-TS-god-knows-what…",{"value":84,"source":51,"evidence":85},"TypeScript",[86,87],{"id":58,"by":59,"text":60},{"id":88,"by":89,"text":90},"17723509","crucialfelix","Typescript is compiled with tsc, not Babel. The npm package includes built Js and original ts",{"value":92,"source":51,"evidence":93},"Float32Array",[94],{"id":95,"by":96,"text":97},"17718669","dmwallin","Super excited to delve into this! I've read over the documents and examples and it's obviously very well thought out and well-abstracted. In particular I really like a lot of the…",{"value":99,"source":51,"evidence":100},"Monaco editor",[101],{"id":102,"by":103,"text":104},"17720852","nojvek","Just want to say, I really loved that you used the monaco editor. Such a nice user experience when you can use a world class editor that supports code completion, indents and…","open_source","launched","unknown",{"praise":109,"objections":136,"requests":158,"questions":159,"alternatives":175},[110,125,132],{"value":111,"source":51,"evidence":112},"Well-designed API and documentation",[113,117,121],{"id":114,"by":115,"text":116},"17716941","djstein","While I cannot see myself needing this sort of animation in my day to day work, I was super impressed by the documentation and thought the demos were fun.",{"id":118,"by":119,"text":120},"17721749","duxup","As a noob I love the documentation and although I don't know what I'd do with this, it feels crazy accessible on the surface.",{"id":122,"by":123,"text":124},"17717092","koboll","I really like how the API is structured similarly to how someone designing a visualization would think about what they actually want to do (i.e. \"Connect one end of the line to…",{"value":126,"source":51,"evidence":127},"Lightweight, no framework needed, easy to include via script tag",[128,129],{"id":80,"by":81,"text":82},{"id":130,"by":66,"text":131},"17717599","Not required. You can just include the pts.js or pts.min.js in script tag. https:\u002F\u002Funpkg.com\u002Fpts@0.5.0\u002Fdist\u002Fpts.js",{"value":133,"source":51,"evidence":134},"Geometric operations beyond p5 and pixi",[135],{"id":54,"by":55,"text":56},[137,148],{"value":138,"source":51,"evidence":139},"Requires understanding TypeScript or build setup to build from source",[140,144],{"id":141,"by":142,"text":143},"17717458","beart","It looks like this library does use es6 features and requires babel to build from source.",{"id":145,"by":146,"text":147},"17717658","mindw0rk","He said building from source, not using an already built version. For that you need babel.",{"value":149,"source":51,"evidence":150},"Starter example failed to render for one user",[151,155],{"id":152,"by":153,"text":154},"17718879","iamlukesky","I cannot get the most basic Get started example working. I used pts-starter-kit. The canvas shows up and I can set the bgcolor no problem, but the point does not render.",{"id":156,"by":153,"text":157},"17719238","Yes, the demo works. But replacing the code in app.js with the code from the intro doesn't. I'll file an issue tomorrow with exact details.",[],[160],{"value":161,"source":51,"evidence":162},"How does it compare to p5.js and pixi.js in features and performance",[163,167,171],{"id":164,"by":165,"text":166},"17717030","Zalastax","Cool! How does it compare (in vision and features) to p5.js and pixi.js?",{"id":168,"by":169,"text":170},"17717074","thekelvinliu","this seems really cool. anyone using it for any projects right now? i wonder how it compares to p5 in performance. development-wise, the structure of a pts space looks very…",{"id":172,"by":173,"text":174},"17717906","anonytrary","p5.js is also a decent library for this kinda stuff. I'm wondering if they knew about p5.js, and if they did -- what are the main benefits of this library over p5.js?",[176,181,185,192],{"value":177,"source":51,"evidence":178},"p5.js",[179,180],{"id":172,"by":173,"text":174},{"id":164,"by":165,"text":166},{"value":182,"source":51,"evidence":183},"pixi.js",[184],{"id":164,"by":165,"text":166},{"value":186,"source":51,"evidence":187},"d3",[188],{"id":189,"by":190,"text":191},"17722070","speedplane","Would like to see how this compares to d3. D3 is incredibly powerful but also very difficult to learn and teach. Whenever I write code in it, I feel like I'm the last person to…",{"value":193,"source":51,"evidence":194},"ganja.js",[195],{"id":196,"by":59,"text":197},"17718256","How does it compare to ganja.js? https:\u002F\u002Fgithub.com\u002Fenkimute\u002Fganja.js",{"comments":39,"answered":39,"key":199},[],{"commenters":201,"max_depth":202,"maker_replies":39,"first_comment_mins":203,"lifespan_hours":204},52,8,46,127,[206,210,212,215,219,221,224,228,231,234,237,239,242,245,246,249,252,255,257,259,260,261,263,264,266,270,273,275,277,278,281,282,285,286,289,291,293,296,299,303,305,309,313,316,319,323,326,328,331,334,337,340,345,347,348,352,355,359,362,364,365,369,373,376,379,381,383,387,388,392,396],[207,39,38,208,209,39],"17718791","project\u002Fpositive\u002Fidea","panic",[80,18,38,211,81,39],"project\u002Fpositive\u002Fdesign",[213,18,38,211,214,39],"17717448","plurgid",[216,18,34,217,218,39],"17717454","project\u002Fneutral\u002Fnone","seanmcdirmid",[220,18,34,217,165,39],"17717541",[222,18,34,217,223,39],"17718093","pixelbash",[225,18,39,226,227,39],"17719809","other\u002Fneutral\u002Fnone","znite",[229,18,39,230,190,39],"17722090","commenter\u002Fneutral\u002Fnone",[232,18,39,230,233,39],"17722593","omnimus",[235,18,39,230,236,39],"17725038","swsieber",[238,18,39,230,233,39],"17754093",[240,18,39,230,241,39],"17720081","nightski",[243,18,39,230,244,39],"17721211","realusername",[58,18,39,230,59,39],[247,18,39,230,248,39],"17720336","eropple",[250,18,39,230,251,39],"17719390","grepme",[253,18,39,230,254,39],"17720193","FlorianRappl",[256,18,39,230,248,39],"17720361",[141,18,34,258,142,39],"project\u002Fneutral\u002Fexecution",[130,18,39,230,66,39],[145,18,39,230,146,39],[262,18,39,230,66,39],"17717681",[88,18,39,230,89,39],[65,18,38,265,66,39],"maker\u002Fpositive\u002Fdesign",[267,43,38,268,269,39],"17716939","project\u002Fpositive\u002Fnone","Fifer82",[271,43,34,272,66,39],"17717663","maker\u002Fneutral\u002Fnone",[114,34,38,274,115,39],"project\u002Fpositive\u002Fdocs",[122,276,38,211,123,39],4,[95,38,38,211,96,39],[164,279,34,280,165,39],6,"project\u002Fneutral\u002Fidea",[54,279,38,208,55,39],[283,279,38,208,284,39],"17717860","DigitalWheelie",[196,279,34,280,59,39],[287,279,39,226,288,39],"17718783","carapace",[290,279,39,226,59,39],"17721948",[102,292,38,211,103,39],7,[294,292,34,295,66,39],"17722246","project\u002Fneutral\u002Fdesign",[297,202,39,226,298,39],"17717760","IvanK_net",[300,202,38,301,302,39],"17718274","maker\u002Fpositive\u002Fnone","adzm",[304,41,38,208,284,39],"17717836",[306,307,38,211,308,39],"17717683",10,"btbuildem",[310,311,38,211,312,39],"17718392",11,"welanes",[314,311,39,226,315,39],"17720950","jtms",[317,311,34,318,312,39],"17722018","maker\u002Fneutral\u002Fexecution",[320,311,39,321,322,39],"17725786","other\u002Fneutral\u002Fexecution","hacym",[324,311,39,226,325,39],"17721823","lubonay",[327,311,39,226,312,39],"17722019",[329,311,39,226,330,39],"17723286","swah",[168,332,34,333,169,39],12,"project\u002Fneutral\u002Fperformance",[189,335,18,336,190,39],13,"project\u002Fcritical\u002Fdocs",[338,335,34,339,66,39],"17722240","maker\u002Fneutral\u002Fdocs",[341,342,38,343,344,39],"17717337",14,"project\u002Fpositive\u002Fperformance","Agoreddah",[72,342,34,346,66,39],"maker\u002Fneutral\u002Fidea",[172,33,34,280,173,39],[349,350,34,217,351,39],"17718152",16,"ajeet_dhaliwal",[353,16,38,211,354,39],"17719155","bg0",[356,357,38,268,358,39],"17717766",18,"tomkinson",[152,360,18,361,153,39],19,"project\u002Fcritical\u002Fexecution",[363,360,34,339,66,39],"17719175",[156,360,18,361,153,39],[366,367,38,301,368,39],"17717359",20,"rajangdavis",[370,371,39,226,372,39],"17717143",21,"ravenstine",[374,371,39,226,375,39],"17717160","kenshi",[377,371,39,226,378,39],"17717465","fenwick67",[380,371,39,226,284,39],"17717726",[382,371,39,226,66,39],"17717632",[384,385,38,268,386,39],"17719575",22,"mrtksn",[118,32,38,274,119,39],[389,390,38,208,391,39],"17721775",24,"pacomerh",[393,394,38,268,395,39],"17724495",25,"chrisweekly",[397,398,34,399,400,39],"17723290",26,"project\u002Fmixed\u002Fdesign","amarant",[402,405],{"id":403,"t":404,"points":38,"comments":39},"15076028",1503433286,{"id":4,"t":12,"points":14,"comments":15},[407,412,417,422,426,431],{"id":408,"name":409,"points":410,"category":411},"17689014","lazygit",551,"dev_tools",{"id":413,"name":414,"points":415,"category":416},"17679148","oalley",455,"consumer_social",{"id":418,"name":419,"points":420,"category":421},"17672247","Standups.io",266,"productivity",{"id":423,"name":424,"points":425,"category":20},"17673999","rootfinder",183,{"id":427,"name":428,"points":429,"category":430},"17696367","Dancemusic.wtf",152,"games",{"id":432,"name":433,"points":434,"category":435},"17685232","Polyhedra Viewer",123,"learning_science",false,"v2",{"id":439,"name":5,"line":6,"ai":436,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":440,"top":18,"kw":441,"maker":11,"domain":10,"tier":19,"attempts":43,"strip":442,"url":9,"mix":443,"praise":111,"objection":138,"sub":21},17716542,0.53,[24,25,26,27,28],"5533000000300555555055553003153531500555",[32,33,18,34],1794036568415]