{"id":1883,"date":"2016-04-22T21:56:18","date_gmt":"2016-04-22T21:56:18","guid":{"rendered":"https:\/\/www.anychart.com\/blog\/?p=1883"},"modified":"2019-07-18T14:56:20","modified_gmt":"2019-07-18T14:56:20","slug":"javascript-donut-charts","status":"publish","type":"post","link":"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/","title":{"rendered":"JavaScript Donut Charts: No Problems with Hole Size"},"content":{"rendered":"

How was the science of data visualization born? Maybe like this:<\/p>\n

\"Size
\nSally L. Steinberg Collection of Doughnut Ephemera, Archives Center, National Museum of American History<\/font><\/div>\n

<\/p>\n

We have no idea what it is and who it is, but this image is a part of Sally L. Steinberg Collection of Doughnut Ephemera<\/a> of the Smithsonian Institution. You can read about the collection here<\/a> and here<\/a>. It includes a lot of nice pieces like this vintage donut-related infographic:<\/p>\n

\"Donut
\nSally L. Steinberg Collection of Doughnut Ephemera, Archives Center, National Museum of American History<\/font><\/div>\n

<\/p>\n

So, does the mysterious chart tell the truth? Has donut hole size really shrunk over the years? It seems that this question is of great public interest! It is thoroughly discussed in this article on Vox.com: Have donut holes gotten smaller?<\/a> There is also a fierce discussion<\/a> on Reddit, where one of the participants wisely notes that “1927 was a sad time to be alive”.<\/p>\n

However, our customers should not worry: when you work with AnyChart JavaScript donut charts<\/a>, you can easily configure the size of the hole! Visit our Gallery to see some samples of our donut charts<\/a>.<\/p>\n

With AnyChart, you can create highly customized interactive donut charts like this one:<\/p>\n

\"AnyChart<\/a>

AnyChart JavaScript Donut Chart with custom Categories<\/a><\/p><\/div>\n

This chart was used in our Investment Portfolio Dashboard<\/a> \u2013 we wrote about it earlier: Investment Portfolio Dashboard by AnyChart Charting Framework<\/a>.<\/p>\n

Stay tuned, we have something to say about pie charts too!<\/p>\n","protected":false},"excerpt":{"rendered":"

How was the science of data visualization born? Maybe like this: Sally L. Steinberg Collection of Doughnut Ephemera, Archives Center, National Museum of American History We have no idea what it is and who it is, but this image is a part of Sally L. Steinberg Collection of Doughnut Ephemera of the Smithsonian Institution. You […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,22,23,9,69,13],"tags":[1155],"class_list":["post-1883","post","type-post","status-publish","format-standard","hentry","category-anychart-charting-component","category-charts-and-art","category-html5","category-humor","category-interesting-facts","category-javascript","tag-donut-chart-example","wpautop"],"yoast_head":"\nJavaScript Donut Charts: No Problems with Hole Size | AnyChart News<\/title>\n<meta name=\"description\" content=\"This vintage chart shows that donut hole size has dramatically shrunk over the years. But with AnyChart JavaScript donut charts, it is no longer a problem!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript Donut Charts: No Problems with Hole Size | AnyChart News\" \/>\n<meta property=\"og:description\" content=\"This vintage chart shows that donut hole size has dramatically shrunk over the years. But with AnyChart JavaScript donut charts, it is no longer a problem!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/\" \/>\n<meta property=\"og:site_name\" content=\"AnyChart News\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AnyCharts\" \/>\n<meta property=\"article:published_time\" content=\"2016-04-22T21:56:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-18T14:56:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/04\/Size-of-the-donut-hole-vintage-chart.png\" \/>\n<meta name=\"author\" content=\"Margaret Skomorokh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:site\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Margaret Skomorokh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/\"},\"author\":{\"name\":\"Margaret Skomorokh\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555\"},\"headline\":\"JavaScript Donut Charts: No Problems with Hole Size\",\"datePublished\":\"2016-04-22T21:56:18+00:00\",\"dateModified\":\"2019-07-18T14:56:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/\"},\"wordCount\":253,\"commentCount\":1,\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/04\/Size-of-the-donut-hole-vintage-chart.png\",\"keywords\":[\"donut chart example\"],\"articleSection\":[\"AnyChart Charting Component\",\"Charts and Art\",\"HTML5\",\"Humor\",\"Interesting Facts\",\"JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/\",\"url\":\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/\",\"name\":\"JavaScript Donut Charts: No Problems with Hole Size | AnyChart News\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/04\/Size-of-the-donut-hole-vintage-chart.png\",\"datePublished\":\"2016-04-22T21:56:18+00:00\",\"dateModified\":\"2019-07-18T14:56:20+00:00\",\"author\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555\"},\"description\":\"This vintage chart shows that donut hole size has dramatically shrunk over the years. But with AnyChart JavaScript donut charts, it is no longer a problem!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#primaryimage\",\"url\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/04\/Size-of-the-donut-hole-vintage-chart.png\",\"contentUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/04\/Size-of-the-donut-hole-vintage-chart.png\",\"width\":1065,\"height\":556},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.anychart.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript Donut Charts: No Problems with Hole Size\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\",\"url\":\"https:\/\/www.anychart.com\/blog\/\",\"name\":\"AnyChart News\",\"description\":\"AnyChart JS Charts\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.anychart.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555\",\"name\":\"Margaret Skomorokh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e9f32e1f879d35eb4a0f3e9c89d4a1f7dcfb99f4014044b50b6a2f3ae7fd4882?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e9f32e1f879d35eb4a0f3e9c89d4a1f7dcfb99f4014044b50b6a2f3ae7fd4882?s=96&r=g\",\"caption\":\"Margaret Skomorokh\"},\"url\":\"https:\/\/www.anychart.com\/blog\/author\/margaret-skomorokh\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript Donut Charts: No Problems with Hole Size | AnyChart News","description":"This vintage chart shows that donut hole size has dramatically shrunk over the years. But with AnyChart JavaScript donut charts, it is no longer a problem!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript Donut Charts: No Problems with Hole Size | AnyChart News","og_description":"This vintage chart shows that donut hole size has dramatically shrunk over the years. But with AnyChart JavaScript donut charts, it is no longer a problem!","og_url":"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/","og_site_name":"AnyChart News","article_publisher":"https:\/\/www.facebook.com\/AnyCharts","article_published_time":"2016-04-22T21:56:18+00:00","article_modified_time":"2019-07-18T14:56:20+00:00","og_image":[{"url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/04\/Size-of-the-donut-hole-vintage-chart.png","type":"","width":"","height":""}],"author":"Margaret Skomorokh","twitter_card":"summary_large_image","twitter_creator":"@AnyChart","twitter_site":"@AnyChart","twitter_misc":{"Written by":"Margaret Skomorokh","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#article","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/"},"author":{"name":"Margaret Skomorokh","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555"},"headline":"JavaScript Donut Charts: No Problems with Hole Size","datePublished":"2016-04-22T21:56:18+00:00","dateModified":"2019-07-18T14:56:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/"},"wordCount":253,"commentCount":1,"image":{"@id":"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/04\/Size-of-the-donut-hole-vintage-chart.png","keywords":["donut chart example"],"articleSection":["AnyChart Charting Component","Charts and Art","HTML5","Humor","Interesting Facts","JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/","url":"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/","name":"JavaScript Donut Charts: No Problems with Hole Size | AnyChart News","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#primaryimage"},"image":{"@id":"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/04\/Size-of-the-donut-hole-vintage-chart.png","datePublished":"2016-04-22T21:56:18+00:00","dateModified":"2019-07-18T14:56:20+00:00","author":{"@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555"},"description":"This vintage chart shows that donut hole size has dramatically shrunk over the years. But with AnyChart JavaScript donut charts, it is no longer a problem!","breadcrumb":{"@id":"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#primaryimage","url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/04\/Size-of-the-donut-hole-vintage-chart.png","contentUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2016\/04\/Size-of-the-donut-hole-vintage-chart.png","width":1065,"height":556},{"@type":"BreadcrumbList","@id":"https:\/\/www.anychart.com\/blog\/2016\/04\/22\/javascript-donut-charts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.anychart.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript Donut Charts: No Problems with Hole Size"}]},{"@type":"WebSite","@id":"https:\/\/www.anychart.com\/blog\/#website","url":"https:\/\/www.anychart.com\/blog\/","name":"AnyChart News","description":"AnyChart JS Charts","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.anychart.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555","name":"Margaret Skomorokh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e9f32e1f879d35eb4a0f3e9c89d4a1f7dcfb99f4014044b50b6a2f3ae7fd4882?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e9f32e1f879d35eb4a0f3e9c89d4a1f7dcfb99f4014044b50b6a2f3ae7fd4882?s=96&r=g","caption":"Margaret Skomorokh"},"url":"https:\/\/www.anychart.com\/blog\/author\/margaret-skomorokh\/"}]}},"_links":{"self":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/1883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/comments?post=1883"}],"version-history":[{"count":38,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/1883\/revisions"}],"predecessor-version":[{"id":1925,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/1883\/revisions\/1925"}],"wp:attachment":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/media?parent=1883"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/categories?post=1883"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/tags?post=1883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}