[{"data":1,"prerenderedAt":138},["ShallowReactive",2],{"project-10919816":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":28,"what":39,"said":59,"maker_in_thread":85,"shape":87,"grid":90,"attempts":101,"same_week":102,"maker_shows":32,"maker_hidden":131,"reader_version":132,"card":133},"10919816","dataviztalk.blogspot.com","Tufte's line graph sparklines with D3.js","title","Show HN: Tufte's line graph sparklines with D3.js","http:\u002F\u002Fdataviztalk.blogspot.com\u002F2016\u002F01\u002Fhow-to-make-sparkline-with-d3js.html","rooviz",1453046351,2016,30,4,987,2264,44,"shown","dev_tools","charting library demo","library",[23,24,25,26],"sparklines","d3.js","svg charts","data visualization","quiet",null,{"positive":30,"neutral":31,"mixed":30,"critical":32},0,1,2,3,{"idea":35,"performance":36,"execution":37},{"positive":30,"critical":30},{"positive":30,"critical":31},{"positive":30,"critical":31},[33,30,31,31],{"problem":28,"audience":28,"pricing":28,"motivation":28,"time_to_build":28,"stack":40,"openness":58,"stage":58,"team_size":58},[41,51],{"value":42,"source":43,"evidence":44},"D3.js","inferred",[45,47],{"id":46},"post",{"id":48,"by":49,"text":50},"10923452","SchizoDuckie","d3js + underscore + jquery for a 20*100px sparkline. Sounds like you only want to use that if you're already using d3.",{"value":52,"source":43,"evidence":53},"SVG",[54],{"id":55,"by":56,"text":57},"10923584","Already__Taken","I think from what I can scan underscore isn't being used at all and jquery is only used for $.each and $('svg') at the end of the demo. You don't need those libraries. If you…","unknown",{"praise":60,"objections":61,"requests":71,"questions":72,"alternatives":80},[],[62,67],{"value":63,"source":64,"evidence":65},"Using D3 plus extra libraries is heavy for a small sparkline","commenter",[66],{"id":48,"by":49,"text":50},{"value":68,"source":64,"evidence":69},"Underscore and jQuery are unnecessary; SVGs could be pre-generated",[70],{"id":55,"by":56,"text":57},[],[73],{"value":74,"source":64,"evidence":75},"Are dense sparklines actually used at high data density on screens?",[76],{"id":77,"by":78,"text":79},"10922947","beneater","I always understood it to be that the \"typographic resolution\" aspect of sparklines was an important characteristic and that you really couldn't display a proper sparkline on a…",[81],{"value":82,"source":64,"evidence":83},"Pre-generated static SVGs",[84],{"id":55,"by":56,"text":57},{"comments":30,"answered":30,"key":86},[],{"commenters":14,"max_depth":32,"maker_replies":30,"first_comment_mins":88,"lifespan_hours":89},716,18,[91,93,97,99],[77,30,33,92,78,30],"project\u002Fneutral\u002Fidea",[94,31,30,95,96,30],"10922453","other\u002Fneutral\u002Fnone","mrcactu5",[48,32,31,98,49,30],"project\u002Fcritical\u002Fperformance",[55,32,31,100,56,30],"project\u002Fcritical\u002Fexecution",[],[103,107,112,117,122,126],{"id":104,"name":105,"points":106,"category":19},"10930718","Nativefier",162,{"id":108,"name":109,"points":110,"category":111},"10908987","OSwatch",150,"productivity",{"id":113,"name":114,"points":115,"category":116},"10938510","Chatlio",136,"web_saas",{"id":118,"name":119,"points":120,"category":121},"10915761","IPalyzer",123,"infrastructure",{"id":123,"name":124,"points":125,"category":116},"10924533","CMS.js",117,{"id":127,"name":128,"points":129,"category":130},"10941966","resdet",113,"learning_science",false,"v2",{"id":134,"name":5,"line":6,"ai":131,"cat":19,"year":12,"points":13,"comments":14,"rec":27,"s":28,"top":17,"kw":135,"maker":10,"domain":5,"tier":18,"attempts":30,"strip":136,"url":9,"mix":137,"praise":-1,"objection":63,"sub":20},10919816,[23,24,25,26],"3011",[30,31,30,32],1794036539718]