{"id":28342,"date":"2018-01-22T09:23:30","date_gmt":"2018-01-22T07:23:30","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=28342"},"modified":"2018-01-22T09:23:30","modified_gmt":"2018-01-22T07:23:30","slug":"webgraphviz-graphviz-in-a-browser","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2018\/01\/22\/webgraphviz-graphviz-in-a-browser\/","title":{"rendered":"WebGraphviz &#8211; Graphviz in a browser"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p><a href=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/01\/webgraphviz.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"28343\" data-permalink=\"https:\/\/mamchenkov.net\/wordpress\/2018\/01\/22\/webgraphviz-graphviz-in-a-browser\/webgraphviz\/\" data-orig-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/01\/webgraphviz.png?fit=262%2C268&amp;ssl=1\" data-orig-size=\"262,268\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"webgraphviz\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/01\/webgraphviz.png?fit=262%2C268&amp;ssl=1\" class=\"aligncenter size-full wp-image-28343\" src=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/01\/webgraphviz.png?resize=262%2C268&#038;ssl=1\" alt=\"\" width=\"262\" height=\"268\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.webgraphviz.com\/\">WebGraphviz<\/a> is yet another link for any <a href=\"https:\/\/www.graphviz.org\/\">Graphviz<\/a> fan!\u00a0 Pretty cool.<\/p>\n<p>By the way, if it&#8217;s been a while since you checked <a href=\"https:\/\/www.graphviz.org\/\">Graphviz website<\/a>, have a look &#8211; they&#8217;ve updated it recently and it doesn&#8217;t cause unexpected 90&#8217;s nostalgia outbreaks anymore.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>WebGraphviz is yet another link for any Graphviz fan!\u00a0 Pretty cool. By the way, if it&#8217;s been a while since you checked Graphviz website, have a look &#8211; they&#8217;ve updated it recently and it doesn&#8217;t cause unexpected 90&#8217;s nostalgia outbreaks anymore.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"WebGraphviz - Graphviz in a browser #Graphviz #WebDev #graphs","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,18,62,1334],"tags":[1312,2276,1330],"keyring_services":[],"class_list":["post-28342","post","type-post","status-publish","format-standard","hentry","category-general","category-programming","category-technology","category-web-work","tag-graphs","tag-graphviz","tag-web-development"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":42589,"url":"https:\/\/mamchenkov.net\/wordpress\/2019\/05\/05\/ansible-aws-graphviz-aws-securitygroup-grapher\/","url_meta":{"origin":28342,"position":0},"title":"Ansible + AWS + GraphViz = aws-securitygroup-grapher","author":"Leonid Mamchenkov","date":"May 5, 2019","format":false,"excerpt":"aws-securitygroup-grapher is a handy tool that can generate a variety of graphs visualizing Amazon Security Groups. It is implemented as an Ansible role and uses GraphViz to produce the results. This is particularly useful when you need to get familiar with a complex VPC setup by someone else, or when\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/Instances.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/Instances.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/Instances.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/Instances.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/Instances.png?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":7358,"url":"https:\/\/mamchenkov.net\/wordpress\/2004\/03\/11\/gramps-and-graphviz-speak-russian\/","url_meta":{"origin":28342,"position":1},"title":"Gramps and GraphViz speak Russian","author":"Leonid Mamchenkov","date":"March 11, 2004","format":false,"excerpt":"Today is the very great day in history! :) I've managed to convince gramps to correctly export my family tree into GraphViz format. It did preserve all the names in Unicode, so I just had to install a unicode TrueType Arial font and generate a GIF and PNG. Both of\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27276,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/01\/30\/generate-php-class-inheritance-diagrams-with-graphviz\/","url_meta":{"origin":28342,"position":2},"title":"Generate PHP Class Inheritance Diagrams with Graphviz","author":"Leonid Mamchenkov","date":"January 30, 2017","format":false,"excerpt":"It's not a secret that I'm a big fan of GraphViz\u00a0- powerful, yet easy to use graph visualization software. \u00a0And I've blog about it quite a few times. \u00a0Well, guess what - today is a perfect day for one more post. Over the weekend I was working on refactoring some\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/01\/class-hierarchy-500x269.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":28449,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/03\/26\/php-object-graph-visualizer\/","url_meta":{"origin":28342,"position":3},"title":"PHP object graph visualizer","author":"Leonid Mamchenkov","date":"March 26, 2018","format":false,"excerpt":"koriym\/print_o is an object graph visualizer for PHP.\u00a0 Here's a Wikipedia answer to the question of \"What is an object graph?\": Object-oriented applications contain complex webs of interrelated objects. Objects are linked to each other by one object either owning or containing another object or holding a reference to another\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/03\/object-graph-500x259.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":14838,"url":"https:\/\/mamchenkov.net\/wordpress\/2011\/05\/08\/cakephp-graphviz-models\/","url_meta":{"origin":28342,"position":4},"title":"CakePHP GraphViz Models","author":"Leonid Mamchenkov","date":"May 8, 2011","format":false,"excerpt":"I have completely and totally rewritten my old script that generates a graph of CakePHP models and their relationships. \u00a0Instead of pasting the code in here, I pushed all of its development to GitHub where it now enjoys a new repository. \u00a0Please have a look, try it out, and let\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":29225,"url":"https:\/\/mamchenkov.net\/wordpress\/2019\/01\/15\/graphviz-dot-format-png-not-recognized\/","url_meta":{"origin":28342,"position":5},"title":"GraphViz dot: Format: &#8220;png&#8221; not recognized.","author":"Leonid Mamchenkov","date":"January 15, 2019","format":false,"excerpt":"As I've mentioned many times, I'm a huge fan of GraphViz software suite in general, and the dot tool in particular. It's super handy for generating graphs and diagrams out of plain text files. Today though I came across a problem that I haven't seen before. While trying to generate\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/28342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=28342"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/28342\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=28342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=28342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=28342"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=28342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}