[{"data":1,"prerenderedAt":141},["ShallowReactive",2],{"project-10614369":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":26,"sentiment":27,"stance_mix":28,"scored_comments":31,"aspects":32,"strip":35,"post_text":27,"what":37,"said":57,"maker_in_thread":86,"shape":92,"grid":96,"attempts":107,"same_week":108,"maker_shows":93,"maker_hidden":134,"reader_version":135,"card":136},"10614369","varun.ca","Recreating the “This Also” Loader in SVG","title","Show HN: Recreating the “This Also” Loader in SVG","http:\u002F\u002Fvarun.ca\u002Fchillwave\u002F","winkerVSbecks",1448284682,2015,13,5,1715,2565,67,"shown","creative","svg animation","web_app",[20,23,24,25],"svg loader","css animation","loading animation","quiet",null,{"positive":29,"neutral":30,"mixed":29,"critical":30},0,1,2,{"idea":33,"performance":34},{"positive":29,"critical":29},{"positive":29,"critical":30},[36,29,29,30,29],3,{"problem":38,"audience":27,"pricing":27,"motivation":44,"time_to_build":27,"stack":51,"openness":56,"stage":56,"team_size":56},{"value":39,"source":40,"evidence":41},"Recreating a loader animation in SVG","inferred",[42],{"id":43},"post",{"value":45,"source":46,"evidence":47},"Done for sport, as an exercise","maker",[48],{"id":49,"by":10,"text":50},"10620486","Yes. That said placing an SVG in markup gives you a lot more flexibility.",[52],{"value":53,"source":40,"evidence":54},"SVG",[55],{"id":43},"unknown",{"praise":58,"objections":59,"requests":79,"questions":80,"alternatives":81},[],[60,72],{"value":61,"source":62,"evidence":63},"Canvas would be simpler for a sine wave","commenter",[64,68],{"id":65,"by":66,"text":67},"10620105","stdbrouw","This is just for sport, right? Otherwise, just rendering a sine wave with Canvas would be a heckuvalot easier.",{"id":69,"by":70,"text":71},"10621882","0x4a42","Why? Placing a canvas markup is pretty much the same.",{"value":73,"source":62,"evidence":74},"Broke in Safari, dot not connected to wave",[75],{"id":76,"by":77,"text":78},"10620434","basdp","Unfortunately this breaks in Safari, the 'dot' is not connected to the wave.",[],[],[82],{"value":83,"source":62,"evidence":84},"Canvas sine wave rendering",[85],{"id":65,"by":66,"text":67},{"comments":31,"answered":30,"key":87},[88,89],{"id":49,"text":50},{"id":90,"text":91},"10620499","Thanks for pointing that out. Added a fix for Safari.",{"commenters":93,"max_depth":36,"maker_replies":31,"first_comment_mins":94,"lifespan_hours":95},4,1294,28,[97,99,101,103,105],[65,29,36,98,66,29],"project\u002Fneutral\u002Fidea",[49,29,29,100,10,30],"maker\u002Fneutral\u002Fdesign",[69,29,29,102,70,29],"commenter\u002Fneutral\u002Fnone",[76,30,30,104,77,29],"project\u002Fcritical\u002Fperformance",[90,30,29,106,10,30],"maker\u002Fpositive\u002Fexecution",[],[109,114,118,122,126,130],{"id":110,"name":111,"points":112,"category":113},"10611813","BestRuby",92,"languages",{"id":115,"name":116,"points":117,"category":113},"10608457","Simulacra.js",82,{"id":119,"name":120,"points":117,"category":121},"10626157","Commandcar","dev_tools",{"id":123,"name":124,"points":125,"category":113},"10608119","HtmlPy",79,{"id":127,"name":128,"points":129,"category":121},"10596241","mention-bot",72,{"id":131,"name":132,"points":133,"category":121},"10612105","Wox",54,false,"v2",{"id":137,"name":5,"line":6,"ai":134,"cat":19,"year":12,"points":13,"comments":14,"rec":26,"s":27,"top":17,"kw":138,"maker":10,"domain":5,"tier":18,"attempts":29,"strip":139,"url":9,"mix":140,"praise":-1,"objection":61,"sub":20},10614369,[20,23,24,25],"30010",[29,30,29,30],1794036537968]