[{"data":1,"prerenderedAt":165},["ShallowReactive",2],{"project-10849544":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":38,"post_text":40,"what":41,"said":63,"maker_in_thread":102,"shape":105,"grid":108,"attempts":128,"same_week":129,"maker_shows":126,"maker_hidden":157,"reader_version":158,"card":159},"10849544","dataviztalk.blogspot.com","Tufte's discrete sparklines using D3.js","title","Show HN: Tufte's discrete sparklines using D3.js","http:\u002F\u002Fdataviztalk.blogspot.com\u002F2016\u002F01\u002Fhow-to-make-tuftes-discrete-sparklines.html","rooviz",1452073635,2016,70,8,547,2264,25,"notable","data","data visualisation","library",[23,24,25,26],"sparklines","d3.js","tufte","data visualization","curious",-0.089,{"positive":30,"neutral":31,"mixed":32,"critical":30},1,5,0,7,{"idea":35,"docs":36,"execution":37},{"positive":32,"critical":32},{"positive":32,"critical":32},{"positive":32,"critical":30},[39,39,31,32,39,39,39,30],3,null,{"problem":42,"audience":40,"pricing":40,"motivation":40,"time_to_build":40,"stack":56,"openness":62,"stage":62,"team_size":62},{"value":43,"source":44,"evidence":45},"Showing discrete win\u002Floss sequences compactly, as in Tufte's sparklines","inferred",[46,48,52],{"id":47},"post",{"id":49,"by":50,"text":51},"10854456","jonahx","Curious what the advantage is (in general) of sparklines over, say, a line of circles with filled in = win and empty = loss? you could use a red fill color for streaks of 4 or…",{"id":53,"by":54,"text":55},"10854648","goldenchrome","A single line of circles allows for less information density. If you force it to have the same information density then you lose a lot of legibility. Secondly, it's possibly…",[57],{"value":58,"source":59,"evidence":60},"D3.js","commenter",[61],{"id":47},"unknown",{"praise":64,"objections":72,"requests":84,"questions":85,"alternatives":97},[65],{"value":66,"source":67,"evidence":68},"Information density argument for sparklines is well illustrated","maker",[69],{"id":70,"by":10,"text":71},"10856950","Thanks, that example illustrates the information density point very well!",[73,80],{"value":74,"source":59,"evidence":75},"Would have been better built with SVG",[76],{"id":77,"by":78,"text":79},"10861194","danielhellier","Would have been better had you used SVG.",{"value":81,"source":59,"evidence":82},"A line of circles could be a simpler alternative",[83],{"id":49,"by":50,"text":51},[],[86,93],{"value":87,"source":59,"evidence":88},"What does the partial horizontal line mean in Tufte's example",[89],{"id":90,"by":91,"text":92},"10854543","kpil","What does the partial horizontal line indicate in Tufte's example?",{"value":94,"source":59,"evidence":95},"What is the advantage of sparklines over a line of circles",[96],{"id":49,"by":50,"text":51},[98],{"value":99,"source":59,"evidence":100},"Line of filled circles showing wins and losses",[101],{"id":49,"by":50,"text":51},{"comments":30,"answered":32,"key":103},[104],{"id":70,"text":71},{"commenters":33,"max_depth":39,"maker_replies":30,"first_comment_mins":106,"lifespan_hours":107},774,36,[109,111,112,115,117,119,122,125],[49,32,39,110,50,32],"project\u002Fneutral\u002Fidea",[53,32,39,110,54,32],[113,32,31,114,50,32],"10856264","maker\u002Fpositive\u002Fnone",[70,32,32,116,10,30],"maker\u002Fpositive\u002Fidea",[90,30,39,118,91,32],"project\u002Fneutral\u002Fdocs",[120,30,39,118,121,32],"10854584","indyz",[123,30,39,118,124,32],"10854852","macintux",[77,126,30,127,78,32],2,"project\u002Fcritical\u002Fexecution",[],[130,135,139,144,149,153],{"id":131,"name":132,"points":133,"category":134},"10824064","GPU text rendering with vector textures",334,"languages",{"id":136,"name":137,"points":138,"category":134},"10849460","Nodal",288,{"id":140,"name":141,"points":142,"category":143},"10830587","Saola",151,"dev_tools",{"id":145,"name":146,"points":147,"category":148},"10830799","friends",96,"productivity",{"id":150,"name":151,"points":152,"category":148},"10850811","GitBook Editor Beta",92,{"id":154,"name":155,"points":156,"category":134},"10832207","Searchkit",74,false,"v2",{"id":160,"name":5,"line":6,"ai":157,"cat":19,"year":12,"points":13,"comments":14,"rec":27,"s":161,"top":17,"kw":162,"maker":10,"domain":5,"tier":18,"attempts":32,"strip":163,"url":9,"mix":164,"praise":66,"objection":74,"sub":20},10849544,-0.09,[23,24,25,26],"33503331",[30,31,32,30],1794036539336]