{"id":107739,"date":"2019-08-14T02:32:50","date_gmt":"2019-08-14T02:32:50","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/besan-block\/"},"modified":"2025-04-17T15:27:21","modified_gmt":"2025-04-17T15:27:21","slug":"besan-block","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/besan-block\/","author":13783124,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.4.1","stable_tag":"1.4","tested":"6.6.5","requires":"5.0","requires_php":"7.0","requires_plugins":null,"header_name":"Besan Block","header_author":"Joni Halabi","header_description":"This WordPress plugin adds a charting block to the post editor.","assets_banners_color":"","last_updated":"2025-04-17 15:27:21","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.buymeacoffee.com\/thatdevgirl","header_plugin_uri":"","header_author_uri":"https:\/\/jhalabi.com","rating":0,"author_block_rating":0,"active_installs":10,"downloads":3590,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.1":{"tag":"1.1","author":"thatdevgirl","date":"2020-12-30 05:41:39"},"1.2":{"tag":"1.2","author":"thatdevgirl","date":"2022-11-02 04:45:57"},"1.3":{"tag":"1.3","author":"thatdevgirl","date":"2023-07-25 18:15:22"},"1.4":{"tag":"1.4","author":"thatdevgirl","date":"2025-04-17 15:27:21"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":2139218,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":2139218,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1","1.2","1.3","1.4"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":2447722,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":2139218,"resolution":"2","location":"assets","locale":""},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":2139218,"resolution":"3","location":"assets","locale":""}},"screenshots":{"1":"

Chart block in the post editor.<\/p>","2":"

Example screenshot of the chart block displaying a vertical bar chart on the front-end.<\/p>","3":"

Example screenshot of the chart block displaying a horizontal bar chart on the front-end.<\/p>"},"jetpack_post_was_ever_published":false},"plugin_section":[163309],"plugin_tags":[2510,3524,2509],"plugin_category":[],"plugin_contributors":[88196],"plugin_business_model":[],"class_list":["post-107739","plugin","type-plugin","status-publish","hentry","plugin_section-blocks","plugin_tags-chart","plugin_tags-data","plugin_tags-graph","plugin_contributors-thatdevgirl","plugin_committers-thatdevgirl"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/besan-block\/assets\/icon-128x128.jpg?rev=2139218","icon_2x":"https:\/\/ps.w.org\/besan-block\/assets\/icon-256x256.jpg?rev=2139218","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/besan-block\/assets\/screenshot-1.jpg?rev=2447722","caption":"

Chart block in the post editor.<\/p>"},{"src":"https:\/\/ps.w.org\/besan-block\/assets\/screenshot-2.jpg?rev=2139218","caption":"

Example screenshot of the chart block displaying a vertical bar chart on the front-end.<\/p>"},{"src":"https:\/\/ps.w.org\/besan-block\/assets\/screenshot-3.jpg?rev=2139218","caption":"

Example screenshot of the chart block displaying a horizontal bar chart on the front-end.<\/p>"}],"raw_content":"\n

Important notice!<\/strong><\/p>\n\n

Due to a shift in my personal and professional priorities, I have decided to take a step back from development. As a result, this plugin is no longer being actively maintained. You are welcome to fork it<\/a> and create your own updates. If you do so, please credit me as the original author. (I would also love to hear about this plugin\u2019s new life!)<\/p>\n\n

All the best, Joni.<\/p>\n\n

--<\/p>\n\n

This WordPress plugin adds a responsive and accessible data chart block to the post editor. The chart feeds off of data from a publicly viewable Google sheet.<\/p>\n\n\n

    \n

  1. In the WordPress admin, install and enable the \"Besan Block\" plugin.<\/p><\/li>\n

  2. Enter your Google Sheets API key on the plugin's settings page.<\/p><\/li>\n

  3. Edit any page or post and add the \"Chart\" editor block.<\/p><\/li>\n

  4. In the Inspector panel (on the right-hand side of the editor), enter the following information:<\/p>\n\n

      \n
    • The URL of your publicly viewable Google sheet<\/li>\n
    • The column of data that your chart will be based on<\/li>\n
    • What kind of chart you would like to display<\/li>\n
    • What color the bars of the chart should be.<\/li>\n<\/ul><\/li>\n

    • Optionally (but preferably)<\/em>, enter a title and caption for the chart inside the editor.<\/p><\/li>\n

    • Save and view the page!<\/p><\/li>\n<\/ol>\n\n

      The block will calculate the number of unique values inside that column and create a chart based on that data.<\/p>\n\n\n

      \n

      What is \"Besan\"?<\/h3><\/dt>\n

      \"Besan\" is the Vulcan word for \"chart\". Live long and prosper.<\/p><\/dd>\n

      What kinds of charts do you support?<\/h3><\/dt>\n

      So far, only bar charts (horizontal and vertical). More charts (including pie charts) are coming soon... or, well, eventually.<\/p><\/dd>\n\n<\/dl>\n\n\n

      1.4<\/h4>\n\n
        \n
      • Tested plugin with WordPress core 6.4.<\/li>\n
      • Edited instructions and styles on the settings for clarity and accessibility. We're also using more modern CSS here.<\/li>\n<\/ul>\n\n

        1.3<\/h4>\n\n
          \n
        • Tested plugin with WordPress core 6.2.<\/li>\n
        • Block code refactoring to keep up with current Gutenberg API standards.<\/li>\n<\/ul>\n\n

          1.2<\/h4>\n\n
            \n
          • Tested plugin with WordPress core 5.7.<\/li>\n
          • Rearranging some things under the hood (i.e. code refactoring).<\/li>\n
          • UX updates to the block's inspector panel options.<\/li>\n
          • Updated the chart placeholder inside the editor - it now changes color to match the selected chart color!<\/li>\n<\/ul>\n\n

            1.1<\/h4>\n\n
              \n
            • Tested plugin with WordPress core 5.4.<\/li>\n
            • Fixed PHP error on admin settings page.<\/li>\n<\/ul>\n\n

              1.0<\/h4>\n\n
                \n
              • Initial release<\/li>\n<\/ul>","raw_excerpt":"[Deprecated!] Add a responsive and accessible data chart block to posts and pages.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/107739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=107739"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/thatdevgirl"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=107739"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=107739"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=107739"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=107739"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=107739"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=107739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}