{"id":18089,"date":"2024-10-03T21:58:53","date_gmt":"2024-10-03T21:58:53","guid":{"rendered":"https:\/\/www.anychart.com\/blog\/?p=18089"},"modified":"2024-10-03T22:08:52","modified_gmt":"2024-10-03T22:08:52","slug":"elevated-javascript-charting","status":"publish","type":"post","link":"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/","title":{"rendered":"Introducing AnyChart 8.13.0 for Elevated JavaScript Charting Experience"},"content":{"rendered":"<p><a href=\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\"><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0.png\" alt=\"A logo of AnyChart and the texts JavaScript Charting Library and 8.13.0\" width=\"100%\" class=\"alignnone size-full wp-image-18186\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0.png 1200w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0-300x169.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0-768x432.png 768w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0-1024x576.png 1024w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><strong>AnyChart 8.13.0<\/strong> is now available, bringing a set of new features and improvements designed to further elevate your data visualization experience. In this release, we\u2019ve focused on enhancing the <strong>Timeline<\/strong>, <strong>Waterfall<\/strong>, and <strong>Circle Packing<\/strong> charts in our <a href=\"https:\/\/www.anychart.com\" target=\"_blank\">JavaScript charting library<\/a>, making them even more flexible and user-friendly. Read on to explore what&#8217;s new!<\/p>\n<p><!--more--><\/p>\n<h2>What&#8217;s New in Version 8.13.0<\/h2>\n<h3>1. Timeline Chart Update<\/h3>\n<p><a href=\"https:\/\/www.anychart.com\/chartopedia\/chart-type\/timeline-chart\/\" target=\"_blank\">Timeline charts<\/a> efficiently represent sequences of events over time, grouping them into periods as needed.\u00a0While these charts are widely used by our <a href=\"https:\/\/www.anychart.com\/company\/customers\/\" target=\"_blank\">corporate clients<\/a> for purposes such as project planning, product lifecycle tracking, and milestone reporting, AnyChart also caters to sectors like <a href=\"https:\/\/www.anychart.com\/buy\/non-commercial-license\/\" target=\"_blank\">academic research<\/a>. Scholars and historians, in particular, rely on precise chronological visualizations for their work.<\/p>\n<p>To better accommodate such use cases \u2014 and especially inspired by a <a href=\"https:\/\/www.anychart.com\/blog\/2024\/09\/17\/oeaw-data-visualization\/\" target=\"_blank\">recent project by researchers at the Austrian Academy of Sciences (\u00d6AW)<\/a>\u00a0\u2014\u00a0we\u2019ve improved our timeline charting solution to support historical data visualization even better.<\/p>\n<h4>Labels Improvement<\/h4>\n<p>Our key enhancement for timeline charts in this release is a refinement to the <a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/Timeline_Chart#labels_and_tooltips\" target=\"_blank\" rel=\"nofollow\">label<\/a> configuration mechanism, which now ensures accurate display for years between 0 AD and 100 AD. This is crucial for users working with ancient historical data, where even minor inaccuracies in labeling can affect the overall narrative.<\/p>\n<p>To showcase this improvement, we&#8217;ve\u00a0provided our <a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/Timeline_Chart\/\" target=\"_blank\">timeline chart gallery<\/a> with a new example: <strong><em><a href=\"https:\/\/playground.anychart.com\/fX2uGiPK\" target=\"_blank\" rel=\"nofollow\">Roman History Timeline<\/a><\/em><\/strong>. This interactive chart offers a detailed overview of major <a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/Timeline_Chart#moment_series\" target=\"_blank\" rel=\"nofollow\">events<\/a> and <a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/Timeline_Chart#range_series\" target=\"_blank\" rel=\"nofollow\">periods<\/a> in the history of Rome, from the Roman Kingdom through the Byzantine Empire, demonstrating how the updated labeling mechanism works in practice:<\/p>\n<p><a href=\"https:\/\/playground.anychart.com\/fX2uGiPK\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" class=\"alignnone size-full wp-image-18150\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/09\/Roman-History-Timeline.png\" alt=\"\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/09\/Roman-History-Timeline.png 2048w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/09\/Roman-History-Timeline-300x188.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/09\/Roman-History-Timeline-768x480.png 768w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/09\/Roman-History-Timeline-1024x640.png 1024w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/p>\n<p>For those interested in building similar data visualizations, we\u2019ve prepared a comprehensive tutorial that walks you through the entire process of creating the Roman History Timeline chart from scratch.\u00a0This step-by-step guide covers everything from setting up a basic HTML page to customizing the chart with advanced <a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/Timeline_Chart#navigation\" target=\"_blank\" rel=\"nofollow\">navigation<\/a>, <a href=\"https:\/\/docs.anychart.com\/Common_Settings\/Localization#tuning_a_locale\" target=\"_blank\" rel=\"nofollow\">locale adjustments<\/a>, as well as personalized <a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/Timeline_Chart#labels_and_tooltips\" target=\"_blank\" rel=\"nofollow\">tooltips<\/a>, <a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/Timeline_Chart#labels_and_tooltips\" target=\"_blank\" rel=\"nofollow\">labels<\/a>, <a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/Timeline_Chart#appearance\" target=\"_blank\" rel=\"nofollow\">colors<\/a>, and more, ensuring a visually engaging and informative experience when delving into historical timelines.<\/p>\n<p><strong>Check out the tutorial on our blog:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/roman-timeline-javascript\" target=\"_blank\">Roman History Timeline Chart Tutorial<\/a><\/li>\n<\/ul>\n<h3>2. Waterfall Chart Updates<\/h3>\n<p><a href=\"https:\/\/www.anychart.com\/chartopedia\/chart-type\/waterfall-chart\/\" target=\"_blank\">Waterfall charts<\/a> are powerful tools for revealing the cumulative effects of sequential positive and negative values. In this release, we&#8217;ve added\u00a0new features and improvements to help you better tailor your waterfalls to specific purposes.<\/p>\n<h4>Totals as Absolute Values<\/h4>\n<p>By default, waterfall charts calculate totals automatically based on the <a href=\"https:\/\/docs.anychart.com\/v8\/Basic_Charts\/Waterfall_Chart#data\" target=\"_blank\" rel=\"nofollow\">data mode<\/a> you choose,\u00a0displaying the resulting value in the label of the corresponding column. However, sometimes you might\u00a0need to show\u00a0a different total value.<\/p>\n<p>We\u2019ve introduced the <a href=\"https:\/\/api.anychart.com\/anychart.charts.Waterfall#drawTotalsAsAbsolute\" target=\"_blank\" rel=\"nofollow\">drawTotalsAsAbsolute()<\/a> method that allows you to display total and subtotal values exactly as they appear in the data, overriding the automatically calculated ones.\u00a0Passing <code class=\"javascript\">true<\/code> to it will force the total column labels to put the provided absolute values on view, ensuring your complete control over the representation of your totals.<\/p>\n<p>For example, let\u2019s say your data directly specifies a total value of 100, but the calculated total is 150.\u00a0Call <code class=\"javascript\">drawTotalsAsAbsolute(true)<\/code> to make the total appear as 100, keeping your visualization completely aligned with your data input:<\/p>\n<pre><code class=\"javascript\">\/\/ sample data\r\nchart = anychart.waterfall([\r\n {x: \"Net Sales\", value: 100},\r\n {x: \"Cost of Sales\", value: -50},\r\n {x: \"Extraordinary Gain\", value: 100},\r\n {x: \"Planned Total\", value: 100, isTotal: true}\r\n]);\r\n\r\n\/\/ enable drawing totals as absolute values\r\nchart.drawTotalsAsAbsolute(true);<\/code><\/pre>\n<p>Here&#8217;s how a waterfall chart will look in this case,\u00a0with totals as absolute values:<\/p>\n<p><iframe loading=\"lazy\" class=\"anychart-embed anychart-embed-samples-bct-waterfall-chart-10\" src=\"https:\/\/playground.anychart.com\/docs\/samples\/BCT_Waterfall_Chart_10\/iframe\" width=\"300\" height=\"150\" frameborder=\"0\" sandbox=\"allow-scripts allow-pointer-lock allow-same-origin allow-popups allow-modals allow-forms\" allowfullscreen=\"allowfullscreen\"><br \/>\n<\/iframe><br \/>\n<script type=\"text\/javascript\">(function(){\nfunction ac_add_to_head(el){\n\tvar head = document.getElementsByTagName('head')[0];\n\thead.insertBefore(el,head.firstChild);\n}\nfunction ac_add_style(css){\n\tvar ac_style = document.createElement('style');\n\tif (ac_style.styleSheet) ac_style.styleSheet.cssText = css;\n\telse ac_style.appendChild(document.createTextNode(css));\n\tac_add_to_head(ac_style);\n}\nac_add_style(\".anychart-embed-samples-bct-waterfall-chart-10{width:100%;height:600px;}\");\n})();<\/script><\/p>\n<p><strong>Learn more in the documentation:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/Waterfall_Chart#totals_as_absolute\" target=\"_blank\" rel=\"nofollow\">Totals as Absolute \u2014 Waterfall Chart | AnyChart JS Documentation<\/a><\/li>\n<\/ul>\n<h4>Dropped Connectors<\/h4>\n<p>Waterfall charts display <a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/Waterfall_Chart#connectors\" target=\"_blank\" rel=\"nofollow\">connectors<\/a> between neighboring columns by default to highlight progression between sequential values. In some data visualization scenarios, you might want to omit them for clarity or stylistic reasons.<\/p>\n<p>You now have the flexibility to remove connectors between\u00a0specific points in your waterfall charts\u00a0using the new <code class=\"javascript\">drawConnector<\/code> field in your data. Setting <code class=\"javascript\">drawConnector: false<\/code> in a data point prevents the connector from being drawn from that column to the next, ensuring a cleaner visual when certain points do not need to appear linked.<\/p>\n<p>For example, no connector line will be added between the last two columns if you\u00a0write it in the penultimate data point:<\/p>\n<pre><code class=\"javascript\">\/\/ sample data with a dropped connector\r\nvar data = [\r\n  {x: \"2022\", value: 23},\r\n  {x: \"Q1\", value: -12},\r\n  {x: \"Q2\", value: 16},\r\n  {x: \"Q3\", value: 9},\r\n  {x: \"Q4\", value: 7},\r\n  {x: \"2023\", isTotal: true, drawConnector: false},\r\n  {x: \"Total\", isTotal: true}\r\n];<\/code><\/pre>\n<p>Here&#8217;s how\u00a0a waterfall chart without that connector will look:<\/p>\n<p><iframe loading=\"lazy\" class=\"anychart-embed anychart-embed-samples-bct-waterfall-chart-09\" src=\"https:\/\/playground.anychart.com\/docs\/samples\/BCT_Waterfall_Chart_09\/iframe\" width=\"300\" height=\"150\" frameborder=\"0\" sandbox=\"allow-scripts allow-pointer-lock allow-same-origin allow-popups allow-modals allow-forms\" allowfullscreen=\"allowfullscreen\"><br \/>\n<\/iframe><br \/>\n<script type=\"text\/javascript\">(function(){\nfunction ac_add_to_head(el){\n\tvar head = document.getElementsByTagName('head')[0];\n\thead.insertBefore(el,head.firstChild);\n}\nfunction ac_add_style(css){\n\tvar ac_style = document.createElement('style');\n\tif (ac_style.styleSheet) ac_style.styleSheet.cssText = css;\n\telse ac_style.appendChild(document.createTextNode(css));\n\tac_add_to_head(ac_style);\n}\nac_add_style(\".anychart-embed-samples-bct-waterfall-chart-09{width:100%;height:600px;}\");\n})();<\/script><\/p>\n<p><strong>Learn more in the documentation:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/Waterfall_Chart#dropped_connectors\" target=\"_blank\" rel=\"nofollow\">Dropped Connectors \u2014 Appearance \u2014 Waterfall Chart | AnyChart JS Documentation<\/a><\/li>\n<\/ul>\n<h4>Improved\u00a0Arrows Placement<\/h4>\n<p>Arrows are often used in waterfall charts to highlight specific value\u00a0transitions between two columns. The text labels attached to the arrowed lines automatically display the numerical difference, allowing for easier assessment of changes at a glance.<\/p>\n<p>We&#8217;ve reworked the arrow placement algorithm\u00a0to ensure even more accurate positioning, enhancing the legibility of your waterfall charts.<\/p>\n<p>Check out how smoothly the Arrows\u00a0feature works now when you use the <a href=\"https:\/\/api.anychart.com\/anychart.charts.Waterfall#addArrow\" target=\"_blank\" rel=\"nofollow\">addArrow()<\/a> method:<\/p>\n<pre><code class=\"javascript\">chart.addArrow({from: \"Net Sales\", to: \"Net Income\"});<\/code><\/pre>\n<p>Here&#8217;s how a waterfall chart with the updated arrows will look:<\/p>\n<p><iframe loading=\"lazy\" class=\"anychart-embed anychart-embed-lccClhdR\" src=\"https:\/\/playground.anychart.com\/lccClhdR\/iframe\" width=\"300\" height=\"150\" frameborder=\"0\" sandbox=\"allow-scripts allow-pointer-lock allow-same-origin allow-popups allow-modals allow-forms\" allowfullscreen=\"allowfullscreen\"><br \/>\n<\/iframe><br \/>\n<script type=\"text\/javascript\">(function(){\nfunction ac_add_to_head(el){\n\tvar head = document.getElementsByTagName('head')[0];\n\thead.insertBefore(el,head.firstChild);\n}\nfunction ac_add_style(css){\n\tvar ac_style = document.createElement('style');\n\tif (ac_style.styleSheet) ac_style.styleSheet.cssText = css;\n\telse ac_style.appendChild(document.createTextNode(css));\n\tac_add_to_head(ac_style);\n}\nac_add_style(\".anychart-embed-lccClhdR{width:100%;height:600px;}\");\n})();<\/script><\/p>\n<p><strong>Learn more in the API reference:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/api.anychart.com\/anychart.charts.Waterfall#addArrow\" target=\"_blank\" rel=\"nofollow\">addArrow() \u2014 Waterfall | AnyChart JS API Reference<\/a><\/li>\n<\/ul>\n<h3>3. Circle Packing Chart Update<\/h3>\n<p><a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/Circle_Packing_Chart\" target=\"_blank\" rel=\"nofollow\">Circle packing charts<\/a> are excellent for visualizing hierarchical data through nested circles. In version 8.13.0, we&#8217;ve introduced a new feature to give you more control over label display.<\/p>\n<h4>Labels Mode<\/h4>\n<p>By default, circle packing charts display root node labels. Now, you can easily implement a different labeling strategy depending on your data visualization needs.<\/p>\n<p>The new <a href=\"https:\/\/api.anychart.com\/anychart.charts.CirclePacking#labelsMode\" target=\"_blank\" rel=\"nofollow\">labelsMode()<\/a> method allows you to display labels on the leaf node level instead with one quick line of code. Simply set the mode to <code class=\"javascript\">leaves<\/code>:<\/p>\n<pre><code class=\"javascript\">chart.labelsMode(\"leaves\");<\/code><\/pre>\n<p>To force the display of\u00a0root labels, which is the default behavior, use\u00a0<code class=\"javascript\">labelsMode()<\/code> with the <code>roots<\/code> parameter:<\/p>\n<pre><code class=\"javascript\">chart.labelsMode(\"roots\");<\/code><\/pre>\n<p>Explore how switching between these label modes can significantly alter the information conveyed by your circle packing chart, allowing you to focus on different levels of your data hierarchy:<\/p>\n<p><iframe loading=\"lazy\" class=\"anychart-embed anychart-embed-samples-bct-circle-packing-chart-07\" src=\"https:\/\/playground.anychart.com\/docs\/samples\/BCT_Circle_Packing_Chart_07\/iframe\" width=\"300\" height=\"150\" frameborder=\"0\" sandbox=\"allow-scripts allow-pointer-lock allow-same-origin allow-popups allow-modals allow-forms\" allowfullscreen=\"allowfullscreen\"><br \/>\n<\/iframe><br \/>\n<script type=\"text\/javascript\">(function(){\nfunction ac_add_to_head(el){\n\tvar head = document.getElementsByTagName('head')[0];\n\thead.insertBefore(el,head.firstChild);\n}\nfunction ac_add_style(css){\n\tvar ac_style = document.createElement('style');\n\tif (ac_style.styleSheet) ac_style.styleSheet.cssText = css;\n\telse ac_style.appendChild(document.createTextNode(css));\n\tac_add_to_head(ac_style);\n}\nac_add_style(\".anychart-embed-samples-bct-circle-packing-chart-07{width:100%;height:600px;}\");\n})();<\/script><\/p>\n<p><strong>Learn more in the documentation:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/Circle_Packing_Chart#labels_mode\" target=\"_blank\" rel=\"nofollow\">Labels Mode \u2014 Labels and Tooltips \u2014 Circle Packing Chart | AnyChart JS Documentation<\/a><\/li>\n<\/ul>\n<h2>Wrapping Up<\/h2>\n<p>AnyChart 8.13.0\u00a0introduces powerful new features and improvements that make creating effective, visually engaging charts even easier. Whether you are exploring history with timeline charts, enhancing financial reports with waterfall charts, or visualizing hierarchies with circle packing charts, this update offers valuable enhancements for everyone. Plus, we\u2019ve included various minor improvements and bug fixes across all other <a href=\"https:\/\/www.anychart.com\/features\/#chart-types\" target=\"_blank\">data visualization types<\/a> in our JavaScript charting library.<\/p>\n<p><a href=\"https:\/\/www.anychart.com\/download\" target=\"_blank\">Download<\/a> the latest version and enjoy the updates. As always, we greatly value your feedback \u2014 feel free to share your thoughts and suggestions as we continue working to improve AnyChart.<\/p>\n<hr \/>\n<p><strong><em>Stay updated with the latest news and tutorials by following our <a href=\"https:\/\/www.anychart.com\/blog\" target=\"_blank\">blog<\/a> and social media channels \u2014 <a href=\"https:\/\/www.linkedin.com\/company\/anychart\" target=\"_blank\" rel=\"nofollow\">LinkedIn<\/a>, <a href=\"https:\/\/anychart.medium.com\/\" target=\"_blank\" rel=\"nofollow\">Medium<\/a>, <a href=\"https:\/\/x.com\/AnyChart\" target=\"_blank\" rel=\"nofollow\">X (Twitter)<\/a>, <a href=\"https:\/\/www.facebook.com\/AnyCharts\" target=\"_blank\" rel=\"nofollow\">Facebook<\/a>. For technical assistance and questions, feel free to reach out to our <a href=\"https:\/\/www.anychart.com\/support\" target=\"_blank\">Support Team<\/a> anytime.<\/em><\/strong><\/p>\n<p><!-- SyntaxHighlighter --><link rel=\"stylesheet\" href=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/highlight.js\/9.12.0\/styles\/default.min.css\"><link rel=\"stylesheet\" href=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/highlight.js\/9.12.0\/styles\/atom-one-light.min.css\"><script src=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/highlight.js\/9.12.0\/highlight.min.js\"><\/script><script>hljs.initHighlightingOnLoad();<\/script><\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>AnyChart 8.13.0 is now available, bringing a set of new features and improvements designed to further elevate your data visualization experience. In this release, we\u2019ve focused on enhancing the Timeline, Waterfall, and Circle Packing charts in our JavaScript charting library, making them even more flexible and user-friendly. Read on to explore what&#8217;s new!<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,16,66,18,263,8,7,19,17,23,13,3,20],"tags":[4008,3887,3987,4059,4024,4044,3928,843,4043,619,618,3990,3951,3991,3952,3944,53,3940,3840,4053,3935,94,92,93,3173,4023,4022,4021,3869,3997,1622,3512,260,2000,847,2669,1621,265,268,4079,4078,3946,1556,4057,4058,35,3953,4074,3272,4050,4015,3819,1758,3149,4020,3977,284,4083,4039,4049,4046,3967,3959,3960,3976,3980,3942,4088,3981,3971,3992,4030,2937,4028,4027,3814,4026,4018,4066,4067,4056,4055,3934,3956,4003,3994,4042,282,471,266,620,3972,1292,4087,880,806,1759,3352,509,3710,3700,3969,195,294,257,2171,2220,2838,54,1389,1760,2757,256,3377,1111,4086,744,1379,3978,844,165,313,1370,3510,3864,3970,743,133,774,775,4019,4009,4016,3955,3963,3620,3614,3879,1498,4081,4080,47,4063,4012,4011,4071,4070,4013,3930,805,95,4038,2884,2885,4062,4061,3855,4076,4075,3943,3938,3988,3865,1889,4001,4000,3950,2013,4041,2014,4040,32,55,3927,77,149,150,3403,167,143,4085,4084,146,3926,433,79,152,2949,80,809,4090,3859,3405,3749,151,4089,247,36,3925,907,141,249,3111,81,3931,57,76,3838,3939,148,1238,142,96,99,67,2398,147,134,3404,3936,3947,3586,4054,58,65,56,3929,101,3526,3109,2903,2655,68,911,2511,4048,4035,4034,4033,4037,4045,3986,4077,3965,4029,957,3979,3112,3996,4047,4004,3985,4069,3984,218,4017,4060,3892,3937,4073,4072,3932,3989,4051,4052,4036,4032,4031,3999,3998,4064,4065,3983,4006,4005,3630,3941,609,3099,4010,4082,960,959,3995,4068,3993,3945,3982,3974,3414,3966,3875,3961,3962,3933,3957,3958,846,4007,172,807,808,832,954,3815,3973,3619,837,1524,610,3100,293,899,243,4025,4014,4002,3975,2816,1763,804,3600,3407,3954,1184,996,1181,1182,3964,3968],"class_list":["post-18089","post","type-post","status-publish","format-standard","hentry","category-anychart-charting-component","category-anygantt","category-anymap","category-anystock","category-big-data","category-business-intelligence","category-dashboards","category-financial-charts","category-gantt-chart","category-html5","category-javascript","category-news","category-stock-charts","tag-absolute-values","tag-academic-research","tag-academic-research-charting","tag-academic-research-tools","tag-addarrow","tag-advanced-chart-navigation","tag-advanced-charting-with-javascript","tag-advanced-data-visualization","tag-advanced-navigation-charts","tag-analysis","tag-analytics","tag-ancient-data-visualization","tag-ancient-history","tag-ancient-history-data","tag-ancient-rome","tag-ancient-rome-visualization","tag-anychart","tag-anychart-8-13-0","tag-anychart-api","tag-anychart-js-api-reference","tag-anychart-tutorial","tag-anygantt","tag-anymap","tag-anystock","tag-app-development","tag-arrow-placement","tag-arrows-in-chart","tag-arrows-in-waterfall-chart","tag-austrian-academy-of-sciences","tag-austrian-academy-of-sciences-project","tag-best-bi-tools","tag-best-data-analytics-solution","tag-best-data-visualization-examples","tag-best-data-visualization-tool","tag-best-data-visualization-tools","tag-bi","tag-bi-tools","tag-big-data","tag-big-data-tools","tag-bug-fixes","tag-bug-fixes-in-anychart","tag-building-timeline-charts","tag-business-analytics","tag-business-data-charting","tag-business-data-visualization","tag-business-intelligence","tag-byzantine-empire","tag-byzantine-empire-chart","tag-calendar-chart","tag-chart-colors-customization","tag-chart-connectors","tag-chart-customization","tag-chart-design","tag-chart-development","tag-chart-drawconnector","tag-chart-enhancements","tag-chart-examples","tag-chart-gallery","tag-chart-hierarchy-visualization","tag-chart-label-adjustments","tag-chart-localization","tag-chart-navigation","tag-chart-tooltip","tag-chart-tooltips","tag-chart-update","tag-charting-improvements","tag-charting-library","tag-charting-project","tag-charting-release","tag-charting-software","tag-chronological-visualization","tag-circle-chart","tag-circle-packing","tag-circle-packing-chart","tag-circle-packing-chart-update","tag-circle-packing-charts","tag-column-value-progression","tag-connector-omission-in-charts","tag-corporate-clients-charting","tag-corporate-clients-charts","tag-corporate-data-charting","tag-corporate-data-visualization","tag-creating-timeline-charts","tag-css","tag-cumulative-value-chart","tag-custom-timeline-labels","tag-customizing-charts","tag-data","tag-data-analysis","tag-data-analytics","tag-data-analytics-examples","tag-data-analytics-tools","tag-data-chart","tag-data-chart-project","tag-data-charting","tag-data-charts","tag-data-design","tag-data-graphic","tag-data-graphics","tag-data-insights","tag-data-literacy","tag-data-loading","tag-data-over-time","tag-data-science","tag-data-stories","tag-data-vis","tag-data-visual","tag-data-visualisation","tag-data-visualization","tag-data-visualization-best-pracices","tag-data-visualization-design","tag-data-visualization-development","tag-data-visualization-examples","tag-data-visualization-guide","tag-data-visualization-practice","tag-data-visualization-project","tag-data-visualization-techniques","tag-data-visualization-tool","tag-data-visualization-tools","tag-data-visualization-tutorial","tag-data-visualizations","tag-data-visuals","tag-data-viz-examples","tag-data-driven-stories","tag-data-driven-storytelling","tag-data-driven-visuals","tag-data-viz","tag-dataviz","tag-dataviz-examples","tag-dataviz-projects","tag-drawconnector","tag-drawtotalsasabsolute","tag-dropped-connectors","tag-eastern-roman-empire","tag-era-designator","tag-event-listeners","tag-event-markers","tag-events-visualization","tag-example","tag-feedback","tag-feedback-and-suggestions","tag-financial-charts","tag-financial-data-charts","tag-financial-report","tag-financial-report-chart","tag-financial-reporting","tag-financial-reporting-charts","tag-financial-waterfall-chart","tag-front-end-charting-guide","tag-front-end-development","tag-graphics-library","tag-hierarchical-circle-visualization","tag-hierarchical-data","tag-hierarchical-data-visualization","tag-historian-charts","tag-historian-data-visualization","tag-historical-data-visualization","tag-historical-event","tag-historical-event-chart","tag-historical-events-visualization","tag-historical-timeline","tag-historical-timeline-chart","tag-historical-timelines","tag-history","tag-history-charts","tag-history-data-charts","tag-history-of-rome","tag-html","tag-html-chart-setup","tag-html-charts","tag-html-page-setup","tag-html5","tag-html5-charts","tag-html5-charts-tutorial","tag-html5-dashboards","tag-html5-gantt-charts","tag-html5-maps","tag-html5-timeline","tag-interactive-charts","tag-interactive-dashboard","tag-interactive-data","tag-interactive-data-chart","tag-interactive-data-visualization","tag-interactive-data-visualization-tutorial","tag-interactive-graphics","tag-interactive-html5-dashboard","tag-interactive-infographic","tag-interactive-infographics","tag-interactive-javascript-dashboard","tag-interactive-maps","tag-interactive-project","tag-interactive-timeline","tag-interactive-timeline-chart","tag-interactive-visualization","tag-interactive-visualizations","tag-interactive-web-charts","tag-interactivity","tag-javascript","tag-javascript-chart-customization","tag-javascript-chart-tutorial","tag-javascript-charting","tag-javascript-charting-api","tag-javascript-charting-features","tag-javascript-charting-library","tag-javascript-charting-tutorial","tag-javascript-charts","tag-javascript-dashboards","tag-javascript-data-display","tag-javascript-data-visualization","tag-javascript-gantt-charts","tag-javascript-graph","tag-javascript-graphics","tag-javascript-graphics-library","tag-javascript-library","tag-javascript-map","tag-javascript-mapping-library","tag-javascript-maps","tag-javascript-technologies","tag-javascript-timeline","tag-javascript-timeline-chart","tag-javascript-visualization-tutorial","tag-js","tag-js-api-reference","tag-js-chart","tag-js-charting","tag-js-charts","tag-js-data-visualizations","tag-js-graphics","tag-js-library","tag-js-library-update","tag-js-map","tag-js-mapping","tag-js-maps","tag-js-stock-chart","tag-js-timeline","tag-label-adjustments","tag-labelsmode","tag-leaf-node","tag-leaf-node-labels","tag-leaves-labels","tag-localized-charts","tag-milestone-reporting-chart","tag-minor-improvements","tag-navigation","tag-nested-circles-chart","tag-network-graph","tag-new-chart-features","tag-new-release","tag-oaw-timeline-project","tag-personalized-tooltips","tag-positive-and-negative-value-chart","tag-product-lifecycle-chart","tag-project-management-tools","tag-project-planning-chart","tag-range-chart","tag-remove-connectors-in-waterfall-chart","tag-research-tools","tag-research-driven-storytelling","tag-roman-empire","tag-roman-empire-chart","tag-roman-empire-history-chart","tag-roman-history","tag-roman-history-timeline","tag-roman-history-timeline-tutorial","tag-roman-history-tutorial","tag-root-labels","tag-root-node","tag-root-node-labels","tag-scholarly-charts","tag-scholarly-timeline-charts","tag-scholars-charting-needs","tag-scholars-charts","tag-sequence-of-events-visualization","tag-sequential-data-chart","tag-sequential-values-chart","tag-software-development","tag-step-by-step-tutorial","tag-storytelling","tag-storytelling-examples","tag-subtotal-values-chart","tag-suggestions","tag-timeline","tag-timeline-chart","tag-timeline-chart-configuration","tag-timeline-chart-for-scholars","tag-timeline-chart-labels","tag-timeline-chart-tutorial","tag-timeline-chart-update","tag-timeline-charts","tag-timeline-graph","tag-timeline-navigation","tag-timeline-of-events","tag-timeline-tooltip","tag-timeline-tooltips","tag-timeline-visualization","tag-tooltip","tag-tooltips","tag-top-data-visualization-tools","tag-totals-as-absolute-values","tag-tutorial","tag-visual-analysis","tag-visual-analytics","tag-visual-data","tag-visual-data-analytics","tag-visual-data-insights","tag-visual-data-representation","tag-visual-graphica","tag-visual-stories","tag-visual-story","tag-visual-storytelling","tag-visual-storytelling-examples","tag-visualization","tag-visualizations","tag-waterfall-chart","tag-waterfall-chart-arrows","tag-waterfall-chart-connectors","tag-waterfall-chart-update","tag-waterfall-charts","tag-web-design","tag-web-developers","tag-web-development","tag-web-project","tag-website-development","tag-western-roman-empire","tag-wikidata-data","tag-wikipedia","tag-wikipedia-data","tag-wikipedia-data-visualization","tag-zoom-controls","tag-zoom-levels","wpautop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Introducing AnyChart 8.13.0 for Elevated JavaScript Charting<\/title>\n<meta name=\"description\" content=\"Discover enhanced Timeline, Waterfall, Circle Packing, and more JavaScript charts for improved interactive data visualization experience.\" \/>\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\/2024\/10\/03\/elevated-javascript-charting\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing AnyChart 8.13.0 for Enhanced JS Charting\" \/>\n<meta property=\"og:description\" content=\"Discover enhanced Timeline, Waterfall, Circle Packing, and more JavaScript charts for improved interactive data visualization experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/\" \/>\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=\"2024-10-03T21:58:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-03T22:08:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0-og.png\" \/>\n<meta name=\"author\" content=\"AnyChart Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Introducing AnyChart 8.13.0 for Enhanced JS Charting\" \/>\n<meta name=\"twitter:description\" content=\"Discover enhanced Timeline, Waterfall, Circle Packing, and more JavaScript charts for improved interactive data visualization experience.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0-og.png\" \/>\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=\"AnyChart Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/\"},\"author\":{\"name\":\"AnyChart Team\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b\"},\"headline\":\"Introducing AnyChart 8.13.0 for Elevated JavaScript Charting Experience\",\"datePublished\":\"2024-10-03T21:58:53+00:00\",\"dateModified\":\"2024-10-03T22:08:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/\"},\"wordCount\":1054,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0.png\",\"keywords\":[\"absolute values\",\"academic research\",\"academic research charting\",\"academic research tools\",\"addArrow\",\"advanced chart navigation\",\"advanced charting with JavaScript\",\"advanced data visualization\",\"advanced navigation charts\",\"analysis\",\"analytics\",\"ancient data visualization\",\"ancient history\",\"ancient history data\",\"Ancient Rome\",\"ancient Rome visualization\",\"AnyChart\",\"AnyChart 8.13.0\",\"AnyChart API\",\"AnyChart JS API Reference\",\"AnyChart tutorial\",\"AnyGantt\",\"AnyMap\",\"AnyStock\",\"app development\",\"arrow placement\",\"arrows in chart\",\"arrows in waterfall chart\",\"Austrian Academy of Sciences\",\"Austrian Academy of Sciences project\",\"best BI tools\",\"best data analytics solution\",\"best data visualization examples\",\"best data visualization tool\",\"best data visualization tools\",\"BI\",\"BI tools\",\"big data\",\"big data tools\",\"bug fixes\",\"bug fixes in AnyChart\",\"building timeline charts\",\"business analytics\",\"business data charting\",\"business data visualization\",\"Business Intelligence\",\"Byzantine Empire\",\"Byzantine Empire chart\",\"calendar chart\",\"chart colors customization\",\"chart connectors\",\"chart customization\",\"chart design\",\"chart development\",\"chart drawConnector\",\"chart enhancements\",\"chart examples\",\"chart gallery\",\"chart hierarchy visualization\",\"chart label adjustments\",\"chart localization\",\"chart navigation\",\"chart tooltip\",\"chart tooltips\",\"chart update\",\"charting improvements\",\"charting library\",\"charting project\",\"charting release\",\"charting software\",\"chronological visualization\",\"circle chart\",\"circle packing\",\"circle packing chart\",\"circle packing chart update\",\"circle packing charts\",\"column value progression\",\"connector omission in charts\",\"corporate clients charting\",\"corporate clients charts\",\"corporate data charting\",\"corporate data visualization\",\"creating timeline charts\",\"CSS\",\"cumulative value chart\",\"custom timeline labels\",\"customizing charts\",\"data\",\"data analysis\",\"data analytics\",\"data analytics examples\",\"data analytics tools\",\"data chart\",\"data chart project\",\"data charting\",\"data charts\",\"data design\",\"data graphic\",\"data graphics\",\"data insights\",\"data literacy\",\"data loading\",\"data over time\",\"data science\",\"data stories\",\"data vis\",\"data visual\",\"data visualisation\",\"Data Visualization\",\"data visualization best practices\",\"data visualization design\",\"data visualization development\",\"data visualization examples\",\"data visualization guide\",\"data visualization practice\",\"data visualization project\",\"data visualization techniques\",\"data visualization tool\",\"data visualization tools\",\"data visualization tutorial\",\"data visualizations\",\"data visuals\",\"data viz examples\",\"data-driven stories\",\"data-driven storytelling\",\"data-driven visuals\",\"data-viz\",\"dataviz\",\"dataviz examples\",\"dataviz projects\",\"drawConnector\",\"drawTotalsAsAbsolute\",\"dropped connectors\",\"Eastern Roman Empire\",\"era designator\",\"event listeners\",\"event markers\",\"events visualization\",\"example\",\"feedback\",\"feedback and suggestions\",\"Financial charts\",\"financial data charts\",\"financial report\",\"financial report chart\",\"financial reporting\",\"financial reporting charts\",\"financial waterfall chart\",\"front-end charting guide\",\"front-end development\",\"graphics library\",\"hierarchical circle visualization\",\"hierarchical data\",\"hierarchical data visualization\",\"historian charts\",\"historian data visualization\",\"historical data visualization\",\"historical event\",\"historical event chart\",\"historical events visualization\",\"historical timeline\",\"historical timeline chart\",\"historical timelines\",\"history\",\"history charts\",\"history data charts\",\"History of Rome\",\"HTML\",\"HTML chart setup\",\"HTML charts\",\"HTML page setup\",\"HTML5\",\"html5 charts\",\"HTML5 charts tutorial\",\"html5 dashboards\",\"html5 gantt charts\",\"html5 maps\",\"html5 timeline\",\"interactive charts\",\"interactive dashboard\",\"interactive data\",\"interactive data chart\",\"interactive data visualization\",\"interactive data visualization tutorial\",\"interactive graphics\",\"interactive html5 dashboard\",\"interactive infographic\",\"interactive infographics\",\"interactive javascript dashboard\",\"interactive maps\",\"interactive project\",\"interactive timeline\",\"interactive timeline chart\",\"interactive visualization\",\"interactive visualizations\",\"interactive web charts\",\"interactivity\",\"JavaScript\",\"JavaScript chart customization\",\"javascript chart tutorial\",\"javascript charting\",\"javascript charting api\",\"JavaScript charting features\",\"JavaScript charting library\",\"JavaScript charting tutorial\",\"javascript charts\",\"javascript dashboards\",\"JavaScript data display\",\"JavaScript data visualization\",\"javascript gantt charts\",\"javascript graph\",\"javascript graphics\",\"JavaScript graphics library\",\"JavaScript library\",\"javascript map\",\"JavaScript mapping library\",\"javascript maps\",\"javascript technologies\",\"javascript timeline\",\"JavaScript timeline chart\",\"JavaScript visualization tutorial\",\"js\",\"JS API Reference\",\"js chart\",\"js charting\",\"js charts\",\"js data visualizations\",\"JS graphics\",\"js library\",\"JS library update\",\"js map\",\"js mapping\",\"js maps\",\"JS stock chart\",\"js timeline\",\"label adjustments\",\"labelsMode\",\"leaf node\",\"leaf node labels\",\"leaves labels\",\"localized charts\",\"milestone reporting chart\",\"minor improvements\",\"navigation\",\"nested circles chart\",\"network graph\",\"new chart features\",\"new release\",\"\u00d6AW timeline project\",\"personalized tooltips\",\"positive and negative value chart\",\"product lifecycle chart\",\"project management tools\",\"project planning chart\",\"range chart\",\"remove connectors in waterfall chart\",\"research tools\",\"research-driven storytelling\",\"Roman Empire\",\"Roman Empire chart\",\"Roman Empire history chart\",\"Roman history\",\"Roman History Timeline\",\"Roman History Timeline tutorial\",\"Roman History tutorial\",\"root labels\",\"root node\",\"root node labels\",\"scholarly charts\",\"scholarly timeline charts\",\"scholars\u2019 charting needs\",\"scholars\u2019 charts\",\"sequence of events visualization\",\"sequential data chart\",\"sequential values chart\",\"software development\",\"step-by-step tutorial\",\"storytelling\",\"storytelling examples\",\"subtotal values chart\",\"suggestions\",\"timeline\",\"timeline chart\",\"timeline chart configuration\",\"timeline chart for scholars\",\"timeline chart labels\",\"timeline chart tutorial\",\"timeline chart update\",\"timeline charts\",\"timeline graph\",\"timeline navigation\",\"timeline of events\",\"timeline tooltip\",\"timeline tooltips\",\"timeline visualization\",\"tooltip\",\"tooltips\",\"top data visualization tools\",\"totals as absolute values\",\"tutorial\",\"visual analysis\",\"visual analytics\",\"visual data\",\"visual data analytics\",\"visual data insights\",\"visual data representation\",\"visual graphica\",\"visual stories\",\"visual story\",\"visual storytelling\",\"visual storytelling examples\",\"visualization\",\"visualizations\",\"waterfall chart\",\"waterfall chart arrows\",\"waterfall chart connectors\",\"waterfall chart update\",\"waterfall charts\",\"web design\",\"web developers\",\"web development\",\"web project\",\"website development\",\"Western Roman Empire\",\"Wikidata data\",\"wikipedia\",\"Wikipedia data\",\"Wikipedia data visualization\",\"zoom controls\",\"zoom levels\"],\"articleSection\":[\"AnyChart Charting Component\",\"AnyGantt\",\"AnyMap\",\"AnyStock\",\"Big Data\",\"Business Intelligence\",\"Dashboards\",\"Financial Charts\",\"Gantt Chart\",\"HTML5\",\"JavaScript\",\"News\",\"Stock Charts\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/\",\"url\":\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/\",\"name\":\"Introducing AnyChart 8.13.0 for Elevated JavaScript Charting\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0.png\",\"datePublished\":\"2024-10-03T21:58:53+00:00\",\"dateModified\":\"2024-10-03T22:08:52+00:00\",\"author\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b\"},\"description\":\"Discover enhanced Timeline, Waterfall, Circle Packing, and more JavaScript charts for improved interactive data visualization experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#primaryimage\",\"url\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0.png\",\"contentUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0.png\",\"width\":1200,\"height\":675},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.anychart.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introducing AnyChart 8.13.0 for Elevated JavaScript Charting Experience\"}]},{\"@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\/2470e26e58231357db6d9993ecd6461b\",\"name\":\"AnyChart Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g\",\"caption\":\"AnyChart Team\"},\"sameAs\":[\"https:\/\/www.anychart.com\"],\"url\":\"https:\/\/www.anychart.com\/blog\/author\/andrey-khachaturov\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing AnyChart 8.13.0 for Elevated JavaScript Charting","description":"Discover enhanced Timeline, Waterfall, Circle Packing, and more JavaScript charts for improved interactive data visualization experience.","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\/2024\/10\/03\/elevated-javascript-charting\/","og_locale":"en_US","og_type":"article","og_title":"Introducing AnyChart 8.13.0 for Enhanced JS Charting","og_description":"Discover enhanced Timeline, Waterfall, Circle Packing, and more JavaScript charts for improved interactive data visualization experience.","og_url":"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/","og_site_name":"AnyChart News","article_publisher":"https:\/\/www.facebook.com\/AnyCharts","article_published_time":"2024-10-03T21:58:53+00:00","article_modified_time":"2024-10-03T22:08:52+00:00","og_image":[{"url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0-og.png","type":"","width":"","height":""}],"author":"AnyChart Team","twitter_card":"summary_large_image","twitter_title":"Introducing AnyChart 8.13.0 for Enhanced JS Charting","twitter_description":"Discover enhanced Timeline, Waterfall, Circle Packing, and more JavaScript charts for improved interactive data visualization experience.","twitter_image":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0-og.png","twitter_creator":"@AnyChart","twitter_site":"@AnyChart","twitter_misc":{"Written by":"AnyChart Team","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#article","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/"},"author":{"name":"AnyChart Team","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b"},"headline":"Introducing AnyChart 8.13.0 for Elevated JavaScript Charting Experience","datePublished":"2024-10-03T21:58:53+00:00","dateModified":"2024-10-03T22:08:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/"},"wordCount":1054,"commentCount":0,"image":{"@id":"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0.png","keywords":["absolute values","academic research","academic research charting","academic research tools","addArrow","advanced chart navigation","advanced charting with JavaScript","advanced data visualization","advanced navigation charts","analysis","analytics","ancient data visualization","ancient history","ancient history data","Ancient Rome","ancient Rome visualization","AnyChart","AnyChart 8.13.0","AnyChart API","AnyChart JS API Reference","AnyChart tutorial","AnyGantt","AnyMap","AnyStock","app development","arrow placement","arrows in chart","arrows in waterfall chart","Austrian Academy of Sciences","Austrian Academy of Sciences project","best BI tools","best data analytics solution","best data visualization examples","best data visualization tool","best data visualization tools","BI","BI tools","big data","big data tools","bug fixes","bug fixes in AnyChart","building timeline charts","business analytics","business data charting","business data visualization","Business Intelligence","Byzantine Empire","Byzantine Empire chart","calendar chart","chart colors customization","chart connectors","chart customization","chart design","chart development","chart drawConnector","chart enhancements","chart examples","chart gallery","chart hierarchy visualization","chart label adjustments","chart localization","chart navigation","chart tooltip","chart tooltips","chart update","charting improvements","charting library","charting project","charting release","charting software","chronological visualization","circle chart","circle packing","circle packing chart","circle packing chart update","circle packing charts","column value progression","connector omission in charts","corporate clients charting","corporate clients charts","corporate data charting","corporate data visualization","creating timeline charts","CSS","cumulative value chart","custom timeline labels","customizing charts","data","data analysis","data analytics","data analytics examples","data analytics tools","data chart","data chart project","data charting","data charts","data design","data graphic","data graphics","data insights","data literacy","data loading","data over time","data science","data stories","data vis","data visual","data visualisation","Data Visualization","data visualization best practices","data visualization design","data visualization development","data visualization examples","data visualization guide","data visualization practice","data visualization project","data visualization techniques","data visualization tool","data visualization tools","data visualization tutorial","data visualizations","data visuals","data viz examples","data-driven stories","data-driven storytelling","data-driven visuals","data-viz","dataviz","dataviz examples","dataviz projects","drawConnector","drawTotalsAsAbsolute","dropped connectors","Eastern Roman Empire","era designator","event listeners","event markers","events visualization","example","feedback","feedback and suggestions","Financial charts","financial data charts","financial report","financial report chart","financial reporting","financial reporting charts","financial waterfall chart","front-end charting guide","front-end development","graphics library","hierarchical circle visualization","hierarchical data","hierarchical data visualization","historian charts","historian data visualization","historical data visualization","historical event","historical event chart","historical events visualization","historical timeline","historical timeline chart","historical timelines","history","history charts","history data charts","History of Rome","HTML","HTML chart setup","HTML charts","HTML page setup","HTML5","html5 charts","HTML5 charts tutorial","html5 dashboards","html5 gantt charts","html5 maps","html5 timeline","interactive charts","interactive dashboard","interactive data","interactive data chart","interactive data visualization","interactive data visualization tutorial","interactive graphics","interactive html5 dashboard","interactive infographic","interactive infographics","interactive javascript dashboard","interactive maps","interactive project","interactive timeline","interactive timeline chart","interactive visualization","interactive visualizations","interactive web charts","interactivity","JavaScript","JavaScript chart customization","javascript chart tutorial","javascript charting","javascript charting api","JavaScript charting features","JavaScript charting library","JavaScript charting tutorial","javascript charts","javascript dashboards","JavaScript data display","JavaScript data visualization","javascript gantt charts","javascript graph","javascript graphics","JavaScript graphics library","JavaScript library","javascript map","JavaScript mapping library","javascript maps","javascript technologies","javascript timeline","JavaScript timeline chart","JavaScript visualization tutorial","js","JS API Reference","js chart","js charting","js charts","js data visualizations","JS graphics","js library","JS library update","js map","js mapping","js maps","JS stock chart","js timeline","label adjustments","labelsMode","leaf node","leaf node labels","leaves labels","localized charts","milestone reporting chart","minor improvements","navigation","nested circles chart","network graph","new chart features","new release","\u00d6AW timeline project","personalized tooltips","positive and negative value chart","product lifecycle chart","project management tools","project planning chart","range chart","remove connectors in waterfall chart","research tools","research-driven storytelling","Roman Empire","Roman Empire chart","Roman Empire history chart","Roman history","Roman History Timeline","Roman History Timeline tutorial","Roman History tutorial","root labels","root node","root node labels","scholarly charts","scholarly timeline charts","scholars\u2019 charting needs","scholars\u2019 charts","sequence of events visualization","sequential data chart","sequential values chart","software development","step-by-step tutorial","storytelling","storytelling examples","subtotal values chart","suggestions","timeline","timeline chart","timeline chart configuration","timeline chart for scholars","timeline chart labels","timeline chart tutorial","timeline chart update","timeline charts","timeline graph","timeline navigation","timeline of events","timeline tooltip","timeline tooltips","timeline visualization","tooltip","tooltips","top data visualization tools","totals as absolute values","tutorial","visual analysis","visual analytics","visual data","visual data analytics","visual data insights","visual data representation","visual graphica","visual stories","visual story","visual storytelling","visual storytelling examples","visualization","visualizations","waterfall chart","waterfall chart arrows","waterfall chart connectors","waterfall chart update","waterfall charts","web design","web developers","web development","web project","website development","Western Roman Empire","Wikidata data","wikipedia","Wikipedia data","Wikipedia data visualization","zoom controls","zoom levels"],"articleSection":["AnyChart Charting Component","AnyGantt","AnyMap","AnyStock","Big Data","Business Intelligence","Dashboards","Financial Charts","Gantt Chart","HTML5","JavaScript","News","Stock Charts"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/","url":"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/","name":"Introducing AnyChart 8.13.0 for Elevated JavaScript Charting","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#primaryimage"},"image":{"@id":"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0.png","datePublished":"2024-10-03T21:58:53+00:00","dateModified":"2024-10-03T22:08:52+00:00","author":{"@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b"},"description":"Discover enhanced Timeline, Waterfall, Circle Packing, and more JavaScript charts for improved interactive data visualization experience.","breadcrumb":{"@id":"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#primaryimage","url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0.png","contentUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2024\/10\/anychart-8-13-0.png","width":1200,"height":675},{"@type":"BreadcrumbList","@id":"https:\/\/www.anychart.com\/blog\/2024\/10\/03\/elevated-javascript-charting\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.anychart.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Introducing AnyChart 8.13.0 for Elevated JavaScript Charting Experience"}]},{"@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\/2470e26e58231357db6d9993ecd6461b","name":"AnyChart Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g","caption":"AnyChart Team"},"sameAs":["https:\/\/www.anychart.com"],"url":"https:\/\/www.anychart.com\/blog\/author\/andrey-khachaturov\/"}]}},"_links":{"self":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/18089","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/comments?post=18089"}],"version-history":[{"count":62,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/18089\/revisions"}],"predecessor-version":[{"id":18249,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/18089\/revisions\/18249"}],"wp:attachment":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/media?parent=18089"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/categories?post=18089"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/tags?post=18089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}