{"id":567,"date":"2023-01-08T10:47:23","date_gmt":"2023-01-08T09:47:23","guid":{"rendered":"https:\/\/jimblackler.com\/blog\/?p=567"},"modified":"2023-01-08T10:47:23","modified_gmt":"2023-01-08T09:47:23","slug":"npm-node-js-library-version-of-my-tree-diagram-generator-and-a-new-interactive-demo-site","status":"publish","type":"post","link":"https:\/\/jimblackler.com\/?p=567","title":{"rendered":"NPM (node.js library) version of my tree diagram generator, and a new interactive demo site"},"content":{"rendered":"\n<p>In 2014 I published a tree diagram generation tool <a href=\"https:\/\/jimblackler.com\/blog\/?p=365\">(link)<\/a>. I\u2019ve had a modest amount of positive feedback over the years so I decided to update it to use modern JavaScript (ES6) plus TypeScript\u00a0 and package it as an NPM project. It\u2019s amazing how much the web world has moved on in the last eight years, and giving something a polish can be surprisingly satisfying.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jimblackler.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-08-at-09.38.39.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"615\" src=\"https:\/\/jimblackler.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-08-at-09.38.39-1024x615.png\" alt=\"\" class=\"wp-image-568\" srcset=\"https:\/\/jimblackler.com\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-08-at-09.38.39-1024x615.png 1024w, https:\/\/jimblackler.com\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-08-at-09.38.39-300x180.png 300w, https:\/\/jimblackler.com\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-08-at-09.38.39-768x461.png 768w, https:\/\/jimblackler.com\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-08-at-09.38.39-1536x923.png 1536w, https:\/\/jimblackler.com\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-08-at-09.38.39-2048x1231.png 2048w, https:\/\/jimblackler.com\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-08-at-09.38.39-500x300.png 500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>The differences were so significant that I felt a new GitHub repo was appropriate. It\u2019s <a href=\"https:\/\/github.com\/jimblackler\/treefun2\">here<\/a>.<\/p>\n\n\n\n<p>I\u2019ve also developed a new online version of the tree generator that can act as a diagram generator, demo and playground for the tool. It has a new IDE-like design, thanks to the excellent GoldenLayout library. It\u2019s <a href=\"https:\/\/treefun.appspot.com\/\">here<\/a><\/p>\n\n\n\n<p>Once again the tool is free software offered under an Apache 2.0 licence. As always, any questions can be reported as an issue on GitHub, or by emailing me at <a href=\"mailto:jimblackler@gmail.com\">jimblackler@gmail.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In 2014 I published a tree diagram generation tool (link). I\u2019ve had a modest amount of positive feedback over the years so I decided to update it to use modern JavaScript (ES6) plus TypeScript\u00a0 and package it as an NPM project. It\u2019s amazing how much the web world has moved on in the last eight [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-567","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/jimblackler.com\/index.php?rest_route=\/wp\/v2\/posts\/567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jimblackler.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jimblackler.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jimblackler.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jimblackler.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=567"}],"version-history":[{"count":1,"href":"https:\/\/jimblackler.com\/index.php?rest_route=\/wp\/v2\/posts\/567\/revisions"}],"predecessor-version":[{"id":569,"href":"https:\/\/jimblackler.com\/index.php?rest_route=\/wp\/v2\/posts\/567\/revisions\/569"}],"wp:attachment":[{"href":"https:\/\/jimblackler.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=567"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jimblackler.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=567"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jimblackler.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}