[{"data":1,"prerenderedAt":189},["ShallowReactive",2],{"project-15745951":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":40,"post_text":42,"what":43,"said":57,"maker_in_thread":117,"shape":128,"grid":132,"attempts":150,"same_week":151,"maker_shows":15,"maker_hidden":181,"reader_version":182,"card":183},"15745951","react-chartkick","Create beautiful charts with one line of React","title","Show HN: Create beautiful charts with one line of React","https:\u002F\u002Fgithub.com\u002Fankane\u002Freact-chartkick","github.com","akane",1511243747,2017,44,9,869,2242,39,"shown","dev_tools","charting library","library",[24,25,26,27],"react","charts","data visualization","chartkick","mixed",0.111,{"positive":31,"neutral":32,"mixed":33,"critical":34},1,2,3,0,6,{"docs":37,"design":38,"idea":39},{"positive":34,"critical":34},{"positive":34,"critical":34},{"positive":31,"critical":34},[33,34,33,41,33,34,33,34,33],5,null,{"problem":42,"audience":44,"pricing":42,"motivation":42,"time_to_build":42,"stack":50,"openness":56,"stage":56,"team_size":56},{"value":45,"source":46,"evidence":47},"React developers","inferred",[48],{"id":49},"post",[51],{"value":52,"source":53,"evidence":54},"React","maker",[55],{"id":49},"unknown",{"praise":58,"objections":75,"requests":88,"questions":101,"alternatives":112},[59],{"value":60,"source":61,"evidence":62},"Nice, beautiful library with a great abstraction","commenter",[63,67,71],{"id":64,"by":65,"text":66},"15747792","vladsanchez","Finally, something simply brilliant to talk about! It's (imo) the perfect charting abstraction. Thanks for your hard work.",{"id":68,"by":69,"text":70},"15745964","ahmeni","While it's great to have a link to the charts themselves, you'll definitely want to also inline some screenshots of the charts in action. Pages of code samples are handy as…",{"id":72,"by":73,"text":74},"15747255","deadcoder0904","Awesome library. @ahmeni is right include screenshots in Github as well & show the website link rather than writing the description with link in Markdown. Also, add link beside…",[76,83],{"value":77,"source":61,"evidence":78},"React does not like external DOM manipulation, so it may be problematic for charts",[79],{"id":80,"by":81,"text":82},"15751196","mindcrash","Does your library take into account that React really doesn't like DOM manipulation from external sources? My team did some research on this and decided to write our own…",{"value":84,"source":61,"evidence":85},"Needs screenshots and a better first impression",[86,87],{"id":68,"by":69,"text":70},{"id":72,"by":73,"text":74},[89,94],{"value":90,"source":61,"evidence":91},"Add screenshots to the GitHub README",[92,93],{"id":68,"by":69,"text":70},{"id":72,"by":73,"text":74},{"value":95,"source":61,"evidence":96},"Center and max-width the demo page",[97],{"id":98,"by":99,"text":100},"15749105","nk1tz","As a react chart enthusiast, I love this. Add a max-width and center the content of the demo page to avoid elongated charts on large screens.",[102,108],{"value":103,"source":61,"evidence":104},"Where is the source code?",[105],{"id":106,"by":107,"text":103},"15758090","propelol",{"value":109,"source":61,"evidence":110},"Does it handle React's DOM manipulation constraints?",[111],{"id":80,"by":81,"text":82},[113],{"value":114,"source":61,"evidence":115},"React Faux DOM with D3",[116],{"id":80,"by":81,"text":82},{"comments":33,"answered":34,"key":118},[119,122,125],{"id":120,"text":121},"15746030","Thanks for the feedback!",{"id":123,"text":124},"15749463","Thanks nk1tz. Done!",{"id":126,"text":127},"15758873","Thanks for the feedback. I created a better landing page here: https:\u002F\u002Fwww.chartkick.com\u002Freact",{"commenters":129,"max_depth":32,"maker_replies":33,"first_comment_mins":130,"lifespan_hours":131},7,4,36,[133,135,137,139,141,143,145,146,148],[68,34,33,134,69,34],"project\u002Fmixed\u002Fdocs",[120,34,34,136,11,31],"commenter\u002Fneutral\u002Fnone",[80,31,33,138,81,34],"project\u002Fneutral\u002Fdesign",[64,32,41,140,65,34],"project\u002Fpositive\u002Fidea",[98,33,33,142,99,34],"project\u002Fmixed\u002Fdesign",[123,33,34,144,11,31],"maker\u002Fpositive\u002Fdesign",[72,130,33,134,73,34],[126,130,34,147,11,31],"maker\u002Fneutral\u002Fdocs",[106,41,33,149,107,34],"project\u002Fneutral\u002Fdocs",[],[152,157,162,167,172,177],{"id":153,"name":154,"points":155,"category":156},"15739744","Harvest Signal",572,"consumer_social",{"id":158,"name":159,"points":160,"category":161},"15757844","LogoFox",431,"creative",{"id":163,"name":164,"points":165,"category":166},"15761537","Gophercises",328,"learning_science",{"id":168,"name":169,"points":170,"category":171},"15736090","Boltzmann Machines",201,"ai",{"id":173,"name":174,"points":175,"category":176},"15759014","OhMyCo.in",167,"finance_crypto",{"id":178,"name":179,"points":180,"category":161},"15720448","Chord Progressions",161,false,"v2",{"id":184,"name":5,"line":6,"ai":181,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":185,"top":18,"kw":186,"maker":11,"domain":10,"tier":19,"attempts":34,"strip":187,"url":9,"mix":188,"praise":60,"objection":77,"sub":21},15745951,0.11,[24,25,26,27],"303530303",[31,32,33,34],1794036561024]