[{"data":1,"prerenderedAt":493},["ShallowReactive",2],{"project-15594004":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":29,"sentiment":30,"stance_mix":31,"scored_comments":35,"aspects":36,"strip":46,"post_text":48,"what":49,"said":80,"maker_in_thread":216,"shape":224,"grid":229,"attempts":456,"same_week":457,"maker_shows":18,"maker_hidden":486,"reader_version":487,"card":488},"15594004","Frappe Charts","GitHub inspired JavaScript charting with zero dependencies","title","Show HN: Frappe Charts – GitHub inspired JavaScript charting with zero dependencies","https:\u002F\u002Ffrappe.github.io\u002Fcharts\u002F","frappe.github.io","rushabh",1509464346,2017,474,87,24,2242,2,"legend","dev_tools","javascript charting library","library",[24,25,26,27,28],"javascript charts","charting library","svg charts","heatmap chart","zero dependencies","curious",0.13,{"positive":32,"neutral":33,"mixed":18,"critical":34},12,25,8,47,{"execution":37,"idea":40,"performance":43,"design":44,"docs":45},{"positive":38,"critical":39},5,4,{"positive":41,"critical":42},0,1,{"positive":42,"critical":42},{"positive":39,"critical":18},{"positive":41,"critical":41},[47,47,42,47,42,42,47,38,42,38,47,47,47,47,41,41,41,41,41,42,41,41,41,41,41,38,41,42,41,38,42,38,47,38,47,38,38,41,38,47],3,null,{"problem":50,"audience":58,"pricing":48,"motivation":66,"time_to_build":48,"stack":70,"openness":77,"stage":78,"team_size":79},{"value":51,"source":52,"evidence":53},"Simple, clean charts for report data without heavy dependencies","commenter",[54],{"id":55,"by":56,"text":57},"15595138","pratu16x7","Thanks! That just about answers the burning question: why another charting library? It all boiled down to us needing some simple charts for our report data; nothing fancy, just…",{"value":59,"source":60,"evidence":61},"Web developers needing simple charts, especially for Frappe and ERPNext","inferred",[62,65],{"id":63,"by":56,"text":64},"15599003","The argument would be no different from all the products out there who design their own UI (MUX, GitHub). Our framework Frappé (and product ERPNext) has a great emphasis on…",{"id":55,"by":56,"text":57},{"value":67,"source":52,"evidence":68},"Needed simple charts for report data matching their classic design",[69],{"id":55,"by":56,"text":57},[71],{"value":72,"source":73,"evidence":74},"JavaScript","maker",[75],{"id":76},"post","open_source","unknown","company",{"praise":81,"objections":110,"requests":144,"questions":169,"alternatives":187},[82,93,100],{"value":83,"source":52,"evidence":84},"Clean, clear code and simple design",[85,89],{"id":86,"by":87,"text":88},"15594872","taupefrancis","Nice work. The code itself is clear and concise also.",{"id":90,"by":91,"text":92},"15594371","throwaway2016a","This look really nice. Great job.",{"value":94,"source":52,"evidence":95},"Annual heatmap is a distinctive feature",[96],{"id":97,"by":98,"text":99},"15596445","dabernathy89","The annual heatmap is particularly cool, and not something I've seen in many (any?) other libraries.",{"value":101,"source":52,"evidence":102},"Responsive and performant",[103,106],{"id":104,"by":56,"text":105},"15595042","> Is responsiveness a priority with this library? It sure is. Just pushed a fix, thanks for reporting :) Do report any issues you find over at…",{"id":107,"by":108,"text":109},"15601690","prashnts","It's so good! I am thoroughly impressed with its performance and the dynamic data binding. I discovered in comments that there's a frappe-gantt chart as well, would be nice if…",[111,122,133],{"value":112,"source":52,"evidence":113},"No unit tests",[114,118],{"id":115,"by":116,"text":117},"15595718","harunurhan","Looks nice, 0 dependency, simple design but there is one issue... I see that you don't have a single unit test or integration or functional etc. Even if your in house developers…",{"id":119,"by":120,"text":121},"15594767","polskibus","Do you have a separate repo with unit tests? If not, how do you test the charts?",{"value":123,"source":52,"evidence":124},"Does not work in IE11",[125,129],{"id":126,"by":127,"text":128},"15598178","silvestrov","> Supported across all major browsers Please be more specific: Frappe Charts doesn't work in MSIE 11 which is the latest IE for Windows 7 which is used by a lot of enterprises.",{"id":130,"by":131,"text":132},"15598920","thinkpad20","Be that as it may, that doesn’t address the apparent fact that it doesn’t work in all major browsers — certainly IE11 would be considered one by most.",{"value":134,"source":52,"evidence":135},"No stacked bar charts or pie charts",[136,140],{"id":137,"by":138,"text":139},"15595253","mmcnl","No stacked bar charts, unfortunate. Looks really nice.",{"id":141,"by":142,"text":143},"15595829","valar_m","Really nice work on this. Does it support pie charts currently? If not, any plans to do so in the future?",[145,155,162],{"value":146,"source":52,"evidence":147},"Add tests",[148,151],{"id":149,"by":56,"text":150},"15594894","We look forward to adding those (just created an issue). They are quite decoupled as of now, so shouldn't be much trouble.",{"id":152,"by":153,"text":154},"15596636","thrownaway954","maybe you could start contributing to the project by helping writing some tests? i see that this is a library for a product that develop, so this might be a project they just…",{"value":156,"source":52,"evidence":157},"Support for React Native",[158],{"id":159,"by":160,"text":161},"15599101","tehlike","If you also support react native using their canvas, it might be a pretty sweet addition. Plotting libraries are somewhat missing in react-native.",{"value":163,"source":52,"evidence":164},"Realtime updating graphs",[165],{"id":166,"by":167,"text":168},"15596876","m1","Any support for realtime\u002Fupdating graphs on the fly?",[170,181],{"value":171,"source":52,"evidence":172},"Why not use chart.js or D3",[173,177],{"id":174,"by":175,"text":176},"15596560","jazoom","This looks great. Can I ask why you didn't use chart.js?",{"id":178,"by":179,"text":180},"15598886","pteredactyl","D3 doesn’t have dependencies. Why use this?",{"value":182,"source":52,"evidence":183},"Supported browsers",[184],{"id":185,"by":120,"text":186},"15594514","Impressive! What are the supported browsers? What are your plans going forward?",[188,195,203,210],{"value":189,"source":52,"evidence":190},"chart.js",[191,192],{"id":174,"by":175,"text":176},{"id":193,"by":175,"text":194},"15599105","chart.js isn't perfect, but it's pretty easy to customise and remove\u002Fchange any element you don't like. I find it hard to believe it was easier for you to create an entirely new…",{"value":196,"source":52,"evidence":197},"D3",[198,199],{"id":178,"by":179,"text":180},{"id":200,"by":201,"text":202},"15599201","cormacrelf","Lots of libs advertise 0 dependencies. I'm not fussed if a library depends on D3 though. D3 is 80k gzipped, this is 15k gzipped, ChartJS is about 20k gzipped. If you need one…",{"value":204,"source":52,"evidence":205},"Google Charts",[206],{"id":207,"by":208,"text":209},"15600734","bpicolo","Google Charts is a solid lib if you need the go-wide support",{"value":211,"source":52,"evidence":212},"cal-heatmap",[213],{"id":214,"by":56,"text":215},"15596589","We used cal-heatmap (https:\u002F\u002Fgithub.com\u002Fwa0x6e\u002Fcal-heatmap) earlier. It's pretty neat.",{"comments":18,"answered":42,"key":217},[218,221],{"id":219,"text":220},"15594768","Also checkout the Gantt lib we published earlier https:\u002F\u002Ffrappe.github.io\u002Fgantt",{"id":222,"text":223},"15595092","Thank you! We tried many approaches, but the simplicity of object oriented UI components is classic. Its much more refreshing to read old fashioned object oriented code vs hybrid…",{"commenters":225,"max_depth":226,"maker_replies":18,"first_comment_mins":227,"lifespan_hours":228},59,7,40,200,[230,232,235,237,238,242,245,247,249,250,254,256,258,259,261,262,265,267,270,274,277,279,281,284,286,287,290,293,294,296,299,302,305,308,311,314,316,319,322,324,327,329,331,334,336,339,342,344,346,349,352,355,358,361,363,365,367,368,371,374,376,379,380,382,386,388,390,395,397,399,402,406,408,411,416,419,423,426,430,432,434,435,437,442,446,450,452],[185,41,47,231,120,41],"maker\u002Fneutral\u002Fnone",[233,41,47,234,56,41],"15594709","project\u002Fneutral\u002Fnone",[119,41,47,236,120,41],"project\u002Fneutral\u002Fexecution",[149,41,47,236,56,41],[239,41,41,240,241,41],"15594921","other\u002Fneutral\u002Fnone","rinchik",[243,41,42,244,120,41],"15595418","project\u002Fcritical\u002Fexecution",[246,41,47,236,241,41],"15600565",[248,41,47,236,120,41],"15602681",[126,41,42,244,127,41],[251,41,41,252,253,41],"15598819","commenter\u002Fneutral\u002Fnone","bradknowles",[130,41,41,255,131,41],"commenter\u002Fcritical\u002Fexecution",[257,41,41,255,201,41],"15599128",[207,41,42,244,208,41],[159,41,47,260,160,41],"project\u002Fneutral\u002Fidea",[219,41,41,234,11,42],[263,41,47,234,264,41],"15595487","dylz",[107,42,38,266,108,41],"project\u002Fpositive\u002Fperformance",[268,42,47,231,269,41],"15612903","netchampfaris",[271,18,42,272,273,41],"15598764","project\u002Fcritical\u002Fperformance","keithnz",[275,18,41,240,276,41],"15598982","dnprock",[86,47,38,278,87,41],"project\u002Fpositive\u002Fexecution",[222,47,41,280,11,42],"maker\u002Fneutral\u002Fdesign",[282,39,47,236,283,41],"15597613","eridius",[285,39,47,231,56,41],"15599019",[174,38,47,260,175,41],[288,38,47,260,289,41],"15598666","developer2",[291,38,47,234,292,41],"15598747","opmac",[63,38,47,280,56,41],[193,38,41,295,175,41],"commenter\u002Fcritical\u002Fidea",[115,297,47,298,116,41],6,"project\u002Fmixed\u002Fexecution",[300,297,41,240,301,41],"15595942","codazoda",[303,297,41,252,304,41],"15596017","RubenSandwich",[306,297,41,240,307,41],"15596042","iamflimflam1",[309,297,41,240,310,41],"15597074","bonyboy",[312,297,41,252,313,41],"15596039","sillysaurus3",[315,297,41,252,116,41],"15596069",[317,297,41,252,318,41],"15596116","XR0CSWV3h3kZWg",[320,297,41,321,116,41],"15596151","commenter\u002Fneutral\u002Fexecution",[323,297,41,321,318,41],"15596291",[325,297,41,252,326,41],"15597234","anon335dtzbvc",[328,297,41,252,313,41],"15596121",[330,297,42,244,116,41],"15596184",[332,297,41,252,333,41],"15596451","foodstances",[335,297,41,252,326,41],"15597143",[337,297,41,252,338,41],"15596171","simplify",[340,297,41,252,341,41],"15597185","Fifer82",[343,297,41,252,98,41],"15596430",[345,297,41,252,292,41],"15598752",[347,297,41,252,348,41],"15596392","handbanana",[350,297,41,252,351,41],"15596510","methodin",[353,297,41,321,354,41],"15597378","dflock",[356,297,41,255,357,41],"15598395","trevor-e",[359,297,41,240,360,41],"15598609","joshwcomeau",[362,297,41,255,357,41],"15598994",[364,297,41,252,360,41],"15604626",[366,297,38,278,348,41],"15602423",[152,297,41,321,153,41],[369,297,41,252,370,41],"15600155","vortico",[372,297,41,252,373,41],"15649312","cloverich",[178,226,42,375,179,41],"project\u002Fcritical\u002Fidea",[377,226,41,252,378,41],"15598930","ryantbrown",[200,226,41,252,201,41],[381,226,41,252,179,41],"15599556",[383,34,38,384,385,41],"15598546","project\u002Fpositive\u002Fdesign","avenoir",[141,387,47,234,142,41],9,[389,387,47,260,56,41],"15596172",[391,392,42,393,394,41],"15594989",10,"project\u002Fcritical\u002Fdesign","sjroot",[104,392,38,396,56,41],"maker\u002Fpositive\u002Fexecution",[90,398,38,384,91,41],11,[400,32,47,234,401,41],"15594997","boffinism",[403,32,47,404,405,41],"15595379","project\u002Fneutral\u002Fdocs","paultannenbaum",[407,32,38,278,56,41],"15596608",[409,32,47,404,410,41],"15597923","TheAceOfHearts",[412,413,47,414,415,41],"15594976",13,"project\u002Fmixed\u002Fidea","bobrown101",[166,417,47,418,167,41],14,"project\u002Fneutral\u002Fperformance",[420,421,47,404,422,41],"15594984",15,"techaddict009",[424,421,47,404,425,41],"15595844","matt4077",[427,428,38,278,429,41],"15594719",16,"_ar7",[55,428,47,431,56,41],"maker\u002Fneutral\u002Fidea",[97,433,38,384,98,41],17,[214,433,41,240,56,41],[436,433,41,252,98,41],"15658314",[438,439,38,440,441,41],"15600180",18,"project\u002Fpositive\u002Fnone","kapauldo",[443,444,38,384,445,41],"15596320",19,"koolhead17",[447,448,38,440,449,41],"15594562",20,"hackNightly",[137,451,42,393,138,41],21,[453,451,47,454,455,41],"15595634","project\u002Fneutral\u002Fdesign","achillesr",[],[458,463,468,472,477,482],{"id":459,"name":460,"points":461,"category":462},"15596304","Airborn",469,"productivity",{"id":464,"name":465,"points":466,"category":467},"15601027","\u002Fusr\u002Fbin\u002Fhtop",219,"infrastructure",{"id":469,"name":470,"points":471,"category":462},"15558057","Baby Buddy",172,{"id":473,"name":474,"points":475,"category":476},"15589742","Minimalchat",163,"web_saas",{"id":478,"name":479,"points":480,"category":481},"15582714","Vehicle Detection",153,"ai",{"id":483,"name":484,"points":485,"category":20},"15584028","Utelly",133,false,"v2",{"id":489,"name":5,"line":6,"ai":486,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":30,"top":18,"kw":490,"maker":11,"domain":10,"tier":19,"attempts":41,"strip":491,"url":9,"mix":492,"praise":83,"objection":112,"sub":21},15594004,[24,25,26,27,28],"3313113515333300000100000501051535355053",[32,33,18,34],1794036560381]