[{"data":1,"prerenderedAt":368},["ShallowReactive",2],{"project-24304623":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":45,"what":46,"said":73,"maker_in_thread":160,"shape":173,"grid":178,"attempts":331,"same_week":332,"maker_shows":44,"maker_hidden":361,"reader_version":362,"card":363},"24304623","vscode-debug-visualizer","Visualize Data Structures in VS Code","title","Show HN: Visualize Data Structures in VS Code","https:\u002F\u002Fgithub.com\u002Fhediet\u002Fvscode-debug-visualizer\u002Ftree\u002Fmaster\u002Fextension","github.com","Gehinnn",1598621661,2020,509,61,49,3028,2,"legend","dev_tools","debugger extension","desktop_app",[24,25,26,27],"data structure visualization","vscode debugger","graphviz","debugging","loved",0.46,{"positive":31,"neutral":32,"mixed":33,"critical":18},14,11,0,27,{"idea":36,"design":38,"docs":39,"execution":40},{"positive":37,"critical":33},10,{"positive":33,"critical":18},{"positive":33,"critical":33},{"positive":41,"critical":33},1,[33,33,33,43,33,43,33,33,33,33,44,33,44,41,33,44,33,41,33,33,43,44,44,33,44,44,33,33,43,43,43,33,44,43,43,33,44,44,33,44],3,5,null,{"problem":47,"audience":54,"pricing":45,"motivation":45,"time_to_build":45,"stack":63,"openness":70,"stage":71,"team_size":72},{"value":48,"source":49,"evidence":50},"Hard to understand complex data structures in the VS Code watch window while debugging.","maker",[51],{"id":52,"by":11,"text":53},"24305577","Advent of Code really might be a great use-case for this extension! Anyways, I think the table, the plain text and the planned text-diff visualizer might be handy for day-to-day…",{"value":55,"source":56,"evidence":57},"Developers debugging code in VS Code.","inferred",[58,62],{"id":59,"by":60,"text":61},"24305461","kevsim","Not sure how often I'll use this in day-to-day coding. Just don't find myself encountering that many of these types of issues on a daily basis. However, I am 100% for sure going…",{"id":52,"by":11,"text":53},[64],{"value":65,"source":56,"evidence":66},"TypeScript",[67],{"id":68,"by":11,"text":69},"24311737","In case of javascript, the data extractor runtime is injected into the debuggee at [1]. You can find the data extractor runtime implementation at [2]. [1]…","open_source","launched","unknown",{"praise":74,"objections":95,"requests":107,"questions":131,"alternatives":139},[75,88],{"value":76,"source":77,"evidence":78},"Useful for visualizing nested or complex data while debugging","commenter",[79,80,84],{"id":59,"by":60,"text":61},{"id":81,"by":82,"text":83},"24306127","mrkwse","This looks extremely helpful for when one is digging deep into nested structures, I'm definitely going to have to give it a go. Looking forward to the C# support too.",{"id":85,"by":86,"text":87},"24316814","MikeSchurman","I'm a bit late to the party here, but I need to say that posts like this are why I keep coming back to hacker news. Automatic visualization of data is such a powerful and…",{"value":89,"source":77,"evidence":90},"Good for teaching data structures",[91],{"id":92,"by":93,"text":94},"24305459","tcgarvin","Wow, this seems like a great tool to help teach basic data structures. I'll be excited to try this out with my son.",[96],{"value":97,"source":77,"evidence":98},"Animation and force-directed layout can be distracting and slow stepping",[99,103],{"id":100,"by":101,"text":102},"24308531","avmich","Great, but I feel those eye candies with e.g. growing and reshaping lists will get old fast. What would be more useful for work in the long run is a rather tacit - not…",{"id":104,"by":105,"text":106},"24311415","sterlind","I built one of these things when working on a very complex graph algorithm a few years ago. It took a month, but without it I wouldn't have been able to spot my bug. I am glad…",[108,124],{"value":109,"source":77,"evidence":110},"Support for more languages such as Ruby, C#, PowerShell",[111,115,119,123],{"id":112,"by":113,"text":114},"24308438","shadykiller","This is amazing !! So much better than looking variable in the watch. Please add ruby support to this",{"id":116,"by":117,"text":118},"24308369","dchuk","Interesting to see that decent-sized list of languages without Ruby in it. Is there some technical limitation preventing ruby support?",{"id":120,"by":121,"text":122},"24308288","frabbit","Powershell support would be nice.",{"id":81,"by":82,"text":83},{"value":125,"source":77,"evidence":126},"Standalone version outside VS Code",[127],{"id":128,"by":129,"text":130},"24306205","cxr","Here's my modest plea to authors of extensions like this: please consider creating a \"standalone\" version, too. The AST viewer in the GIF is a good example of a tool that doesn't…",[132],{"value":133,"source":77,"evidence":134},"How to install in VSCodium",[135],{"id":136,"by":137,"text":138},"24308343","JamesUtah07","I am using vscodium instead of vscode so the \"Install\" link on the marketplace page doesn't work and searching for the extension doesn't show it. Any ideas on how I can install…",[140,147,154],{"value":141,"source":77,"evidence":142},"DDD debugger",[143],{"id":144,"by":145,"text":146},"24307927","philsnow","This reminds me a bit of `ddd` [0] which has been around ~forever. It really helped me visualize some object relationships in ThoughtTreasure [1] back in school. A main…",{"value":148,"source":77,"evidence":149},"Glamorous Toolkit",[150],{"id":151,"by":152,"text":153},"24307101","AriaMinaei","Can't wait to try this! Also see Glamorous Toolkit [0] where visualization is a core part of the development process. [0] https:\u002F\u002Fgtoolkit.com",{"value":155,"source":77,"evidence":156},"Quokka VS Code extension",[157],{"id":158,"by":11,"text":159},"24307145","It's not coming close, but a step towards light table: https:\u002F\u002Fgithub.com\u002Fhediet\u002Fvscode-realtime-debugging Also, there is…",{"comments":161,"answered":162,"key":163},15,4,[164,167,170],{"id":165,"text":166},"24314464","Then this extension might be able to help you! You can visualize graphviz dot data that is stored in a rust string.",{"id":168,"text":169},"24305375","All visualizations (i.e. json ~> ui transformers) are available as standalone library too. A playground can be found at [1]. The entire project is open source and can be easily…",{"id":171,"text":172},"24306491","I refactored all the visualization out into a standalone framework. I share your view ;) Except that it should not be a single file. That is technically neither feasible nor…",{"commenters":174,"max_depth":175,"maker_replies":161,"first_comment_mins":176,"lifespan_hours":177},38,8,63,36,[179,181,185,187,190,192,194,195,197,200,203,206,209,211,213,215,217,219,222,223,225,229,231,233,235,237,240,241,244,248,251,253,256,257,259,261,263,264,268,272,274,277,280,282,285,286,288,291,293,296,298,301,302,305,306,310,314,318,321,325,329],[144,33,33,180,145,33],"commenter\u002Fneutral\u002Fidea",[182,33,33,183,184,33],"24313542","other\u002Fneutral\u002Fnone","db48x",[165,33,33,186,11,41],"maker\u002Fneutral\u002Fnone",[188,33,33,189,184,33],"24314610","commenter\u002Fneutral\u002Fnone",[168,41,33,191,11,41],"project\u002Fneutral\u002Fdocs",[128,18,43,193,129,33],"project\u002Fneutral\u002Fidea",[171,18,33,193,11,41],[196,18,43,186,129,33],"24308185",[198,18,33,199,11,41],"24309983","project\u002Fneutral\u002Fperformance",[201,18,33,183,202,33],"24306506","joshribakoff",[204,18,33,183,205,33],"24308910","robenkleene",[207,18,33,189,208,33],"24309689","outworlder",[210,18,33,183,11,41],"24310182",[212,18,33,189,129,33],"24311700",[214,18,33,189,208,33],"24312204",[59,43,44,216,60,33],"project\u002Fpositive\u002Fidea",[52,43,33,218,11,41],"project\u002Fneutral\u002Fnone",[220,43,33,183,221,33],"24307731","Insanity",[85,162,44,216,86,33],[100,44,41,224,101,33],"project\u002Fcritical\u002Fdesign",[226,44,33,227,228,33],"24308935","other\u002Fneutral\u002Fidea","westoncb",[230,44,33,183,11,41],"24310365",[232,44,33,183,228,33],"24310731",[234,44,44,216,184,33],"24313649",[236,44,33,183,228,33],"24320762",[238,44,43,193,239,33],"24310333","jxramos",[104,44,41,224,105,33],[242,44,33,243,11,41],"24311538","project\u002Fneutral\u002Fexecution",[245,246,33,183,247,33],"24305502",6,"natcombs",[249,246,33,183,250,33],"24306068","lccarrasco",[136,252,43,218,137,33],7,[254,252,43,191,255,33],"24309244","mdaniel",[92,175,44,216,93,33],[151,258,44,216,152,33],9,[112,37,44,260,113,33],"project\u002Fpositive\u002Fnone",[262,37,33,218,11,41],"24310205",[81,32,44,260,82,33],[265,266,44,216,267,33],"24305374",12,"LandR",[269,270,44,216,271,33],"24306991",13,"frenchie4111",[273,270,33,189,11,41],"24307180",[275,270,33,183,276,33],"24308036","sireat",[278,270,33,183,279,33],"24308755","edgyquant",[281,270,33,183,239,33],"24310446",[283,270,43,243,284,33],"24312040","timkpaine",[116,31,43,218,117,33],[287,31,33,218,11,41],"24309649",[289,31,43,243,290,33],"24310036","daviding",[292,31,33,191,11,41],"24310268",[294,31,44,295,290,33],"24310540","project\u002Fpositive\u002Fexecution",[297,31,33,193,11,41],"24310797",[299,31,43,191,300,33],"24311655","jonnytran",[68,31,33,191,11,41],[303,161,43,218,304,33],"24306972","geoffeg",[158,161,33,193,11,41],[307,308,44,216,309,33],"24308933",16,"clukic",[311,312,44,216,313,33],"24305614",17,"kords",[315,316,44,216,317,33],"24308909",18,"tenbino",[319,316,33,183,320,33],"24313250","tonyhb",[322,323,33,183,324,33],"24308730",19,"wnevets",[326,327,44,260,328,33],"24309714",20,"node-bayarea",[120,330,43,218,121,33],21,[],[333,338,343,347,352,357],{"id":334,"name":335,"points":336,"category":337},"24323589","WebRTC for the Curious",667,"learning_science",{"id":339,"name":340,"points":341,"category":342},"24309237","Healthcare Is Dumb",441,"web_saas",{"id":344,"name":345,"points":346,"category":20},"24323378","Vimac",375,{"id":348,"name":349,"points":350,"category":351},"24305834","pantel.is",285,"games",{"id":353,"name":354,"points":355,"category":356},"24294397","Muse",266,"productivity",{"id":358,"name":359,"points":360,"category":337},"24332303","ML From Scratch",259,false,"v2",{"id":364,"name":5,"line":6,"ai":361,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":29,"top":18,"kw":365,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":366,"url":9,"mix":367,"praise":76,"objection":97,"sub":21},24304623,[24,25,26,27],"0003030000505105010035505500333053305505",[31,32,33,18],1794036595309]