[{"data":1,"prerenderedAt":387},["ShallowReactive",2],{"project-14957201":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":34,"aspects":35,"strip":45,"post_text":46,"what":47,"said":65,"maker_in_thread":162,"shape":175,"grid":179,"attempts":349,"same_week":350,"maker_shows":42,"maker_hidden":379,"reader_version":380,"card":381},"14957201","unwttng.com","An interactive guide to compression basics","title","Show HN: An interactive guide to compression basics","http:\u002F\u002Funwttng.com\u002Fcompression-decompressed","unwttng",1502196293,2017,256,66,101,2242,5,"legend","learning_science","interactive article","web_app",[23,24,25,26],"compression basics","run length encoding","information theory","lossless compression","debated",-0.034,{"positive":30,"neutral":31,"mixed":32,"critical":33},12,8,2,15,37,{"design":36,"execution":39,"docs":41,"idea":44},{"positive":37,"critical":38},6,11,{"positive":32,"critical":40},0,{"positive":42,"critical":43},1,3,{"positive":43,"critical":42},[40,40,40,17,43,40,40,17,42,40,42,43,42,42,42,40,42,43,40,42,40,42,40,42,17,42,17,43,43,42,43,43,17,42,17,17,17,17,43,43],null,{"problem":48,"audience":46,"pricing":46,"motivation":46,"time_to_build":46,"stack":54,"openness":63,"stage":64,"team_size":63},{"value":49,"source":50,"evidence":51},"Explains the basics of data compression through an interactive article","maker",[52],{"id":53},"post",[55],{"value":56,"source":57,"evidence":58},"React","commenter",[59],{"id":60,"by":61,"text":62},"14964856","jnbiche","He made it with React.","unknown","launched",{"praise":66,"objections":86,"requests":115,"questions":146,"alternatives":154},[67,82],{"value":68,"source":57,"evidence":69},"Excellent introductory explanation of compression",[70,74,78],{"id":71,"by":72,"text":73},"14958313","alexkadis","This is a fantastic explanation. Thanks! (Also, I love the gifs)",{"id":75,"by":76,"text":77},"14960291","komali2","Fantastic article. I really enjoyed the inclusion of a live, clickable demo with example output. Absolutely well done (after I disabled the GIFs).",{"id":79,"by":80,"text":81},"14961068","styfle","I toggled the gifs off since I read the comments before the article. I must say, the article is excellent and you could even share it with a non-technical manager or spouse*…",{"value":83,"source":57,"evidence":84},"Interactive demo is a good addition",[85],{"id":75,"by":76,"text":77},[87,105],{"value":88,"source":57,"evidence":89},"Animated GIFs are distracting and make the article hard to read",[90,94,98,101],{"id":91,"by":92,"text":93},"14958086","bennyelv","I found this quite hard to read despite the interesting content, mainly due to the animated gifs inserted throughout the article. It's very hard to focus on a line of text when…",{"id":95,"by":96,"text":97},"14958132","AdmiralAsshat","Lose the gifs, and you have a very good article. I think they distract, rather than enhance.",{"id":99,"by":92,"text":100},"14958603","Personally I didn't mind the content of the gifs, it was the fact that they made it difficult to keep track of where you were in the text around them as I tried to read it.…",{"id":102,"by":103,"text":104},"14958710","taco_emoji","I wouldn't mind the GIFs if they were A. smaller (most of them take up a good 2\u002F3rds of the height of my viewport at 1600x900) and B. could be paused. They're humorous at first,…",{"value":106,"source":57,"evidence":107},"Compression ratio explanation was inverted in places",[108,112],{"id":109,"by":110,"text":111},"14958533","wdfx","Unless I mis-read or mis-understood you seem to invert the meaning of compression ratio half way through ? > (100 \u002F 200) = 0.5. Protip: compression ratios less than 1 are frowned…",{"id":113,"by":103,"text":114},"14958666","Yeah came here to point this out, that's definitely an error.",[116,131],{"value":117,"source":57,"evidence":118},"Add a toggle to turn off GIFs",[119,123,127],{"id":120,"by":121,"text":122},"14958152","ythl","Or at least a way to toggle them all off at the beginning",{"id":124,"by":125,"text":126},"14958177","ythn","Add a way to toggle the gifs off at the beginning for people that don't like memes distracting them from the content and you've got yourself a winner.",{"id":128,"by":129,"text":130},"14959243","nxrabl","The pixel art doesn't show up for me in Firefox or Edge. (Looks like they're there, just with a height of 0px?) Also, my motion-sensitive lizard brain thanks you for the gif…",{"value":132,"source":57,"evidence":133},"Follow-up on lossy compression and JPEG",[134,138,142],{"id":135,"by":136,"text":137},"14961625","djhworld","Great article, would be interested in more in depth articles on say, JPEG compression in the future. Really liked the better\u002Fworse thing too, added some nice comparison",{"id":139,"by":140,"text":141},"15010325","MattSayar","I'd like to see some examples of how lossy compression algorithms work",{"id":143,"by":144,"text":145},"14964910","mdevere","write a follow-up. it's interesting",[147],{"value":148,"source":57,"evidence":149},"How the interactive demo was built",[150],{"id":151,"by":152,"text":153},"14961573","akud","This is great content! Do you mind if I ask how you made it? Specifically the interactive demo? I've been working myself on a project[1] to explore tools for interactive demos,…",[155],{"value":156,"source":57,"evidence":157},"Gary Bernhardt compressor screencast",[158],{"id":159,"by":160,"text":161},"14958445","michaelmcmillan","Gary Bernhardt has a great live screencast where he writes a compressor - for anyone that found this hard to follow: https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=3Eu9ZVZEZ3I",{"comments":163,"answered":164,"key":165},14,4,[166,169,172],{"id":167,"text":168},"14958809","I caved and added a \"toggle pointless gifs\" button, history will judge me well",{"id":170,"text":171},"14959039","You got it. Spoilsport :P",{"id":173,"text":174},"14959033","Nooooo!",{"commenters":176,"max_depth":17,"maker_replies":163,"first_comment_mins":177,"lifespan_hours":178},40,103,148,[180,184,187,190,192,196,198,201,202,204,207,209,211,215,219,221,223,226,230,232,234,235,238,242,245,247,249,252,253,254,256,258,259,260,262,263,265,267,270,271,274,277,281,285,288,292,295,299,304,307,310,314,317,319,321,323,325,327,330,332,335,338,340,342,343,347],[181,40,40,182,183,40],"14961666","other\u002Fneutral\u002Fnone","vladdanilov",[185,40,40,182,186,40],"14961876","pmoriarty",[188,40,40,182,189,40],"14964992","userbinator",[167,42,40,191,10,42],"maker\u002Fneutral\u002Fdesign",[193,42,17,194,195,40],"14958949","maker\u002Fpositive\u002Fdesign","striking",[170,42,40,197,10,42],"maker\u002Fneutral\u002Fnone",[199,42,43,200,61,40],"14959008","project\u002Fmixed\u002Fdesign",[173,42,40,197,10,42],[203,42,40,182,76,40],"14960133",[205,42,40,182,206,40],"14960170","jwdunne",[208,42,40,182,76,40],"14960325",[210,42,40,182,206,40],"14961765",[212,42,17,213,214,40],"14960665","project\u002Fpositive\u002Fdesign","kirkules",[216,42,42,217,218,40],"14960726","project\u002Fcritical\u002Fdesign","dfc",[220,42,40,182,186,40],"14961952",[222,42,40,182,144,40],"14964879",[224,42,40,182,225,40],"14966073","ktta",[227,42,42,228,229,40],"14967377","maker\u002Fcritical\u002Fdesign","wingerlang",[151,42,43,231,152,40],"maker\u002Fneutral\u002Fexecution",[60,42,40,233,61,40],"commenter\u002Fneutral\u002Fnone",[91,32,42,217,92,40],[236,32,42,217,237,40],"14958125","speps",[239,32,43,240,241,40],"14958213","project\u002Fneutral\u002Fdesign","epicide",[243,32,42,217,244,40],"14958808","Ballantara",[246,32,40,197,10,42],"14959143",[159,43,40,248,160,40],"other\u002Fneutral\u002Fdocs",[250,43,40,182,251,40],"14964311","joshschreuder",[95,164,42,217,96,40],[120,164,43,240,121,40],[255,164,40,191,10,42],"14959099",[257,17,40,191,10,42],"14958409",[99,17,42,217,92,40],[102,17,42,217,103,40],[261,17,40,182,144,40],"14964907",[128,37,42,217,129,40],[264,37,40,191,10,42],"14959254",[266,37,40,191,10,42],"14967221",[109,268,42,269,110,40],7,"project\u002Fcritical\u002Fdocs",[113,268,42,269,103,40],[272,268,40,273,10,42],"14959050","maker\u002Fneutral\u002Fdocs",[275,31,17,276,189,40],"14965064","project\u002Fpositive\u002Fidea",[278,279,42,269,280,40],"14958721",9,"deadlylazer",[282,283,17,213,284,40],"14958188",10,"tw1010",[286,283,17,213,287,40],"14961492","hisem",[289,283,17,290,291,40],"14964131","project\u002Fpositive\u002Fexecution","crehn",[293,38,42,217,294,40],"14962565","karolg",[296,30,43,297,298,40],"14958192","project\u002Fneutral\u002Fidea","namank",[300,301,42,302,303,40],"14958812",13,"project\u002Fcritical\u002Fidea","jalayir",[305,301,40,306,110,40],"14958870","commenter\u002Fneutral\u002Fidea",[308,301,40,309,10,42],"14959058","maker\u002Fneutral\u002Fidea",[311,163,43,312,313,40],"14966698","project\u002Fmixed\u002Fdocs","jedimastert",[315,33,43,316,103,40],"14958732","project\u002Fneutral\u002Fdocs",[318,33,40,273,10,42],"14959064",[71,320,17,290,72,40],16,[124,322,42,217,125,40],17,[324,322,40,191,10,42],"14959067",[135,326,17,276,136,40],18,[328,326,43,297,329,40],"14970098","rcanepa",[75,331,17,213,76,40],19,[333,334,17,213,291,40],"14964196",20,[79,336,17,337,80,40],21,"project\u002Fpositive\u002Fdocs",[143,339,17,276,144,40],22,[341,339,40,309,10,42],"14966485",[139,339,43,297,140,40],[344,345,43,316,346,40],"14958048",23,"andars",[348,345,40,197,10,42],"14958419",[],[351,356,361,366,370,375],{"id":352,"name":353,"points":354,"category":355},"14947361","Is the stock market going to crash?",813,"finance_crypto",{"id":357,"name":358,"points":359,"category":360},"14950699","Eliot and Me Estimator",220,"web_saas",{"id":362,"name":363,"points":364,"category":365},"14973741","Transformation Invariant Reverse Image Search",166,"ai",{"id":367,"name":368,"points":178,"category":369},"14947449","AsciiDots","languages",{"id":371,"name":372,"points":373,"category":374},"14919534","RESTful Doom",136,"games",{"id":376,"name":377,"points":378,"category":374},"14939748","Twitch Plays Doom",113,false,"v2",{"id":382,"name":5,"line":6,"ai":379,"cat":19,"year":12,"points":13,"comments":14,"rec":27,"s":383,"top":17,"kw":384,"maker":10,"domain":5,"tier":18,"attempts":40,"strip":385,"url":9,"mix":386,"praise":68,"objection":88,"sub":20},14957201,-0.03,[23,24,25,26],"0005300510131110130101015153313351555533",[30,31,32,33],1793990962615]