[{"data":1,"prerenderedAt":356},["ShallowReactive",2],{"project-20734956":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":43,"post_text":45,"what":46,"said":79,"maker_in_thread":203,"shape":210,"grid":214,"attempts":318,"same_week":319,"maker_shows":33,"maker_hidden":348,"reader_version":349,"card":350},"20734956","Chart.xkcd","Xkcd-styled chart library","title","Show HN: Chart.xkcd – Xkcd-styled chart library","https:\u002F\u002Fgithub.com\u002Ftimqian\u002Fchart.xkcd","github.com","timqian",1566189731,2019,435,41,42,2195,2,"legend","dev_tools","charting library","library",[24,25,26,27],"xkcd charts","hand-drawn charts","javascript chart library","d3 charts","debated",-0.155,{"positive":31,"neutral":31,"mixed":32,"critical":33},6,1,10,23,{"docs":36,"design":38,"execution":39,"performance":40,"idea":41},{"positive":37,"critical":18},0,{"positive":18,"critical":37},{"positive":37,"critical":32},{"positive":37,"critical":18},{"positive":32,"critical":42},5,[44,37,44,37,37,32,37,42,32,37,44,32,37,37,37,37,42,32,37,32,37,44,37,44,37,32,32,37,42,42,44,32,37,42,42,44,32,37,37,32],3,null,{"problem":47,"audience":45,"pricing":45,"motivation":54,"time_to_build":45,"stack":58,"openness":77,"stage":78,"team_size":78},{"value":48,"source":49,"evidence":50},"Lack of a chart library with a simple chart.js-like API in a hand-drawn style","maker",[51],{"id":52,"by":11,"text":53},"20735339","Hi, HN, thanks for the upvotes. I am the author of this lib. What I want is a chart library with simple API like chart.js but in hand-drawn effect. I find there is no such lib,…",{"value":55,"source":49,"evidence":56},"No existing chart library offers a simple API with hand-drawn style",[57],{"id":52,"by":11,"text":53},[59,70],{"value":60,"source":61,"evidence":62},"JavaScript","inferred",[63,67],{"id":64,"by":65,"text":66},"20739568","SimeVidas","Almost 1 MB of JavaScript transferred to render a single chart? I am afraid that is not acceptable. I mean no disrespect whatsoever to the author of the library, but sending that…",{"id":68,"by":11,"text":69},"20742411","Author here, thanks for mentioning about this issue here. The lib size is over 400kb because I imported the whole d3 lib into it, but actually only using small fraction of it. I…",{"value":71,"source":49,"evidence":72},"D3",[73,74],{"id":68,"by":11,"text":69},{"id":75,"by":11,"text":76},"20736760","Thanks to d3, creating a new plotting library is not so hard https:\u002F\u002Fgithub.com\u002Fd3\u002Fd3-shape You can regard this library as adding styles to d3 instead of chart.js","open_source","unknown",{"praise":80,"objections":101,"requests":132,"questions":155,"alternatives":174},[81,92],{"value":82,"source":83,"evidence":84},"Charts look charming and the sketchy style conveys that trends matter more than precise numbers","commenter",[85,88],{"id":86,"by":11,"text":87},"20736638","From a usability perspective, \"sketchy\" or \"cartoony\" charts actually serve a purpose. To me, they communicate \"the trend is important here, not the precise numbers\". This can…",{"id":89,"by":90,"text":91},"20736672","Lucadg","I agree. It's the same approach with sketchy mockups for web pages. It tells you unequivocally that you should not focus on the design itself. I find it very powerful.",{"value":93,"source":49,"evidence":94},"Bundle size reduced from over 400kb to about 66KB after the maker's update",[95,98],{"id":96,"by":11,"text":97},"20747830","Updates: the total js file is around 66KB now https:\u002F\u002Fgithub.com\u002Ftimqian\u002Fchart.xkcd\u002Fpull\u002F7",{"id":99,"by":65,"text":100},"20753914","Great job!",[102,106,117],{"value":103,"source":83,"evidence":104},"JavaScript bundle is too large for a single chart",[105],{"id":64,"by":65,"text":66},{"value":107,"source":83,"evidence":108},"Does not render lines in Safari or on iPhone Chrome",[109,113],{"id":110,"by":111,"text":112},"20736341","yoz-y","Looks cool! On safari in Codepen it does not render any lines though, only text is visible.",{"id":114,"by":115,"text":116},"20742078","keyadams","Same in chrome on iPhone. I love this library btw, good job! :)",{"value":118,"source":83,"evidence":119},"License file was missing from the repo; font licensing may conflict with MIT",[120,124,128],{"id":121,"by":122,"text":123},"20735984","cogburnd02","The github page doesn't have the license?",{"id":125,"by":126,"text":127},"20735647","tempay","Claims MIT[1] but a copy of the licence text should be included for this to be valid. [1] https:\u002F\u002Fgithub.com\u002Ftimqian\u002Fchart.xkcd\u002Fblob\u002Fmaster\u002Fpackage.json#L25",{"id":129,"by":130,"text":131},"20743514","app4soft","Seems like merging `xkcd-script.ttf`[0] directly into `chart.xkcd` repository may violate `xkcd-font` licensing.[1] CC-SA-NC-licensed thing could not be merged into MIT-licensed…",[133,143,150],{"value":134,"source":83,"evidence":135},"Support for X,Y coordinate data for curves",[136,140],{"id":137,"by":138,"text":139},"20735614","yubiox","I see how to provide the Y axis data for the labels but is there a way to use X labels like 1 2 3 but then provide (X,Y) coords for minima and maxima [(1.1, 3.2), (4.8, 7.5),…",{"id":141,"by":11,"text":142},"20735910","This is on my plan, should be done in next release(within several days), you can watch the repo to get notification about it",{"value":144,"source":83,"evidence":145},"Directed graph support",[146],{"id":147,"by":148,"text":149},"20736190","Avamander","Any chance for directed graph support? Basically nothing does them out-of-box\u002Fbatteries-included even remotely nice-looking but they're very useful to represent quite a few…",{"value":151,"source":83,"evidence":152},"Server-side or build-step SVG generation",[153,154],{"id":64,"by":65,"text":66},{"id":68,"by":11,"text":69},[156,164],{"value":157,"source":83,"evidence":158},"Why create a new library instead of adding this style to an existing one like Chart.js",[159,163],{"id":160,"by":161,"text":162},"20736681","DangerousPie","Looks nice but why create a whole new plotting library for this rather than adding it to one of the existing ones (eg. Chart.js)?",{"id":75,"by":11,"text":76},{"value":165,"source":83,"evidence":166},"Is the license MIT",[167,171],{"id":168,"by":169,"text":170},"20735610","dedosk","What is the license of the library?",{"id":172,"by":11,"text":173},"20736053","it is MIT, I have added it to the repo",[175,182,189,196],{"value":176,"source":83,"evidence":177},"Rough.js",[178],{"id":179,"by":180,"text":181},"20735709","sheetjs","For general SVG \"sketchy\" effect, Rough.js is a very cool library: https:\u002F\u002Froughjs.com\u002F https:\u002F\u002Fgithub.com\u002Fpshihn\u002Frough\u002F https:\u002F\u002Froughjs.com\u002Fexamples\u002Fbar-chart.html is an example…",{"value":183,"source":83,"evidence":184},"xkcd-style matplotlib",[185],{"id":186,"by":187,"text":188},"20735333","risubramanian","Matplotlib has this too! https:\u002F\u002Fmatplotlib.org\u002F3.1.1\u002Fapi\u002F_as_gen\u002Fmatplotlib.pyplot.xkcd.html",{"value":190,"source":83,"evidence":191},"xkcdgraphs.com (D3)",[192],{"id":193,"by":194,"text":195},"20735246","dewey","There’s also a D3 version already that also has a hosted version: http:\u002F\u002Fxkcdgraphs.com\u002F",{"value":197,"source":83,"evidence":198},"R xkcd package on ggplot2",[199],{"id":200,"by":201,"text":202},"20735602","samch93","Also an R package exists to do this on top of ggplot2: http:\u002F\u002Fxkcd.r-forge.r-project.org\u002F",{"comments":33,"answered":31,"key":204},[205,206,207],{"id":52,"text":53},{"id":172,"text":173},{"id":208,"text":209},"20736767","Thanks, I did not test it on safari, will look into this issue later",{"commenters":211,"max_depth":42,"maker_replies":33,"first_comment_mins":212,"lifespan_hours":213},28,78,45,[215,217,219,221,225,227,229,233,237,239,241,243,245,249,251,253,254,256,259,263,264,267,268,271,273,274,276,278,279,283,286,288,289,291,296,301,306,310,311,313,316],[179,37,44,216,180,37],"project\u002Fneutral\u002Fnone",[52,32,37,218,11,32],"maker\u002Fneutral\u002Fidea",[121,32,44,220,122,37],"project\u002Fneutral\u002Fdocs",[222,32,37,223,224,37],"20736041","commenter\u002Fneutral\u002Fdocs","azastrael",[172,32,37,226,11,32],"maker\u002Fneutral\u002Fdocs",[129,32,32,228,130,37],"project\u002Fcritical\u002Fdocs",[230,32,37,231,232,37],"20739110","other\u002Fneutral\u002Fidea","imdsm",[234,32,42,235,236,37],"20743449","maker\u002Fpositive\u002Fdesign","ac4tw",[110,18,32,238,111,37],"project\u002Fcritical\u002Fexecution",[208,18,37,240,11,32],"maker\u002Fneutral\u002Fexecution",[114,18,44,242,115,37],"project\u002Fmixed\u002Fexecution",[64,44,32,244,65,37],"project\u002Fcritical\u002Fperformance",[246,44,37,247,248,37],"20739821","commenter\u002Fneutral\u002Fnone","wilsonrocks",[250,44,37,247,65,37],"20740805",[68,44,37,252,11,32],"maker\u002Fneutral\u002Fperformance",[96,44,37,252,11,32],[99,44,42,255,65,37],"maker\u002Fpositive\u002Fnone",[186,257,32,258,187,37],4,"project\u002Fcritical\u002Fidea",[260,257,37,261,262,37],"20736881","other\u002Fneutral\u002Fnone","madsohm",[193,42,32,258,194,37],[265,42,37,266,11,32],"20735296","project\u002Fneutral\u002Fidea",[147,42,44,266,148,37],[269,42,37,247,270,37],"20736692","KaoruAoiShiho",[137,31,44,272,138,37],"project\u002Fneutral\u002Fexecution",[141,31,37,240,11,32],[200,275,32,258,201,37],7,[160,277,32,258,161,37],8,[75,277,37,266,11,32],[280,281,42,255,282,37],"20736109",9,"askosh",[284,33,42,285,232,37],"20739093","project\u002Fpositive\u002Fidea",[168,287,44,220,169,37],11,[125,287,32,228,126,37],[290,287,37,226,11,32],"20735967",[292,293,42,294,295,37],"20736260",12,"project\u002Fpositive\u002Fdesign","surajs",[297,298,42,299,300,37],"20736671",13,"project\u002Fpositive\u002Fnone","dintech",[302,303,44,304,305,37],"20745478",14,"project\u002Fneutral\u002Fdesign","bythckr",[307,308,32,258,309,37],"20736584",15,"JulianMorrison",[86,308,37,285,11,32],[89,308,37,312,90,37],"commenter\u002Fneutral\u002Fidea",[314,308,32,244,315,37],"20738435","ModernMech",[317,308,37,247,90,37],"20738588",[],[320,325,330,334,339,344],{"id":321,"name":322,"points":323,"category":324},"20725311","Saag as a Service",303,"web_saas",{"id":326,"name":327,"points":328,"category":329},"20723366","ClojureScript pixel game engine with Blender live-reloading",285,"games",{"id":331,"name":332,"points":333,"category":20},"20737035","Crawlab",116,{"id":335,"name":336,"points":337,"category":338},"20704168","Homer",110,"languages",{"id":340,"name":341,"points":342,"category":343},"20738584","color.clss.hk",106,"creative",{"id":345,"name":346,"points":347,"category":329},"20745142","Easylang games",102,false,"v2",{"id":351,"name":5,"line":6,"ai":348,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":352,"top":18,"kw":353,"maker":11,"domain":10,"tier":19,"attempts":37,"strip":354,"url":9,"mix":355,"praise":82,"objection":103,"sub":21},20734956,-0.15,[24,25,26,27],"3030010510310000510103030110553105531001",[31,31,32,33],1793990993416]