[{"data":1,"prerenderedAt":275},["ShallowReactive",2],{"project-18154427":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":43,"post_text":45,"what":46,"said":85,"maker_in_thread":153,"shape":165,"grid":169,"attempts":238,"same_week":239,"maker_shows":42,"maker_hidden":267,"reader_version":268,"card":269},"18154427","Trigonoparty","JavaScript trigonometry visualization","title","Show HN: Trigonoparty – JavaScript trigonometry visualization","https:\u002F\u002Framesaliyev.com\u002Ftrigonoparty\u002F","ramesaliyev.com","ramesaliyev",1538821673,2018,144,30,286,2155,14,"notable","learning_science","trigonometry visualization","web_app",[24,25,26,27,28],"trigonometry","unit circle","sine cosine","math visualization","javascript","mixed",0.198,{"positive":32,"neutral":32,"mixed":33,"critical":34},5,0,2,12,{"idea":37,"execution":39,"design":40,"performance":41},{"positive":38,"critical":33},4,{"positive":33,"critical":34},{"positive":33,"critical":33},{"positive":42,"critical":33},1,[32,33,33,33,42,44,33,32,33,33,33,33,33,33,33,44,33,44,32,33,32,33,42,33,44,33,32,33,44,33],3,null,{"problem":47,"audience":58,"pricing":45,"motivation":62,"time_to_build":45,"stack":66,"openness":83,"stage":84,"team_size":83},{"value":48,"source":49,"evidence":50},"Helps people understand trigonometry by visualizing the unit circle","maker",[51,54],{"id":52,"by":11,"text":53},"18156268","That was my exact motivation while making this! This visualization helps me alot to understand trigonometry so i think it will be good to make a sandbox out of it. I hope this…",{"id":55,"by":56,"text":57},"18155916","gedy","Very nice! I had a trig teacher years ago that taught only using formulas, without showing or explaining the unit circle. It was so confusing, hated the class until I discovered…",{"value":59,"source":49,"evidence":60},"Students learning trigonometry basics",[61],{"id":52,"by":11,"text":53},{"value":63,"source":49,"evidence":64},"Maker finds the visualization helps them understand trigonometry and wants to help others learn basics",[65],{"id":52,"by":11,"text":53},[67,73],{"value":68,"source":69,"evidence":70},"JavaScript","inferred",[71],{"id":72},"post",{"value":74,"source":49,"evidence":75},"Canvas",[76,80],{"id":77,"by":78,"text":79},"18163727","perilunar","This is a really nice visualisation. My only comment is that while canvas is certainly effective, if you built it in SVG you would only need to animate the points and not draw…",{"id":81,"by":11,"text":82},"18169421","Thanks! Happy to see you like it! And you're right about SVG, but i have plans to draw additional things also, like graphics of functions, so im not sure if SVG would be flexible…","unknown","launched",{"praise":86,"objections":108,"requests":123,"questions":143,"alternatives":148},[87,100],{"value":88,"source":89,"evidence":90},"Helpful for understanding trig and the unit circle","commenter",[91,92,96],{"id":55,"by":56,"text":57},{"id":93,"by":94,"text":95},"18158359","noneucat","This was very enlightening for me, thank you!",{"id":97,"by":98,"text":99},"18156822","Sohcahtoa82","Wow...I never actually knew the significance of secant and cosecant, or how tangent\u002Fcotangents' lengths were related to the unit circle and right triangle. I knew the formulas to…",{"value":101,"source":89,"evidence":102},"Nice, clear visualization",[103,104],{"id":77,"by":78,"text":79},{"id":105,"by":106,"text":107},"18156185","arriu","This is awesome! It might also make sense to draw out the sine or cosine curves as the point moves about the circle.",[109,116],{"value":110,"source":89,"evidence":111},"Input field rounds floats unnecessarily",[112],{"id":113,"by":114,"text":115},"18157604","no_identd","For some mental fun, try these values for the angle and see what observations you can make about the results: 76.34541 126.869896 137.50777 However, I find it a bit bothersome…",{"value":117,"source":89,"evidence":118},"Drag glitch in fourth quadrant in Firefox",[119],{"id":120,"by":121,"text":122},"18155281","kroltan","Pretty nice. It glitches on the 4th quadrant while dragging though, at least in Firefox.",[124,128,132,136],{"value":125,"source":89,"evidence":126},"Draw sine and cosine curves as the point moves",[127],{"id":105,"by":106,"text":107},{"value":129,"source":89,"evidence":130},"Add obscure trig functions like versine and haversine",[131],{"id":113,"by":114,"text":115},{"value":133,"source":89,"evidence":134},"Support more angle units such as gradians and turns",[135],{"id":113,"by":114,"text":115},{"value":137,"source":89,"evidence":138},"Connect the diagram to graphs of the functions",[139],{"id":140,"by":141,"text":142},"18157108","bazooka2th","This is awesome! Just a few days ago, as part of my schoolwork, I made this: https:\u002F\u002Fwww.geogebra.org\u002Fm\u002Fxcfev76v The color schemes we used are similar, I kind of copied mine from…",[144],{"value":145,"source":89,"evidence":146},"Did the author copy color scheme from Wikipedia?",[147],{"id":140,"by":141,"text":142},[149],{"value":150,"source":89,"evidence":151},"GeoGebra trig diagrams",[152],{"id":140,"by":141,"text":142},{"comments":154,"answered":34,"key":155},11,[156,159,162],{"id":157,"text":158},"18157397","I couldnt see your work, it says 'unauthorized', maybe you didnt make it public? Actually i totaly go random with colors but its nice coincidence :) I really like it! And about…",{"id":160,"text":161},"18159803","Your work is absolutely briliant and gave me idea to draw theta angle like you did! Also i'm gonna include an option to draw values of lines in canvas.",{"id":163,"text":164},"18160002","You're right! I've added a new section named 'general options' and 'rounding numbers' option under it to you can disable rounding. I hope it helps, if not please tell. And thanks…",{"commenters":166,"max_depth":38,"maker_replies":154,"first_comment_mins":167,"lifespan_hours":168},16,208,55,[170,172,174,176,177,179,182,184,185,186,189,193,196,198,201,203,206,208,212,213,215,218,219,221,223,225,227,229,231,236],[140,33,32,171,141,33],"project\u002Fpositive\u002Fidea",[157,33,33,173,11,42],"commenter\u002Fneutral\u002Fnone",[175,33,33,173,141,33],"18157546",[160,33,33,173,11,42],[113,42,42,178,114,33],"project\u002Fcritical\u002Fexecution",[180,42,44,181,141,33],"18157759","project\u002Fneutral\u002Fidea",[163,42,33,183,11,42],"project\u002Fneutral\u002Fexecution",[55,34,32,171,56,33],[52,34,33,181,11,42],[187,34,33,173,188,33],"18157270","mimischi",[190,44,33,191,192,33],"18156325","other\u002Fneutral\u002Fnone","chris_wot",[194,44,33,191,195,33],"18156714","thaumasiotes",[197,44,33,191,192,33],"18156879",[199,44,33,191,200,33],"18165050","quickthrower2",[202,44,33,173,195,33],"18165251",[204,38,44,181,205,33],"18156093","Wafje",[207,38,33,181,11,42],"18156201",[209,38,44,210,211,33],"18156702","project\u002Fneutral\u002Fdesign","daef",[97,32,32,171,98,33],[214,32,33,173,11,42],"18157362",[77,216,32,217,78,33],6,"project\u002Fpositive\u002Fperformance",[81,216,33,173,11,42],[120,220,42,178,121,33],7,[222,220,33,183,11,42],"18155459",[105,224,44,181,106,33],8,[226,224,33,181,11,42],"18156382",[93,228,32,171,94,33],9,[230,228,33,173,11,42],"18160349",[232,233,44,234,235,33],"18155133",10,"project\u002Fneutral\u002Fnone","atrilumen",[237,233,33,173,11,42],"18155612",[],[240,245,250,254,258,263],{"id":241,"name":242,"points":243,"category":244},"18166538","Alan",413,"dev_tools",{"id":246,"name":247,"points":248,"category":249},"18166753","aiortc",216,"languages",{"id":251,"name":252,"points":253,"category":244},"18154825","Markdown page",169,{"id":255,"name":256,"points":257,"category":244},"18183334","Percollate",123,{"id":259,"name":260,"points":261,"category":262},"18166090","Firebase2graphql",114,"infrastructure",{"id":264,"name":265,"points":266,"category":249},"18155262","Fork",58,false,"v2",{"id":270,"name":5,"line":6,"ai":267,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":271,"top":18,"kw":272,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":273,"url":9,"mix":274,"praise":88,"objection":110,"sub":21},18154427,0.2,[24,25,26,27,28],"500013050000000303505010305030",[32,32,33,34],1793990980402]