[{"data":1,"prerenderedAt":235},["ShallowReactive",2],{"project-11014852":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":42,"post_text":44,"what":45,"said":86,"maker_in_thread":151,"shape":159,"grid":163,"attempts":199,"same_week":200,"maker_shows":37,"maker_hidden":227,"reader_version":228,"card":229},"11014852","GraphvizAnim","A tool to create animated graphs, based on graphviz","title","Show HN: GraphvizAnim, a tool to create animated graphs, based on graphviz","https:\u002F\u002Fgithub.com\u002Fmapio\u002FGraphvizAnim","github.com","mapio",1454356459,2016,70,18,547,2264,25,"notable","dev_tools","graph visualisation","library",[24,25,26,27],"graphviz","animated graph","python","graph animation","loved",0.444,{"positive":31,"neutral":32,"mixed":33,"critical":33},6,3,0,9,{"idea":36,"performance":38,"execution":39,"design":41},{"positive":37,"critical":33},2,{"positive":33,"critical":33},{"positive":40,"critical":33},1,{"positive":33,"critical":33},[43,33,32,33,32,33,43,33,43,43,43,33,43,33,32,33,33,33],5,null,{"problem":46,"audience":44,"pricing":44,"motivation":44,"time_to_build":44,"stack":58,"openness":83,"stage":84,"team_size":85},{"value":47,"source":48,"evidence":49},"Making animated graphs from Graphviz layouts","inferred",[50,54],{"id":51,"by":52,"text":53},"11015828","minimaxir","Coincidentally I released an experimental graph animation video using graph-tool for rendering and ffmpeg for conversion: https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=TywrMtBcgeI The…",{"id":55,"by":56,"text":57},"11015780","Buetol","This looks really similar to what you want to do but with d3 and interactive: http:\u002F\u002Fmaurizzzio.github.io\u002Fgreuler\u002F#\u002Fexamples\u002Fdfs (click \"run algorithm\")",[59,66,73,78],{"value":60,"source":48,"evidence":61},"Python",[62,63],{"id":51,"by":52,"text":53},{"id":64,"by":11,"text":65},"11015751","The `gvanim.jupyter` module is actually using SVG, so that would be awesome! Would you like to contribute? I'll be glad to accept a pull request :) I have opened an issue…",{"value":67,"source":48,"evidence":68},"Graphviz",[69,70],{"id":55,"by":56,"text":57},{"id":71,"by":11,"text":72},"11016138","That's really nice! I like graphviz layouts because they use curved arcs (that sometimes make graphs look much better). How difficult would be to use it with d3?",{"value":74,"source":75,"evidence":76},"ImageMagick","commenter",[77],{"id":51,"by":52,"text":53},{"value":79,"source":80,"evidence":81},"SVG","maker",[82],{"id":64,"by":11,"text":65},"open_source","prototype","unknown",{"praise":87,"objections":103,"requests":117,"questions":123,"alternatives":135},[88,96],{"value":89,"source":75,"evidence":90},"Useful tool that solves a real problem",[91,95],{"id":92,"by":93,"text":94},"11016951","venning","You are not dumb. Releasing un-commented code that works is still releasing code that works. This actually solves a problem I was having. Thanks for sharing it.",{"id":51,"by":52,"text":53},{"value":97,"source":75,"evidence":98},"Animating graphs makes them clearer",[99],{"id":100,"by":101,"text":102},"11015713","benbjohnson","I really like the idea of animating graphviz graphs. It definitely helps to make them clearer. I know it's a proof of concept but one suggestion would be to animate the line…",[104,110],{"value":105,"source":80,"evidence":106},"Code lacks comments and usage examples",[107],{"id":108,"by":11,"text":109},"11016125","No, I am dumb and should comment the code (and provide few usage examples). I wrote it in a hurry yesterday night, it was just an hack and it ended up on the frontpage of HN.",{"value":111,"source":75,"evidence":112},"Does not work on iPhone",[113],{"id":114,"by":115,"text":116},"11017175","lifeisstillgood","I'm not complaining but interested - why does this not work on my iPhone? Safari does not support it? Phones in general do not provide some basic resource needed? I have usually…",[118],{"value":119,"source":75,"evidence":120},"Output animated SVG so lines can be drawn",[121,122],{"id":100,"by":101,"text":102},{"id":64,"by":11,"text":65},[124,131],{"value":125,"source":75,"evidence":126},"Whether it works on iPhone",[127,128],{"id":114,"by":115,"text":116},{"id":129,"by":11,"text":130},"11020747","If I open the GitHub page on my iPhone I can see the graph animating. It's just an animated gif, so it should not really be a problem of Javascript at all (there is none…",{"value":132,"source":80,"evidence":133},"How to use d3 with it",[134],{"id":71,"by":11,"text":72},[136,140,144],{"value":137,"source":75,"evidence":138},"greuler (d3 interactive graph animation)",[139],{"id":55,"by":56,"text":57},{"value":141,"source":75,"evidence":142},"graph-tool with ffmpeg",[143],{"id":51,"by":52,"text":53},{"value":145,"source":75,"evidence":146},"oovaide (C++ sequence diagrams)",[147],{"id":148,"by":149,"text":150},"11018469","chris_wot","I'm going to answer my own question: https:\u002F\u002Fgithub.com\u002Fanimatedb\u002Foovaide",{"comments":152,"answered":37,"key":153},7,[154,155,158],{"id":71,"text":72},{"id":156,"text":157},"11020760","Cool, I'm totally new to d3, but it seems very very interesting. It's nice to know that a good layout plugin is available. Thanks for the info!",{"id":129,"text":130},{"commenters":160,"max_depth":31,"maker_replies":152,"first_comment_mins":161,"lifespan_hours":162},8,108,62,[164,166,168,172,174,176,178,179,181,183,185,187,189,191,193,194,195,198],[55,33,43,165,56,33],"project\u002Fpositive\u002Fidea",[71,33,33,167,11,40],"project\u002Fneutral\u002Fdesign",[169,33,32,170,171,33],"11016277","maker\u002Fneutral\u002Fnone","tunesmith",[156,33,33,173,11,40],"maker\u002Fpositive\u002Fnone",[114,33,32,175,115,33],"project\u002Fneutral\u002Fperformance",[129,33,33,177,11,40],"maker\u002Fneutral\u002Fperformance",[51,40,43,165,52,33],[108,40,33,180,11,40],"maker\u002Fneutral\u002Fdocs",[92,40,43,182,93,33],"maker\u002Fpositive\u002Fexecution",[184,40,43,173,115,33],"11017177",[186,40,43,173,149,33],"11018454",[188,40,33,173,11,40],"11020753",[190,40,43,173,149,33],"11031028",[192,40,33,170,11,40],"11033038",[100,37,32,167,101,33],[64,37,33,173,11,40],[196,32,33,197,149,33],"11018447","other\u002Fneutral\u002Fnone",[148,32,33,197,149,33],[],[201,206,211,215,219,223],{"id":202,"name":203,"points":204,"category":205},"11019922","3D Vector Graphics",441,"languages",{"id":207,"name":208,"points":209,"category":210},"11027371","Plain Email",322,"productivity",{"id":212,"name":213,"points":214,"category":210},"11026096","cv-maker",255,{"id":216,"name":217,"points":218,"category":20},"11011420","Hint.css v2.0",253,{"id":220,"name":221,"points":222,"category":210},"11025382","Turtl",236,{"id":224,"name":225,"points":226,"category":20},"10996765","Ship",219,false,"v2",{"id":230,"name":5,"line":6,"ai":227,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":231,"top":18,"kw":232,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":233,"url":9,"mix":234,"praise":89,"objection":105,"sub":21},11014852,0.44,[24,25,26,27],"503030505550503000",[31,32,33,33],1793990937307]