{"id":4154,"date":"2018-07-10T13:17:40","date_gmt":"2018-07-10T13:17:40","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=4154"},"modified":"2018-07-10T13:17:40","modified_gmt":"2018-07-10T13:17:40","slug":"simpleflowchart","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/simpleflowchart\/","title":{"rendered":"SIMPLEFLOWCHART"},"content":{"rendered":"<div class=\"digest-header\"><span class=\"digest-header__author\">M.Mazo<\/span><\/div>\n<div class=\"digest-header\"><span class=\"digest-header__date\"><time>August 25, 2014<\/time><\/span><\/div>\n<div class=\"digest-separator\"><\/div>\n<div class=\"digest-description\">\n<p class=\"digest-description__text\">This is a small JavaScript library with single purpose &#8211; draw some nodes and connect them with lines. You can use this library to create your own flow charts or create other similar graphics. Nodes and connection lines can be styled with CSS. Node content can be whatever you want &#8211; simple\u00a0<code>div<\/code>,\u00a0<code>image<\/code>\u00a0or\u00a0<code>svg<\/code>. The library is depends on jQuery and jQuery UI (drag and drop and effects).<\/p>\n<a href=\"https:\/\/github.com\/mmazo\/SimpleFlowchart\/archive\/master.zip\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Download<\/span><\/a>\n<a href=\"http:\/\/mmazo.de\/flowchart\/\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Demo<\/span><\/a>\n<a href=\"https:\/\/github.com\/mmazo\/SimpleFlowchart\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Github Page<\/span><\/a>\n<\/div>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"M.Mazo August 25, 2014 This is a small JavaScript library with single purpose &#8211; draw some nodes and connect them with lines. You can use this library to create your own flow charts or create other similar graphics. Nodes and connection lines can be styled with CSS. Node content can be whatever you want &#8211; simple\u00a0div,\u00a0image\u00a0or\u00a0svg. The library is depends on jQuery and jQuery UI (drag and drop and effects).<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":4155,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[769],"tags":[771,790],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/4154"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=4154"}],"version-history":[{"count":1,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/4154\/revisions"}],"predecessor-version":[{"id":4156,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/4154\/revisions\/4156"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/4155"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=4154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=4154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=4154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}