EasyVizi Sunburst turns hierarchical data - categories, sub-categories and values - into a multi-level pie chart where every ring is one level of the hierarchy. Each segment is sized by its share of its parent, so the outermost ring shows the finest breakdown.<\/p>\n\n
Three ways to add a chart<\/strong><\/p>\n\n Two data formats<\/strong><\/p>\n\n A nested tree:<\/p>\n\n [\n { \"name\": \"Acquisition\", \"children\": [\n { \"name\": \"Search\", \"value\": 4100 },\n { \"name\": \"Social\", \"value\": 1750 }\n ] },\n { \"name\": \"Revenue\", \"value\": 5200 }\n]\n `<\/p>\n\n Or a flat list of rows, which is easier to produce from a spreadsheet. Leave [\n { \"id\": \"search\", \"parent\": \"\", \"label\": \"Search\", \"value\": 0 },\n { \"id\": \"search-organic\", \"parent\": \"search\", \"label\": \"Organic\", \"value\": 4100 },\n { \"id\": \"search-paid\", \"parent\": \"search\", \"label\": \"Paid\", \"value\": 2300 }\n]\n `<\/p>\n\n A CSV export works too: import it in the block sidebar, or paste it into the builder on the settings screen. The first row names the columns - Highlights<\/strong><\/p>\n\n The plugin was renamed from \"Sunburst Chart\" to EasyVizi Sunburst; Shortcode attributes<\/strong><\/p>\n\n There are sixteen, covering size, rings, labels, the center, the legend and your own hex palette. The complete list, with values and defaults, is in The five you are most likely to reach for:<\/p>\n\n No. The chart is drawn in the visitor's browser from data that is already in the page. The only outbound request the plugin can make is when you use the The renderer is comfortable with a few thousand segments. The PHP parser caps a chart at 20000 nodes and 16 levels, and silently ignores anything deeper. If a chart feels slow, lower the number of rings with The chart's figures are always rendered into an off-screen table, which is announced to screen readers and visible if a visitor's browser blocks scripts. The chart itself needs JavaScript.<\/p><\/dd>\n Yes - set the Only hex is read. An entry the renderer cannot parse is passed over, and that branch keeps an automatically chosen hue, so a color name or an Yes, as CSV. Export your sheet with columns named Set A name that cannot reach the minimum size is left blank rather than squeezed - hovering the segment still shows it, and the off-screen table always carries every figure. A percentage goes on its own line under the name, which is what lets a long name fit a narrow segment. The minimum is height sets it - the chart is square, so it is the width too, and the column caps the width. The default is 560 pixels.<\/p>\n\n The whole chart scales with it, so a larger chart makes every label larger and lets more of them fit at the same minimum size.<\/p><\/dd>\n The center is always exactly one ring wide. Yes. The plugin text domain is Yes. The layout is driven by CSS custom properties and logical properties, and the labels use the theme's text color.<\/p><\/dd>\n\n<\/dl>\n\n\n\n
[easyvizi_sunburst title=\"Revenue\" height=\"420\"] ...JSON... [\/easyvizi_sunburst]<\/code>, or point it at a JSON file with src=\"https:\/\/example.com\/data.json\"<\/code>. Settings \u2192 EasyVizi Sunburst has a builder that turns pasted JSON or CSV into a ready-to-paste shortcode (and the matching PHP call).<\/li>\necho easyvizi_sunburst( $data, array( 'title' => 'Revenue' ) );<\/code> in any theme file.<\/li>\n<\/ol>\n\n`\n<\/code><\/pre>\n\nparent<\/code> empty for a top level row and give parent rows a value of 0<\/code> so their children are added up:<\/p>\n\n`\n<\/code><\/pre>\n\nid<\/code>, parent<\/code>, label<\/code>, value<\/code> - in any order and with the usual aliases (key<\/code>, name<\/code>, size<\/code>). Parent rows take a value of 0<\/code> so their children are added up.<\/p>\n\n\n
colors<\/code> attribute.<\/li>\nlanguages\/easyvizi-sunburst.pot<\/code>.<\/li>\n<\/ul>\n\n[sunburst_chart]<\/code> and older saved block markup still work.<\/p>\n\ndocs\/SHORTCODE.md<\/code>.<\/p>\n\n\n
title<\/code> - caption above the chart.<\/li>\nheight<\/code> - pixels, 120 to 2000, default 560. The chart is square, so the column caps the width.<\/li>\narc_labels<\/code> - off<\/code> (default), auto<\/code>, curved<\/code>, radial<\/code>, tangential<\/code> or horizontal<\/code>.<\/li>\ncolors<\/code> - comma separated hex colors, e.g. colors=\"#4e79a7,#f28e2b\"<\/code>. Hex only.<\/li>\nsrc<\/code> - URL returning JSON, used instead of inline data. Cached for one hour.<\/li>\n<\/ul>\n\n\n\n
easyvizi-sunburst<\/code> folder to \/wp-content\/plugins\/<\/code>, or install the zip through Plugins \u2192 Add New \u2192 Upload Plugin.<\/li>\n\n
Does it call an external service?<\/h3><\/dt>\n
src<\/code> attribute to load JSON from your own URL.<\/p><\/dd>\nHow large can the data be?<\/h3><\/dt>\n
max_depth<\/code>.<\/p><\/dd>\nWhat happens without JavaScript?<\/h3><\/dt>\n
Can I use my own colors?<\/h3><\/dt>\n
colors<\/code> attribute, or the palette setting, to a comma separated list of six digit hex values, for example colors=\"#4e79a7,#f28e2b\"<\/code>. Values are validated server side and fall back to the built-in palette when nothing usable is supplied.<\/p>\n\nrgb()<\/code> value changes the chart without ever being painted.<\/p><\/dd>\nCan I import a spreadsheet?<\/h3><\/dt>\n
id<\/code>, parent<\/code>, label<\/code> and value<\/code>, then use Import CSV<\/strong> in the block sidebar or paste it into the shortcode builder on the settings screen. Leave parent<\/code> empty for a top level row and give parent rows a value of 0<\/code> so their children are added up.<\/p><\/dd>\nHow do I put the names inside the chart?<\/h3><\/dt>\n
arc_labels<\/code> (the \"Labels on the segments\" setting, or the block's Appearance panel): auto<\/code> picks one style for the whole chart, and curved<\/code>, radial<\/code>, tangential<\/code> or horizontal<\/code> force one.<\/p>\n\nlabel_min_size<\/code>, 14 pixels by default.<\/p><\/dd>\nHow big should the chart be?<\/h3><\/dt>\n
What can go in the middle?<\/h3><\/dt>\n
hub=\"hole\"<\/code> leaves it open, hub=\"disc\"<\/code> fills it with a circle standing for the whole chart (with the total written on it, unless values are off), and hub=\"split\"<\/code> divides that circle by the first level of the hierarchy, so the rings start one level in.<\/p><\/dd>\nCan I translate it?<\/h3><\/dt>\n
easyvizi-sunburst<\/code> and languages\/easyvizi-sunburst.pot<\/code> lists every string. Drop a .po<\/code>\/.mo<\/code> pair into languages\/<\/code> or into wp-content\/languages\/plugins\/<\/code>.<\/p><\/dd>\nDoes it work with RTL languages and dark themes?<\/h3><\/dt>\n
1.0.1<\/h4>\n\n
\n
easyvizi-sunburst<\/code>), to avoid confusion with an existing block of the same name. [sunburst_chart]<\/code> and older saved block markup still work.<\/li>\ndocs\/SHORTCODE.md<\/code> with the full list of shortcode attributes.<\/li>\n<\/ul>\n\n1.0.0<\/h4>\n\n
\n
[easyvizi_sunburst]<\/code> shortcode, easyvizi_sunburst()<\/code> template function, settings page, nested and flat-row data, branch and level color modes, zoom with breadcrumbs, keyboard support and an accessible data table.<\/li>\nlanguages\/<\/code> folder with a .pot<\/code>, so translations can start.<\/li>\n[sunburst_chart]<\/code> and older saved block markup still work.<\/li>\n<\/ul>","raw_excerpt":"Hierarchical data as a sunburst (multi-level pie) chart: a block, a shortcode and a template function. No build step, works offline.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/372009","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=372009"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/easyvizi"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=372009"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=372009"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=372009"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=372009"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=372009"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=372009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}