[{"data":1,"prerenderedAt":281},["ShallowReactive",2],{"project-13116727":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":34,"aspects":35,"strip":44,"post_text":45,"what":46,"said":69,"maker_in_thread":157,"shape":159,"grid":164,"attempts":244,"same_week":245,"maker_shows":32,"maker_hidden":274,"reader_version":275,"card":276},"13116727","Victory","ReactJS library for building interactive data visualizations","title","Show HN: Victory – ReactJS library for building interactive data visualizations","https:\u002F\u002Fgithub.com\u002FFormidableLabs\u002Fvictory","github.com","thekenwheeler",1481047202,2016,220,29,114,2264,6,"notable","dev_tools","charting library","library",[24,25,26,27],"react charts","data visualization","svg charts","react library","debated",0,{"positive":31,"neutral":32,"mixed":29,"critical":33},7,5,8,20,{"performance":36,"design":38,"idea":40,"docs":41,"execution":42},{"positive":29,"critical":37},2,{"positive":39,"critical":29},3,{"positive":29,"critical":39},{"positive":29,"critical":37},{"positive":43,"critical":43},1,[43,29,29,29,39,43,32,32,32,43,39,39,39,43,29,29,32,43,43,29,43,29,39,32,32,43,29,32,29],null,{"problem":47,"audience":45,"pricing":45,"motivation":45,"time_to_build":45,"stack":53,"openness":66,"stage":67,"team_size":68},{"value":48,"source":49,"evidence":50},"Building interactive data visualizations and charts in React","maker",[51],{"id":52},"post",[54,58],{"value":55,"source":49,"evidence":56},"React",[57],{"id":52},{"value":59,"source":60,"evidence":61},"SVG","commenter",[62],{"id":63,"by":64,"text":65},"13121394","tomduncalf","I replaced ChartJS with Victory on a recent project for charting investment performance, and was generally very pleased with the experience. The focus on composable components…","unknown","beta","company",{"praise":70,"objections":86,"requests":112,"questions":117,"alternatives":129},[71,75,79],{"value":72,"source":60,"evidence":73},"Composable components fit the React way of working and allow easy customisation",[74],{"id":63,"by":64,"text":65},{"value":76,"source":60,"evidence":77},"SVG rendering quality is better than Canvas charts",[78],{"id":63,"by":64,"text":65},{"value":80,"source":60,"evidence":81},"Used by FiveThirtyEight",[82],{"id":83,"by":84,"text":85},"13116996","donjh","This looks pretty slick. Awesome to see that FiveThirtyEight is using it, too (http:\u002F\u002Fformidable.com\u002Fopen-source\u002Fvictory\u002Fabout\u002F#showcase). I've always wrestled with D3 when doing…",[87,98,105],{"value":88,"source":60,"evidence":89},"Documentation is hard for beginners",[90,94],{"id":91,"by":92,"text":93},"13118357","findjashua","the documentation isn't very beginner friendly, I found recharts much easier to get started with",{"id":95,"by":96,"text":97},"13117454","fiatjaf","I tried it. The documentation is not helpful at all. I couldn't manage to create a simple chart with basic features.",{"value":99,"source":60,"evidence":100},"Bundle size is large, close to 800 KB with React",[101],{"id":102,"by":103,"text":104},"13117638","SimeVidas","The size of the React and Victory libraries in the demo is close to 800 KB. How can this be reduced? For instance, it took ~12 seconds to render the chart with network and CPU…",{"value":106,"source":60,"evidence":107},"Alpha version with breaking changes before v1.0.0",[108],{"id":109,"by":110,"text":111},"13119197","caspg","I found Victory really interesting, but: \"This project is in alpha release. We're hard at work fixing bugs and improving the API. Be prepared for breaking changes! SEMVER Minor…",[113],{"value":114,"source":60,"evidence":115},"Reduce bundle size",[116],{"id":102,"by":103,"text":104},[118],{"value":119,"source":60,"evidence":120},"Is it cross-framework compatible beyond React",[121,125],{"id":122,"by":123,"text":124},"13118765","ergo14","This is not cross framework compatible because of react. Unfortunately I can't use it :( Will stick to c3js.",{"id":126,"by":127,"text":128},"13118800","pedalpete","I'm not sure I understand this comment. The title says \"ReactJS\" library. Do you mean it isn't compatible with React Native? Or did you really expect it to be compatible with…",[130,141,145,149,153],{"value":131,"source":60,"evidence":132},"D3",[133,137],{"id":134,"by":135,"text":136},"13117477","nathancahill","D3 plays really nicely with React already. I'll try this out, but not sure if I'd switch.",{"id":138,"by":139,"text":140},"13117709","schreiaj","For basic charting I'd have to agree with you. D3 has some awesome utility functions (scales, SVG path generation, the entire geo side of things... ) but their method of binding…",{"value":142,"source":60,"evidence":143},"ChartJS",[144],{"id":63,"by":64,"text":65},{"value":146,"source":60,"evidence":147},"recharts",[148],{"id":91,"by":92,"text":93},{"value":150,"source":60,"evidence":151},"c3js",[152],{"id":122,"by":123,"text":124},{"value":154,"source":60,"evidence":155},"Highcharts",[156],{"id":63,"by":64,"text":65},{"comments":29,"answered":29,"key":158},[],{"commenters":160,"max_depth":161,"maker_replies":29,"first_comment_mins":162,"lifespan_hours":163},23,4,26,64,[165,167,171,173,176,180,182,184,188,189,191,193,196,199,202,204,207,210,212,213,217,219,223,227,232,235,237,239,242],[102,29,43,166,103,29],"project\u002Fcritical\u002Fperformance",[168,29,29,169,170,29],"13117970","other\u002Fneutral\u002Fnone","jeeeeefff",[172,29,29,169,103,29],"13118568",[174,29,29,169,175,29],"13120165","gabrielcsapo",[177,29,39,178,179,29],"13120578","project\u002Fneutral\u002Fperformance","ludamad",[181,29,43,166,103,29],"13120922",[83,43,32,183,84,29],"project\u002Fpositive\u002Fdesign",[185,37,32,186,187,29],"13118753","maker\u002Fpositive\u002Fnone","benbayard",[63,39,32,183,64,29],[134,161,43,190,135,29],"project\u002Fcritical\u002Fidea",[138,161,39,192,139,29],"project\u002Fneutral\u002Fidea",[194,161,39,192,195,29],"13117814","mstijak",[197,161,39,192,198,29],"13117905","felipellrocha",[200,161,43,190,201,29],"13118742","Brakenshire",[203,161,29,169,123,29],"13118771",[205,161,29,169,206,29],"13119100","madeofpalk",[208,32,32,183,209,29],"13121144","msane",[91,18,43,211,92,29],"project\u002Fcritical\u002Fdocs",[95,31,43,211,96,29],[214,31,29,215,216,29],"13118766","commenter\u002Fneutral\u002Fdocs","joshwcomeau",[109,33,43,218,110,29],"project\u002Fcritical\u002Fexecution",[220,33,29,221,222,29],"13119337","commenter\u002Fneutral\u002Fexecution","exogen",[224,33,39,225,226,29],"13119597","maker\u002Fneutral\u002Fexecution","Boygirl",[228,229,32,230,231,29],"13117195",9,"project\u002Fpositive\u002Fnone","toddmatthews",[233,234,32,186,175,29],"13120154",10,[122,236,43,190,123,29],11,[126,236,29,238,127,29],"commenter\u002Fneutral\u002Fidea",[240,236,32,241,226,29],"13118876","project\u002Fpositive\u002Fexecution",[243,236,29,238,123,29],"13137826",[],[246,251,256,260,265,269],{"id":247,"name":248,"points":249,"category":250},"13095553","Handicareers.com",303,"web_saas",{"id":252,"name":253,"points":254,"category":255},"13120111","itsupport.grammable.me",285,"other",{"id":257,"name":258,"points":259,"category":250},"13079102","LaptopHits.com",254,{"id":261,"name":262,"points":263,"category":264},"13121402","CakeResume",195,"productivity",{"id":266,"name":267,"points":268,"category":20},"13116426","Gomix",185,{"id":270,"name":271,"points":272,"category":273},"13108962","Staticland",180,"infrastructure",false,"v2",{"id":277,"name":5,"line":6,"ai":274,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":29,"top":18,"kw":278,"maker":11,"domain":10,"tier":19,"attempts":29,"strip":279,"url":9,"mix":280,"praise":72,"objection":88,"sub":21},13116727,[24,25,26,27],"10003155513331005110103551050",[31,32,29,33],1794036550377]