[{"data":1,"prerenderedAt":685},["ShallowReactive",2],{"project-44962066":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":5,"maker":10,"posted_at":11,"year":12,"points":13,"comments":14,"rank_in_year":15,"shown_in_year":16,"top":17,"tier":18,"category":19,"subcategory":20,"format":21,"keywords":22,"reception":27,"sentiment":28,"stance_mix":29,"scored_comments":33,"aspects":34,"strip":47,"post_text":49,"what":50,"said":80,"maker_in_thread":262,"shape":270,"grid":274,"attempts":647,"same_week":648,"maker_shows":17,"maker_hidden":677,"reader_version":678,"card":679},"44962066","visualrambling.space","I was curious about spherical helix, ended up making this visualization","title","Show HN: I was curious about spherical helix, ended up making this visualization","https:\u002F\u002Fvisualrambling.space\u002Fmoving-objects-in-3d\u002F","damarberlari",1755698567,2025,865,132,21,3837,1,"legend","learning_science","math visualization","web_app",[23,24,25,26],"spherical helix","parametric equations","3d math visualization","sphere spiral","mixed",0.277,{"positive":30,"neutral":31,"mixed":17,"critical":32},36,27,14,78,{"idea":35,"execution":37,"docs":40,"design":42,"performance":45},{"positive":36,"critical":17},15,{"positive":38,"critical":39},8,3,{"positive":41,"critical":41},2,{"positive":43,"critical":44},9,5,{"positive":46,"critical":39},0,[44,44,46,39,39,39,46,46,17,39,39,44,39,46,39,41,39,39,17,44,17,41,44,48,44,46,46,44,44,41,44,44,48,48,48,44,44,44,48,44],4,"I was wondering how I can arrange objects along a spherical helix path, and read some articles on it.\n\nI ended up learning about parametric equations again, and make this visualization to document what I learned:\n\nhttps:\u002F\u002Fvisualrambling.space\u002Fmoving-objects-in-3d\u002F\n\nfeel free to visit and let me know what you think!",{"problem":51,"audience":57,"pricing":73,"motivation":74,"time_to_build":73,"stack":78,"openness":79,"stage":79,"team_size":79},{"value":52,"source":53,"evidence":54},"Shows how to arrange objects along a spherical helix path using parametric equations","maker",[55],{"id":56},"post",{"value":58,"source":59,"evidence":60},"Learners of parametric equations and 3D geometry","inferred",[61,65,69],{"id":62,"by":63,"text":64},"44962220","RugnirViking","It's a pretty basic primer to the subject, but good for kids learning maths. Could do with some callbacks to maths concepts like the circle equation ( x = r cos (t) and y = r sin…",{"id":66,"by":67,"text":68},"44962286","Duanemclemore","This is excellent. I'm always looking for good things to show my students on coordinate systems and geometry, and this joins the list. Thank you for diving down the rabbit hole…",{"id":70,"by":71,"text":72},"44965504","BlitzCloud","This is awesome, it was easier to understand that what my uny theacher tried to explain.",null,{"value":75,"source":53,"evidence":76},"Curiosity about spherical helices, documenting what the maker learned",[77],{"id":56},[],"unknown",{"praise":81,"objections":112,"requests":169,"questions":214,"alternatives":240},[82,100],{"value":83,"source":84,"evidence":85},"Clear, beautiful teaching of parametric math through animation","commenter",[86,87,91,95,96],{"id":66,"by":67,"text":68},{"id":88,"by":89,"text":90},"44963471","thopkinson","This is fantastic. What a terrific combination of the creative presentation and the clear exposition of information. You've hit on a very nice aesthetic and a stunningly clear…",{"id":92,"by":93,"text":94},"44962945","SKILNER","That's an excellent job of teaching - thank you!",{"id":70,"by":71,"text":72},{"id":97,"by":98,"text":99},"44962310","fleebee","I love this. It's pretty and really easy to digest.",{"value":101,"source":84,"evidence":102},"Helpful for students and learners of trigonometry and geometry",[103,104,108],{"id":66,"by":67,"text":68},{"id":105,"by":106,"text":107},"44964928","willdelorm","I am about to start my computer science degree, so this visualization got me really excited to dive into the mathematics of it all. I love to see these kind of animations, but…",{"id":109,"by":110,"text":111},"44971782","p00dles","I applaud anybody who makes visualizations of difficult to grasp concepts - so, thank you very much. As a visual (spatial) learner, I often wonder how my math\u002Fscience education…",[113,128,143,154],{"value":114,"source":84,"evidence":115},"Does not work well in some browsers; Firefox and Librewolf issues reported",[116,120,124],{"id":117,"by":118,"text":119},"44962728","mystraline","When I first opened it, its basically a bunch of static pages that made absolutely no sense. My first question was 'why is this garbage being #1 on HN?' Then I realized that,…",{"id":121,"by":122,"text":123},"44969195","sli","I'm using dev edition v143.0b2 and I'm apparently not seeing what everyone else is seeing, because I'm just seeing the axis tags moving around using some pretty simple math.…",{"id":125,"by":126,"text":127},"44964137","hotsalad","For me, it doesn't work entirely in Librewolf 142 (shows the text, and some tags moving around an otherwise black screen), but does work in Firefox Nightly.",{"value":129,"source":84,"evidence":130},"Heavy CPU use and performance problems",[131,135,139],{"id":132,"by":133,"text":134},"44963314","mustaphah","I can't tell why, but I'm getting terrible performance on Linux\u002FBrave. The CPU spikes immediately on visit. I'm on a powerful machine (32 GiB RAM, Intel i9 w\u002F 24 cores).",{"id":136,"by":137,"text":138},"44968159","phyzome","It seems like it might be cool but between the background animation and the resource intensiveness I'm having trouble actually reading it. Is there a mostly-text version somewhere?",{"id":140,"by":141,"text":142},"44963738","metalman","it's impressive enough to crash my browser (twise) before I got to see it the full digital resource conflict jam and judder!",{"value":144,"source":84,"evidence":145},"Dither effect and constant spinning background are distracting or cause headaches",[146,150],{"id":147,"by":148,"text":149},"44965640","coreyp_1","The content is good, but the weird dither effect is giving me a horrible headache! I'm glad you created it (it's always good to see someone bring an idea to fruition!), and I…",{"id":151,"by":152,"text":153},"44963932","adammarples","Very distracting to try and read text in the middle of a constantly spinning visualisation",{"value":155,"source":84,"evidence":156},"Too big a leap in difficulty; not enough explanation of the spherical helix itself",[157,161,165],{"id":158,"by":159,"text":160},"44962603","dgrin91","Very cool & pretty, but I feel a little let down. There is a huge leap from the basics of 3d plotting & spheres to the crazy pattern you tease and then show at the end. I…",{"id":162,"by":163,"text":164},"44963109","tantalor","> Together, these functions create a spherical helix... That's all! This strikes me as backwards reasoning. You are showing \"these functions\" -> spherical helix But I actually…",{"id":166,"by":167,"text":168},"44965820","fsckboy","when it gets past the \"intro\" slides and into the A-B-C explanation, slide 11 says \"A helix is a shape that loops around and around, like a spring.\" Unfortunately, what is shown…",[170,180,195,210],{"value":171,"source":84,"evidence":172},"Explain how to make constant-speed motion along the path",[173,177],{"id":174,"by":175,"text":176},"44962721","sfink","Awesome visualizations. The part that I was expecting to see but didn't: how can you move at a constant speed? For the original purpose of positioning objects along a path, it…",{"id":178,"by":10,"text":179},"44968570","thanks! currently the path is expressed as function of (t), and it's the t that progressed at the constant speed. so the cube will finished one loop at the same duration, and…",{"value":181,"source":84,"evidence":182},"Better navigation, such as scroll or swipe to advance slides",[183,187,191],{"id":184,"by":185,"text":186},"44962949","erikerikson","Thanks. My useful feedback is that navigation violated my expectations. I was in mobile FWIW. I didn't know what to do so I started to scroll. My touch to the screen kicked into…",{"id":188,"by":189,"text":190},"44963558","lucho_mzmz","Cool! My first instinct was to scroll. I suggest you treat the scroll down as a signal to move 1 slide further",{"id":192,"by":193,"text":194},"44962761","aacid","Really love this project, I only have small little UX nitpick: as lefthanded person it is quite cumbersome to tap right side of screen. Go to solution is to navigate using…",{"value":196,"source":84,"evidence":197},"Provide source code or write-up on how it was made",[198,202,206],{"id":199,"by":200,"text":201},"44962369","mostlyk","This is super nice to view, could you share how you made it? I want to make something similar for Rotation Matrices",{"id":203,"by":204,"text":205},"44970822","haritha-j","this is so pretty. Have you done any write-ups on how to create this (or any of the other visualisations on your page). I would love to learn more.",{"id":207,"by":208,"text":209},"44963913","MarcelOlsz","Wish the bundle.js wasn't minified so I can look at the code and see what's going on!",{"value":211,"source":84,"evidence":212},"Provide a text-only version",[213],{"id":136,"by":137,"text":138},[215,223,233],{"value":216,"source":84,"evidence":217},"How is constant speed along the path achieved?",[218,219],{"id":174,"by":175,"text":176},{"id":220,"by":221,"text":222},"44962542","Tyr42","Okay, I have some followup questions. Are the points equally spaced? I.e. the cube's |∆p| is constant? I see you scale z by the sin. What happens of you don't?",{"value":224,"source":84,"evidence":225},"Why was this particular z function chosen?",[226,230],{"id":227,"by":228,"text":229},"44962458","pimlottc","I was wondering about the “correctness” of the z-axis movement for the spherical helix. You could pick lots of different functions, including simple linear motion (z = c * t).…",{"id":231,"by":10,"text":232},"44968742","> You could pick lots of different functions, including simple linear motion (z = c * t) that was also my first intuition when making this, but turned out making the z function…",{"value":234,"source":84,"evidence":235},"How was the cube's drain\u002Ffill effect created?",[236],{"id":237,"by":238,"text":239},"44962449","danans","Nifty, but what I'm curious about is how you created the drain\u002Ffill effect on the cube.",[241,248,255],{"value":242,"source":84,"evidence":243},"Desmos 3D graphing",[244],{"id":245,"by":246,"text":247},"44964993","mayoff","You can play with the equations on 3D Desmos here: https:\u002F\u002Fwww.desmos.com\u002F3d\u002Ft66etxi1y8 Interesting to note that the parametric equations of the spiral are linear in spherical…",{"value":249,"source":84,"evidence":250},"p5.js",[251],{"id":252,"by":253,"text":254},"44965062","pavel_lishin","I've recently gotten interested in p5js, which is a fun and easy way to explore this kind of stuff; if anyone here is currently thinking (like I am) that you want to try this out…",{"value":256,"source":84,"evidence":257},"Shadertoy and The Book of Shaders",[258],{"id":259,"by":260,"text":261},"44971221","ForHackernews","If you like this, you will probably enjoy https:\u002F\u002Fwww.shadertoy.com\u002F and https:\u002F\u002Fthebookofshaders.com\u002F",{"comments":263,"answered":41,"key":264},7,[265,266,269],{"id":178,"text":179},{"id":267,"text":268},"44968590","ah, yes there is an instruction at the bottom, but probably its too small. thanks for the feedback!",{"id":231,"text":232},{"commenters":271,"max_depth":44,"maker_replies":263,"first_comment_mins":272,"lifespan_hours":273},104,16,23,[275,279,283,286,289,291,294,296,299,301,304,307,309,311,314,317,321,324,326,329,332,335,338,341,344,347,349,351,353,355,359,361,363,364,367,370,372,374,376,377,380,384,386,389,391,393,396,399,402,404,407,410,412,415,418,420,422,426,429,431,434,435,438,441,444,447,451,454,457,459,462,465,466,469,472,475,478,481,484,485,488,489,493,496,500,502,506,509,512,514,517,519,523,525,527,529,531,533,537,539,541,544,547,550,555,557,559,563,567,571,573,576,580,582,585,589,593,597,601,605,607,610,614,618,622,625,629,631,635,637,639,643],[276,46,44,277,278,46],"44962236","project\u002Fpositive\u002Fidea","srean",[280,46,46,281,282,46],"44963529","other\u002Fneutral\u002Fnone","jacobolus",[284,46,46,285,278,46],"44963645","commenter\u002Fneutral\u002Fnone",[287,46,44,277,288,46],"44966485","egwor",[290,46,46,285,282,46],"44968630",[292,46,46,281,293,46],"44966286","taco_emoji",[295,46,46,281,278,46],"44966437",[297,46,46,285,298,46],"44967537","mxfh",[300,46,46,285,278,46],"44970187",[302,46,46,281,303,46],"44967961","cwmoore",[305,46,46,281,306,46],"44969214","patcon",[308,46,46,281,278,46],"44970160",[174,17,39,310,175,46],"project\u002Fneutral\u002Fexecution",[312,17,39,310,313,46],"44963111","Sharlin",[315,17,46,281,316,46],"44963585","Kennnan",[318,17,39,319,320,46],"44963169","project\u002Fneutral\u002Fidea","chaboud",[322,17,39,310,323,46],"44964623","meindnoch",[178,17,46,325,10,17],"maker\u002Fneutral\u002Fexecution",[327,41,46,285,328,46],"44965806","addaon",[330,41,46,285,331,46],"44966212","skalidindi3",[333,41,46,285,334,46],"44966904","altruios",[336,41,46,285,337,46],"44967028","lotyrin",[339,41,46,285,340,46],"44970781","dcanelhas",[342,41,46,285,343,46],"44967107","TheOtherHobbes",[345,41,46,285,346,46],"44966357","latexr",[348,41,46,285,328,46],"44967178",[350,41,46,285,340,46],"44970568",[62,39,39,352,63,46],"project\u002Fmixed\u002Fdocs",[184,48,17,354,185,46],"project\u002Fcritical\u002Fdesign",[356,48,39,357,358,46],"44963091","project\u002Fneutral\u002Fdesign","ghostly_s",[360,48,46,285,185,46],"44963132",[267,48,46,362,10,17],"maker\u002Fneutral\u002Fnone",[227,44,39,319,228,46],[365,44,39,310,366,46],"44962880","crdrost",[368,44,39,310,369,46],"44964630","patrickthebold",[231,44,46,371,10,17],"maker\u002Fneutral\u002Fidea",[66,373,44,277,67,46],6,[375,373,46,281,10,17],"44968958",[245,263,39,319,246,46],[378,263,46,379,10,17],"44968868","project\u002Fpositive\u002Fnone",[381,38,44,382,383,46],"44963689","project\u002Fpositive\u002Fexecution","reeece",[132,43,17,385,133,46],"project\u002Fcritical\u002Fperformance",[387,43,46,285,388,46],"44963579","jeffbee",[390,43,46,281,133,46],"44963672",[392,43,46,281,388,46],"44963835",[394,43,46,285,395,46],"44964292","fragmede",[397,43,39,398,388,46],"44964368","project\u002Fneutral\u002Fperformance",[400,43,39,398,401,46],"44972169","Anon_troll",[403,43,39,398,133,46],"44972224",[158,405,17,406,159,46],10,"project\u002Fcritical\u002Fidea",[408,405,39,319,409,46],"44963622","zamadatix",[237,411,39,310,238,46],11,[413,414,39,362,346,46],"44962643",12,[416,414,46,285,417,46],"44965050","netdur",[419,414,46,285,253,46],"44965873",[421,414,46,285,346,46],"44967558",[423,424,17,354,425,46],"44962517",13,"exasperaited",[427,32,44,277,428,46],"44962573","hailpixel",[430,32,46,277,10,17],"44968782",[432,36,39,319,433,46],"44962397","fluoridation",[147,272,17,354,148,46],[436,272,46,285,437,46],"44966339","grimgrin",[199,439,39,440,200,46],17,"maker\u002Fneutral\u002Fdocs",[442,439,46,281,443,46],"44962428","qwertytyyuu",[445,439,46,281,446,46],"44962563","megaloblasto",[448,439,44,449,450,46],"44963331","project\u002Fpositive\u002Fdesign","jhaile",[452,439,46,281,453,46],"44968289","mikestaas",[162,455,17,456,163,46],18,"project\u002Fcritical\u002Fdocs",[136,458,17,385,137,46],19,[117,460,17,461,118,46],20,"project\u002Fcritical\u002Fexecution",[463,460,44,382,464,46],"44962777","rocmcd",[121,460,17,461,122,46],[467,460,44,382,468,46],"44962784","Doc-Bok",[470,460,44,382,471,46],"44962815","toss1",[473,460,44,382,474,46],"44962863","sssilver",[476,460,44,382,477,46],"44962895","wpm",[479,460,44,382,480,46],"44962957","wigster",[482,460,39,310,483,46],"44963485","madhato",[125,460,17,461,126,46],[486,460,44,382,487,46],"44964635","alias_neo",[252,15,46,281,253,46],[490,491,44,277,492,46],"44963131",22,"ShahoG",[494,273,46,281,495,46],"44967299","shawa_a_a",[497,498,46,281,499,46],"44968419",24,"Keyframe",[501,498,46,285,10,17],"44968573",[503,504,46,281,505,46],"44964222",25,"gabeyaw",[507,508,46,281,340,46],"44964072",26,[510,508,46,281,511,46],"44964715","gowld",[513,31,46,281,487,46],"44964696",[515,31,46,281,516,46],"44967141","Theodores",[518,31,46,285,487,46],"44967880",[520,521,44,449,522,46],"44962368",28,"1970-01-01",[259,524,46,281,260,46],29,[105,526,44,277,106,46],30,[109,528,44,277,110,46],31,[166,530,17,456,167,46],32,[88,532,44,449,89,46],33,[534,535,39,319,536,46],"44962589",34,"scotty79",[192,538,17,354,193,46],35,[540,538,46,285,358,46],"44963120",[542,538,46,285,543,46],"44963560","meken",[545,30,44,277,546,46],"44962329","maxbaines",[548,30,46,281,549,46],"44963071","ejp",[551,552,39,553,554,46],"44964707",37,"project\u002Fneutral\u002Fdocs","thefringthing",[97,556,44,449,98,46],38,[140,558,17,385,141,46],39,[560,561,44,449,562,46],"44966100",40,"rashidae",[564,565,44,277,566,46],"44962465",41,"chamomeal",[568,569,46,281,570,46],"44969597",42,"tianyu1718",[188,572,39,357,189,46],43,[574,575,39,357,189,46],"44963566",44,[577,578,44,449,579,46],"44963174",45,"stephenlf",[207,581,39,553,208,46],46,[70,583,44,584,71,46],47,"project\u002Fpositive\u002Fdocs",[586,587,39,553,588,46],"44963146",48,"jtbayly",[590,591,46,281,592,46],"44966937",49,"horacemorace",[594,595,44,277,596,46],"44963782",50,"ramathornn",[598,599,44,277,600,46],"44964434",51,"NooZ",[602,603,44,277,604,46],"44963896",52,"taherchhabra",[203,606,39,440,204,46],53,[92,608,44,609,93,46],54,"maker\u002Fpositive\u002Fdocs",[611,612,44,277,613,46],"44963079",55,"ezconnect",[615,616,44,449,617,46],"44962612",56,"markusw",[619,620,44,277,621,46],"44963243",57,"nedsma",[623,624,44,379,543,46],"44963571",58,[626,627,44,449,628,46],"44963162",59,"dwayne_dibley",[151,630,17,354,152,46],60,[632,633,44,277,634,46],"44967822",61,"natewww",[220,636,39,310,221,46],62,[638,636,39,310,409,46],"44964213",[640,641,44,379,642,46],"44965580",63,"Gud",[644,645,44,449,646,46],"44962475",64,"nikolayasdf123",[],[649,654,658,663,668,672],{"id":650,"name":651,"points":652,"category":653},"44923520","ScrollGuard",690,"productivity",{"id":655,"name":656,"points":657,"category":653},"44942731","Whispering",591,{"id":659,"name":660,"points":661,"category":662},"44931824","NextDNS",537,"infrastructure",{"id":664,"name":665,"points":666,"category":667},"44932651","OverType",471,"dev_tools",{"id":669,"name":670,"points":671,"category":662},"44915164","Edka",437,{"id":673,"name":674,"points":675,"category":676},"44942099","Mavericks Forever",402,"other",false,"v2",{"id":680,"name":5,"line":6,"ai":677,"cat":19,"year":12,"points":13,"comments":14,"rec":27,"s":681,"top":17,"kw":682,"maker":10,"domain":5,"tier":18,"attempts":46,"strip":683,"url":9,"mix":684,"praise":83,"objection":114,"sub":20},44962066,0.28,[23,24,25,26],"5503330013353032331512545005525544455545",[30,31,17,32],1794036680797]